Skip to content

Commit

Permalink
Added dropdown menu for language switcher, German translation and Bos…
Browse files Browse the repository at this point in the history 
…nian translation
  • Loading branch information
BuildTools committed Jun 12, 2021
1 parent 133b66f commit 54c931f
Show file tree
Hide file tree
Showing 8 changed files with 225 additions and 71 deletions.
2 changes: 2 additions & 0 deletions css/themes/dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -102,6 +102,7 @@ textarea{
*/

.mainMenuLink{
background-color: #161B22 !important;
color: #6B7280 !important;
}

Expand All @@ -116,6 +117,7 @@ textarea{
}

.mainMenuMobileLink{
background-color: #161B22 !important;
color: #DFE5EB !important;
}

Expand Down
2 changes: 2 additions & 0 deletions css/themes/light.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -102,6 +102,7 @@ textarea{
*/

.mainMenuLink{
background-color: #FFFFFF;
color: #4B5563 !important;
}

Expand All @@ -116,6 +117,7 @@ textarea{
}

.mainMenuMobileLink{
background-color: #FFFFFF;
color: #4B5563 !important;
}

Expand Down
18 changes: 14 additions & 4 deletions export.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,9 +32,13 @@
<a id="theme-link" href="#" class="mainMenuLink border-transparent inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">
Theme
</a>
<a id="lang-link" href="#" class="mainMenuLink border-transparent inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">
Language
</a>
<select id="lang-link" class="mainMenuLink border-transparent block pl-3 pr-4 py-2 border-b-4 text-base focus:outline-none font-medium">
<option value="en">English</option>
<option value="de">German</option>
<option value="nl">Dutch</option>
<option value="sl">Slovenian</option>
<option value="bs">Bosnian</option>
</select>
<a id="signout-link" href="#" class="mainMenuLink border-transparent inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">
Sign out
</a>
Expand All @@ -59,7 +63,13 @@
<a id="passwords-link-mobile" href="passwords.html" class="mainMenuMobileLink border-transparent block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Passwords</a>
<a id="import-export-link-mobile" href="#" class="mainMenuMobileLinkSelected block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Import & Export</a>
<a id="theme-link-mobile" href="#" class="mainMenuMobileLink border-transparent block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Theme</a>
<a id="lang-link-mobile" href="#" class="mainMenuMobileLink border-transparent block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Language</a>
<select id="lang-link-mobile" class="mainMenuMobileLink border-transparent w-full block pl-3 pr-4 py-2 border-l-4 text-base focus:outline-none font-medium">
<option value="en">English</option>
<option value="de">German</option>
<option value="nl">Dutch</option>
<option value="sl">Slovenian</option>
<option value="bs">Bosnian</option>
</select>
<a id="signout-link-mobile" href="#" class="mainMenuMobileLink border-transparent block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Sign out</a>
</div>
</div>
Expand Down
14 changes: 4 additions & 10 deletions js/default-functions.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,16 +60,10 @@ function changeTheme(){
}

function changeLanguage(){
switch(localStorage.lang){
case "en":
localStorage.lang = "nl";
break;
case "nl":
localStorage.lang = "sl";
break;
default:
localStorage.lang = "en";
break;
if(document.getElementById('mobile-menu').className == 'hidden pt-2 pb-3 space-y-1'){
localStorage.lang = document.getElementById("lang-link").value;
}else{
localStorage.lang = document.getElementById("lang-link-mobile").value;
}
location.reload();
}
Expand Down
16 changes: 2 additions & 14 deletions js/export.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,20 +19,8 @@ switch(localStorage.theme){
break;
}

switch(localStorage.lang){
case "nl":
document.getElementById("lang-link").innerText = "Language (Dutch)";
document.getElementById("lang-link-mobile").innerText = "Language (Dutch)";
break;
case "sl":
document.getElementById("lang-link").innerText = "Language (Slovenian)";
document.getElementById("lang-link-mobile").innerText = "Language (Slovenian)";
break;
default:
document.getElementById("lang-link").innerText = "Language (English)";
document.getElementById("lang-link-mobile").innerText = "Language (English)";
break;
}
document.getElementById("lang-link").value = localStorage.lang;
document.getElementById("lang-link-mobile").value = localStorage.lang;

document.getElementById("passky-backup-btn-text").innerText = lang[localStorage.lang]["backup"];

Expand Down
210 changes: 185 additions & 25 deletions js/lang.js
View file

Large diffs are not rendered by default.

16 changes: 2 additions & 14 deletions js/passwords.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,20 +19,8 @@ switch(localStorage.theme){
break;
}

switch(localStorage.lang){
case "nl":
document.getElementById("lang-link").innerText = "Language (Dutch)";
document.getElementById("lang-link-mobile").innerText = "Language (Dutch)";
break;
case "sl":
document.getElementById("lang-link").innerText = "Language (Slovenian)";
document.getElementById("lang-link-mobile").innerText = "Language (Slovenian)";
break;
default:
document.getElementById("lang-link").innerText = "Language (English)";
document.getElementById("lang-link-mobile").innerText = "Language (English)";
break;
}
document.getElementById("lang-link").value = localStorage.lang;
document.getElementById("lang-link-mobile").value = localStorage.lang;

document.getElementById("search").placeholder = lang[localStorage.lang]["search"];
document.getElementById("add-password-btn").innerText = lang[localStorage.lang]["add_password"];
Expand Down
18 changes: 14 additions & 4 deletions passwords.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,9 +32,13 @@
<a id="theme-link" href="#" class="mainMenuLink border-transparent inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">
Theme
</a>
<a id="lang-link" href="#" class="mainMenuLink border-transparent inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">
Language
</a>
<select id="lang-link" class="mainMenuLink border-transparent block pl-3 pr-4 py-2 border-b-4 text-base focus:outline-none font-medium">
<option value="en">English</option>
<option value="de">German</option>
<option value="nl">Dutch</option>
<option value="sl">Slovenian</option>
<option value="bs">Bosnian</option>
</select>
<a id="signout-link" href="#" class="mainMenuLink border-transparent inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">
Sign out
</a>
Expand Down Expand Up @@ -67,7 +71,13 @@
<a id="passwords-link-mobile" href="#" class="mainMenuMobileLinkSelected block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Passwords</a>
<a id="import-export-link-mobile" href="export.html" class="mainMenuMobileLink border-transparent block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Import & Export</a>
<a id="theme-link-mobile" href="#" class="mainMenuMobileLink border-transparent block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Theme</a>
<a id="lang-link-mobile" href="#" class="mainMenuMobileLink border-transparent block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Language</a>
<select id="lang-link-mobile" class="mainMenuMobileLink border-transparent w-full block pl-3 pr-4 py-2 border-l-4 text-base focus:outline-none font-medium">
<option value="en">English</option>
<option value="de">German</option>
<option value="nl">Dutch</option>
<option value="sl">Slovenian</option>
<option value="bs">Bosnian</option>
</select>
<a id="signout-link-mobile" href="#" class="mainMenuMobileLink border-transparent block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Sign out</a>
</div>
</div>
Expand Down

0 comments on commit 54c931f

Please sign in to comment.