-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathlang.js
More file actions
154 lines (120 loc) · 6.95 KB
/
Copy pathlang.js
File metadata and controls
154 lines (120 loc) · 6.95 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
let home = false;
let search = false;
let random = false;
let lang;
function homeActive() {
home = true;
}
function searchActive() {
search = true;
}
function randomActive() {
random = true;
}
function translateHomeFr() {
document.getElementById("nav-list").innerHTML = "<li class=\"nav-element hide-mobile\"><a class=\"nav-link\" href=\"index.html\"><i class=\"fa-solid fa-house-chimney\"></i> Accueil</a></li>"
+ "<li class=\"nav-element\"><a class=\"nav-link\" href=\"search.html\">Nom</a></li>"
+ "<li class=\"nav-element\"><a class=\"nav-link\" href=\"search.html?s=ingredient\">Ingredients</a></li>"
+ "<li class=\"nav-element\"><a class=\"nav-link\" href=\"random.html\">Aléatoire</a></li>"
+ "<li class=\"nav-element\"><a class=\"nav-link\" href=\"mailto:contact@cocktail.bible.com\">Contactez-nous</a></li>"
document.getElementById("home-text").innerHTML = "La Bible du <span class=\"colored-text\">Cocktail</span>";
document.getElementById("home-button-byname-text").innerHTML = "Chercher par nom <i class=\"fa-solid fa-spell-check\"></i>";
document.getElementById("home-button-byingredient-text").innerHTML = "Chercher par ingrédient <i class=\"fa-solid fa-lemon\"></i>";
document.getElementById("home-button-random-text").innerHTML = "Cocktail au hasard ? <i class=\"fa-solid fa-dice\"></i>";
localStorage.setItem('lang', 'fr')
}
function translateHomeEn() {
document.getElementById("nav-list").innerHTML = "<li class=\"nav-element hide-mobile\"><a class=\"nav-link\" href=\"index.html\"><i class=\"fa-solid fa-house-chimney\"></i> Home</a></li>"
+ "<li class=\"nav-element\"><a class=\"nav-link\" href=\"search.html\">Name</a></li>"
+ "<li class=\"nav-element\"><a class=\"nav-link\" href=\"search.html?s=ingredient\">Ingredients</a></li>"
+ "<li class=\"nav-element\"><a class=\"nav-link\" href=\"random.html\">Random</a></li>"
+ "<li class=\"nav-element\"><a class=\"nav-link\" href=\"mailto:contact@cocktail.bible.com\">Contact</a></li>"
document.getElementById("home-text").innerHTML = "The <span class=\"colored-text\">Cocktail</span> Bible";
document.getElementById("home-button-byname-text").innerHTML = "Search by name <i class=\"fa-solid fa-spell-check\"></i>";
document.getElementById("home-button-byingredient-text").innerHTML = "Search by ingredient <i class=\"fa-solid fa-lemon\"></i>";
document.getElementById("home-button-random-text").innerHTML = "Random cocktail ? <i class=\"fa-solid fa-dice\"></i>";
localStorage.setItem('lang', 'en')
}
function translateRandomEn() {
document.getElementById("nav-list").innerHTML = "<li class=\"nav-element\"><a class=\"nav-link\" href=\"index.html\"><i class=\"fa-solid fa-house-chimney\"></i> Home</a></li>"
+ "<li class=\"nav-element\"><a class=\"nav-link\" href=\"search.html\">Name</a></li>"
+ "<li class=\"nav-element\"><a class=\"nav-link\" href=\"search.html?s=ingredient\">Ingredients</a></li>"
+ "<li class=\"nav-element hide-mobile\"><a class=\"nav-link\" href=\"random.html\">Random</a></li>"
+ "<li class=\"nav-element\"><a class=\"nav-link\" href=\"mailto:contact@cocktail.bible.com\">Contact</a></li>"
document.getElementById("random").innerHTML = " <p id=\"random-text\">Find <span class=\"colored-text\">Random</span> cocktail</p><p id=\"random-message\">Search a cocktail with the field above !</p><div id=\"random-container\"onclick=\"getRandomCocktails()\"><div id=\"random-empty-result\"></div></div>"
localStorage.setItem('lang', 'en')
}
function translateRandomFr() {
document.getElementById("nav-list").innerHTML = "<li class=\"nav-element\"><a class=\"nav-link\" href=\"index.html\"><i class=\"fa-solid fa-house-chimney\"></i> Accueil</a></li>"
+ "<li class=\"nav-element\"><a class=\"nav-link\" href=\"search.html\">Nom</a></li>"
+ "<li class=\"nav-element\"><a class=\"nav-link\" href=\"search.html?s=ingredient\">Ingredients</a></li>"
+ "<li class=\"nav-element hide-mobile\"><a class=\"nav-link\" href=\"random.html\">Aléatoire</a></li>"
+ "<li class=\"nav-element\"><a class=\"nav-link\" href=\"mailto:contact@cocktail.bible.com\">Contactez-nous</a></li>"
document.getElementById("random").innerHTML = " <p id=\"random-text\">Trouver <span class=\"colored-text\">au hasard</span> un cocktail</p><p id=\"random-message\">Cherchez un cocktail avec le champ ci-dessus !</p><div id=\"random-container\"onclick=\"getRandomCocktails()\"><div id=\"random-empty-result\"></div></div>"
localStorage.setItem('lang', 'fr')
}
function translateSearchEn() {
document.getElementById("banner-title").innerHTML = "Search";
document.getElementById("back-button-text").innerHTML = "<i class=\"fa-solid fa-circle-chevron-left\"></i> Go back to <span class=\"button-text-color\">menu</span>";
document.getElementById("result-message").innerHTML = "Loading search API...";
localStorage.setItem('lang', 'en')
}
function translateSearchFr() {
document.getElementById("banner-title").innerHTML = "Rechercher";
document.getElementById("back-button-text").innerHTML = "<i class=\"fa-solid fa-circle-chevron-left\"></i> Retour au <span class=\"button-text-color\">menu</span>";
document.getElementById("result-message").innerHTML = "Chargement de l'API...";
localStorage.setItem('lang', 'fr')
}
function checkLanguageHome() {
if (localStorage.getItem('lang') === 'fr') {
document.getElementById("language-select").innerHTML = "<option value=\"fr\">FR</option><option value=\"en\">EN</option>"
translateHomeFr()
} else if (localStorage.getItem('lang') === 'en') {
translateHomeEn()
}
}
function checkLanguageRandom() {
if (localStorage.getItem('lang') === 'fr') {
document.getElementById("language-select").innerHTML = "<option value=\"fr\">FR</option><option value=\"en\">EN</option>"
translateRandomFr()
} else if (localStorage.getItem('lang') === 'en') {
translateRandomEn()
}
}
function checkLanguageSearch() {
if (localStorage.getItem('lang') === 'fr') {
translateSearchFr()
} else if (localStorage.getItem('lang') === 'en') {
translateSearchEn()
}
}
$("#language-select").change(function () {
var language = $(this).val();
if (home) {
search = false;
random = false;
if (language === "en") {
translateHomeEn()
} else if (language === "fr") {
translateHomeFr()
}
}
if (random) {
home = false;
search = false;
if (language === "en") {
translateRandomEn()
} else if (language === "fr") {
translateRandomFr()
}
}
if (search) {
home = false;
random = false;
if (language === "en") {
translateSearchEn()
} else if (language === "fr") {
translateSearchFr()
}
}
});