-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
i18n.js
120 lines (105 loc) · 3.7 KB
/
i18n.js
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
/*
* This file is part of Adblock Plus <https://adblockplus.org/>,
* Copyright (C) 2006-present eyeo GmbH
*
* Adblock Plus is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License version 3 as
* published by the Free Software Foundation.
*
* Adblock Plus is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>.
*/
"use strict";
// Getting UI locale cannot be done synchronously on Firefox,
// requires messaging the background page. For Chrome and Safari,
// we could get the UI locale here, but would need to duplicate
// the logic implemented in Utils.appLocale.
browser.runtime.sendMessage(
{
type: "app.get",
what: "localeInfo"
},
(localeInfo) =>
{
document.documentElement.lang = localeInfo.locale;
document.documentElement.dir = localeInfo.bidiDir;
}
);
ext.i18n = {
// Inserts i18n strings into matching elements. Any inner HTML already
// in the element is parsed as JSON and used as parameters to
// substitute into placeholders in the i18n message.
setElementText(element, stringName, args)
{
function processString(str, currentElement)
{
const match = /^(.*?)<(a|strong)>(.*?)<\/\2>(.*)$/.exec(str);
if (match)
{
processString(match[1], currentElement);
const e = document.createElement(match[2]);
processString(match[3], e);
currentElement.appendChild(e);
processString(match[4], currentElement);
}
else
currentElement.appendChild(document.createTextNode(str));
}
while (element.lastChild)
element.removeChild(element.lastChild);
processString(browser.i18n.getMessage(stringName, args), element);
}
};
// Loads i18n strings
function loadI18nStrings()
{
function addI18nStringsToElements(containerElement)
{
const elements = containerElement.querySelectorAll("[class^='i18n_']");
for (const node of elements)
{
let args = JSON.parse("[" + node.textContent + "]");
if (args.length == 0)
args = null;
let {className} = node;
if (className instanceof SVGAnimatedString)
className = className.animVal;
const stringName = className.split(/\s/)[0].substring(5);
ext.i18n.setElementText(node, stringName, args);
}
}
addI18nStringsToElements(document);
// Content of Template is not rendered on runtime so we need to add
// translation strings for each Template documentFragment content
// individually.
for (const template of document.querySelectorAll("template"))
addI18nStringsToElements(template.content);
}
// Provides a more readable string of the current date and time
function i18nTimeDateStrings(when)
{
const d = new Date(when);
const timeString = d.toLocaleTimeString();
const now = new Date();
if (d.toDateString() == now.toDateString())
return [timeString];
return [timeString, d.toLocaleDateString()];
}
// Formats date string to ["YYYY-MM-DD", "mm:ss"] format
function i18nFormatDateTime(when)
{
const date = new Date(when);
let dateParts = [date.getFullYear(), date.getMonth() + 1, date.getDate(),
date.getHours(), date.getMinutes()];
dateParts = dateParts.map(
(datePart) => datePart < 10 ? "0" + datePart : datePart
);
return [dateParts.splice(0, 3).join("-"), dateParts.join(":")];
}
// Fill in the strings as soon as possible
window.addEventListener("DOMContentLoaded", loadI18nStrings, true);