https://arbml.github.io/assets/js/index_translate.js

1// The fetchLang function is fetching the the language from the lang.json file
2// This file is just for the index page
3
4let fetchLang = async () => {
5  let response = await fetch("assets/js/lang.json");
6  let data = await response.json();
7
8  let ar = document.querySelector("#ar");
9  let en = document.querySelector("#en");
10  let ar_style = document.querySelector("#ar_style");
11
12  let paper = document.querySelectorAll('.paper');
13  let code = document.querySelectorAll('.code');
14  let web = document.querySelectorAll('.web');
15
16  news_body_four_link.innerHTML = "post";
17
18  ar.addEventListener("click", () => {
19    // translate_btn.innerHTML = "Arabic";
20
21    publications.innerHTML = data.ar.publications;
22    talks.innerHTML = data.ar.talks;
23    hero_text.innerHTML = data.ar.hero_text;
24    mission_text.innerHTML = data.ar.mission_text;
25    mission.innerHTML = data.ar.mission;
26    highlighted_projects.innerHTML = data.ar.highlighted_projects;
27    masader.innerHTML = data.ar.masader;
28    masader_text.innerHTML = data.ar.masader_text;
29    klaam.innerHTML = data.ar.klaam;
30    klaam_text.innerHTML = data.ar.klaam_text;
31    calliar.innerHTML = data.ar.calliar;
32    calliar_text.innerHTML = data.ar.calliar_text;
33    qawafi.innerHTML = data.ar.qawafi;
34    qawafi_text.innerHTML = data.ar.qawafi_text;
35    tkseem.innerHTML = data.ar.tkseem;
36    tkseem_text.innerHTML = data.ar.tkseem_text;
37    arbml_text.innerHTML = data.ar.arbml_text;
38    news.innerHTML = data.ar.news;
39    news_body_one.innerHTML = data.ar.news_body[0];
40    news_body_two.innerHTML = data.ar.news_body[1];
41    news_body_three.innerHTML = data.ar.news_body[2];
42    news_body_four1.innerHTML = data.ar.news_body[3];
43    news_body_one_link.innerHTML = data.ar.news_body_one_link;
44    news_body_three_link.innerHTML = data.ar.news_body_three_link;
45    news_body_four_link.innerHTML = data.ar.news_body_four_link;
46    join_our_community.innerHTML = data.ar.join_our_community;
47    collaborators.innerHTML = data.ar.collaborators;
48
49    for (let i = 0; i < paper.length; i++) {
50      paper[i].innerHTML = data.ar.paper
51    }
52
53    for (let i = 0; i < code.length; i++) {
54      code[i].innerHTML = data.ar.code
55    }
56
57    for (let i = 0; i < web.length; i++) {
58      web[i].innerHTML = data.ar.web
59    }
60
61    ar_style.classList.add("ar-text");
62  });
63
64  en.addEventListener("click", () => {
65    // translate_btn.innerHTML = "English"
66
67    publications.innerHTML = data.en.publications;
68    talks.innerHTML = data.en.talks;
69    hero_text.innerHTML = data.en.hero_text;
70    mission_text.innerHTML = data.en.mission_text;
71    mission.innerHTML = data.en.mission;
72    highlighted_projects.innerHTML = data.en.highlighted_projects;
73    masader.innerHTML = data.en.masader;
74    masader_text.innerHTML = data.en.masader_text;
75    klaam.innerHTML = data.en.klaam;
76    klaam_text.innerHTML = data.en.klaam_text;
77    calliar.innerHTML = data.en.calliar;
78    calliar_text.innerHTML = data.en.calliar_text;
79    qawafi.innerHTML = data.en.qawafi;
80    qawafi_text.innerHTML = data.en.qawafi_text;
81    tkseem.innerHTML = data.en.tkseem;
82    tkseem_text.innerHTML = data.en.tkseem_text;
83    arbml_text.innerHTML = data.en.arbml_text;
84    paper.innerHTML = data.en.paper;
85    code.innerHTML = data.en.code;
86    web.innerHTML = data.en.web;
87    news.innerHTML = data.en.news;
88    news_body_one.innerHTML = data.en.news_body[0];
89    news_body_two.innerHTML = data.en.news_body[1];
90    news_body_three.innerHTML = data.en.news_body[2];
91    news_body_four1.innerHTML = data.en.news_body[3];
92    news_body_one_link.innerHTML = data.en.news_body_one_link;
93    news_body_three_link.innerHTML = data.en.news_body_three_link;
94    news_body_four_link.innerHTML = data.en.news_body_four_link;
95    join_our_community.innerHTML = data.en.join_our_community;
96    collaborators.innerHTML = data.en.collaborators;
97
98    for (let i = 0; i < paper.length; i++) {
99      paper[i].innerHTML = data.en.paper
100    }
101
102    for (let i = 0; i < code.length; i++) {
103      code[i].innerHTML = data.en.code
104    }
105
106    for (let i = 0; i < web.length; i++) {
107      web[i].innerHTML = data.en.web
108    }
109
110
111
112    ar_style.classList.remove("ar-text");
113  });
114};
115
116fetchLang();