akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-30 09:42:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add an option to change language

Browse Source
This commit is contained in:
SPGoding
2019-07-16 17:58:26 +08:00
parent a80f62a3fd
commit d448ecfa4a
2 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
i18n.js
View File

@@ -1,12 +1,24 @@
const lngs = [
['en', 'English']
]
lngs.forEach(v => $('#lngList').append(`<a class="dropdown-item" onclick="changeLng('${v[0]}')">${v[1]}</a>`))
i18next
.use(i18nextBrowserLanguageDetector)
.use(i18nextXHRBackend)
.init({
backend: { loadPath: 'locales/{{lng}}.json' },
whitelist: ['en'],
fallbackLng: 'en'
fallbackLng: 'en',
whitelist: lngs.map(v => v[0])
})
.then(() => {
jqueryI18next.init(i18next, $, { parseDefaultValueFromContent: false })
$('html').localize()
})
function changeLng(code) {
i18next.changeLanguage(code).then(() => {
$('html').localize()
})
}

12
index.html
View File

@@ -1,5 +1,5 @@
<!doctype html>
<html lang="en">
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@@ -8,8 +8,16 @@
<link rel="stylesheet" href="custom.css">
</head>
<body>
<nav class="navbar navbar-dark bg-dark">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<span class="navbar-brand mb-0 h1" data-i18n="description"></span>
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Language
</a>
<div id="lngList" class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"></div>
</li>
</ul>
<span class="float-right"><a href="https://github.com/misode/loot-table" style="color: #ddd;" data-i18n="author"></a></span>
</nav>
<div class="container">