index.js
2.38 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
const langArr = [
{
lang: "ru",
title: "Русский",
active: true,
},
{
lang: "en",
title: "English",
active: false,
},
];
window.onload = function() {
set_current_year();
};
function do_download() {
console.log("do download!");
}
function openLang() {
const dropdownMenu = document.querySelector(".dropdown-menu");
if (dropdownMenu != null) {
dropdownMenu.classList.toggle("show");
}
}
function switchLang(lang) {
const dd = document.querySelector("#langSwitcher");
if (dd != null) {
const title = langArr.filter(elem => elem.lang === lang)[0].title;
dd.innerHTML = title;
const activeLang = langArr.filter(elem => elem.lang !== lang)[0].lang;
const activeLangNode = document.querySelector(`[data-lang=${CSS.escape(activeLang)}]`);
if (activeLangNode != null) {
activeLangNode.classList.remove("active");
}
const langNode = document.querySelector(`[data-lang=${CSS.escape(lang)}]`);
if (langNode != null) {
langNode.classList.add("active");
}
for (const key in langDict) {
const langNode = document.querySelector(`[data-lang=${CSS.escape(key)}]`);
if (langNode != null) {
const translate = langDict[key][lang];
if (translate != null) {
langNode.innerHTML = translate;
}
}
}
}
openLang();
}
function set_current_year() {
const year = new Date().getFullYear();
const yearNode = document.querySelector(".year");
if (yearNode != null) {
yearNode.innerHTML = year;
}
}
function do_support() {
console.log("do support!");
}
function switchMobileMenu() {
const openedMenu = document.querySelector("#opened-menu");
if (openedMenu != null) {
openedMenu.classList.toggle("show");
}
}
let portrait = window.matchMedia("(orientation: portrait)");
portrait.addEventListener("change", function(e) {
if(e.matches) {
// Portrait mode
console.log("Portrait mode");
const main = document.querySelector(".main");
if (main != null) {
main.classList.remove("oriented")
}
} else {
// Landscape
console.log("Landscape");
const main = document.querySelector(".main");
if (main != null) {
main.classList.add("oriented")
}
}
})