mirror of https://github.com/hrfee/jfa-go.git
93 lines
3.1 KiB
TypeScript
93 lines
3.1 KiB
TypeScript
import { _get } from "../modules/common.js";
|
|
|
|
interface Meta {
|
|
name: string;
|
|
}
|
|
|
|
interface quantityString {
|
|
singular: string;
|
|
plural: string;
|
|
}
|
|
|
|
export interface LangFile {
|
|
meta: Meta;
|
|
strings: { [key: string]: string };
|
|
notifications: { [key: string]: string };
|
|
quantityStrings: { [key: string]: quantityString };
|
|
}
|
|
|
|
export class lang implements Lang {
|
|
private _lang: LangFile;
|
|
constructor(lang: LangFile) {
|
|
this._lang = lang;
|
|
}
|
|
|
|
get = (sect: string, key: string): string => {
|
|
if (sect == "quantityStrings" || sect == "meta") { return ""; }
|
|
return this._lang[sect][key];
|
|
}
|
|
|
|
strings = (key: string): string => this.get("strings", key)
|
|
notif = (key: string): string => this.get("notifications", key)
|
|
|
|
var = (sect: string, key: string, ...subs: string[]): string => {
|
|
if (sect == "quantityStrings" || sect == "meta") { return ""; }
|
|
let str = this._lang[sect][key];
|
|
for (let sub of subs) {
|
|
str = str.replace("{n}", sub);
|
|
}
|
|
return str;
|
|
}
|
|
|
|
quantity = (key: string, number: number): string => {
|
|
if (number == 1) {
|
|
return this._lang.quantityStrings[key].singular.replace("{n}", ""+number)
|
|
}
|
|
return this._lang.quantityStrings[key].plural.replace("{n}", ""+number);
|
|
}
|
|
}
|
|
|
|
export var TimeFmtChange = new CustomEvent("timefmt-change");
|
|
|
|
export const loadLangSelector = (page: string) => {
|
|
if (page == "admin" || "user") {
|
|
const setTimefmt = (fmt: string) => {
|
|
document.dispatchEvent(TimeFmtChange);
|
|
localStorage.setItem("timefmt", fmt);
|
|
};
|
|
const t12 = document.getElementById("lang-12h") as HTMLInputElement;
|
|
if (typeof(t12) !== "undefined" && t12 != null) {
|
|
t12.onchange = () => setTimefmt("12h");
|
|
const t24 = document.getElementById("lang-24h") as HTMLInputElement;
|
|
t24.onchange = () => setTimefmt("24h");
|
|
|
|
const preference = localStorage.getItem("timefmt");
|
|
if (preference == "12h") {
|
|
t12.checked = true;
|
|
t24.checked = false;
|
|
} else if (preference == "24h") {
|
|
t24.checked = true;
|
|
t12.checked = false;
|
|
}
|
|
}
|
|
}
|
|
let queryString = new URLSearchParams(window.location.search);
|
|
if (queryString.has("lang")) queryString.delete("lang");
|
|
_get("/lang/" + page, null, (req: XMLHttpRequest) => {
|
|
if (req.readyState == 4) {
|
|
if (req.status != 200) {
|
|
document.getElementById("lang-dropdown").remove();
|
|
return;
|
|
}
|
|
const list = document.getElementById("lang-list") as HTMLDivElement;
|
|
let innerHTML = '';
|
|
for (let code in req.response) {
|
|
queryString.set("lang", code);
|
|
innerHTML += `<a href="?${queryString.toString()}" class="button w-full text-left justify-start ~neutral mb-2 lang-link">${req.response[code]}</a>`;
|
|
queryString.delete("lang");
|
|
}
|
|
list.innerHTML = innerHTML;
|
|
}
|
|
});
|
|
};
|
