134 lines
4.3 KiB
JavaScript
134 lines
4.3 KiB
JavaScript
|
|
function checkScaling() {
|
|
var matches = {
|
|
'pixel-ratio__1_25': "screen and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49), " +
|
|
"screen and (min-resolution: 1.25dppx) and (max-resolution: 1.49dppx)",
|
|
'pixel-ratio__1_5': "screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.74), " +
|
|
"screen and (min-resolution: 1.5dppx) and (max-resolution: 1.74dppx)",
|
|
'pixel-ratio__1_75': "screen and (-webkit-min-device-pixel-ratio: 1.75) and (-webkit-max-device-pixel-ratio: 1.99), " +
|
|
"screen and (min-resolution: 1.75dppx) and (max-resolution: 1.99dppx)",
|
|
};
|
|
|
|
for (var c in matches) {
|
|
if ( window.matchMedia(matches[c]).matches ) {
|
|
document.body.classList.add(c);
|
|
break;
|
|
}
|
|
}
|
|
|
|
matches = {
|
|
'pixel-ratio__2_5': `screen and (-webkit-min-device-pixel-ratio: 2.5), screen and (min-resolution: 2.5dppx)`,
|
|
};
|
|
for (let c in matches) {
|
|
if ( window.matchMedia(matches[c]).matches ) {
|
|
document.body.classList.add(c);
|
|
Common.Utils.injectSvgIcons();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
window.Common = {
|
|
Utils: {
|
|
injectSvgIcons: function () {
|
|
const el = document.querySelector('div.inlined-svg');
|
|
if (!el || !el.innerHTML.firstChild) {
|
|
fetch('./resources/img/iconssmall@2.5x.svg')
|
|
.then(r => {
|
|
if (r.ok) return r.text();
|
|
else {/* error */
|
|
}
|
|
}).then(text => {
|
|
const el = document.querySelector('div.inlined-svg')
|
|
el.innerHTML = text;
|
|
}).catch(console.error.bind(console));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
checkScaling();
|
|
|
|
var params = (function() {
|
|
var e,
|
|
a = /\+/g, // Regex for replacing addition symbol with a space
|
|
r = /([^&=]+)=?([^&]*)/g,
|
|
d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
|
|
q = window.location.search.substring(1),
|
|
urlParams = {};
|
|
|
|
while (e = r.exec(q))
|
|
urlParams[d(e[1])] = d(e[2]);
|
|
|
|
return urlParams;
|
|
})();
|
|
|
|
var checkLocalStorage = (function () {
|
|
try {
|
|
var storage = window['localStorage'];
|
|
return true;
|
|
}
|
|
catch(e) {
|
|
return false;
|
|
}
|
|
})();
|
|
|
|
if ( window.desktop ) {
|
|
var theme = desktop.theme
|
|
|
|
if ( theme ) {
|
|
if ( !theme.id && !!theme.type ) {
|
|
if ( theme.type == 'dark' ) theme.id = 'theme-dark'; else
|
|
if ( theme.type == 'light' ) theme.id = 'theme-classic-light';
|
|
}
|
|
|
|
if ( theme.id ) {
|
|
if ( theme.id == 'theme-system' ) {
|
|
localStorage.setItem("ui-theme-use-system", "1");
|
|
localStorage.removeItem("ui-theme-id");
|
|
delete params.uitheme;
|
|
} else {
|
|
localStorage.setItem("ui-theme-id", theme.id);
|
|
}
|
|
|
|
localStorage.removeItem("ui-theme");
|
|
}
|
|
}
|
|
}
|
|
|
|
if ( !!params.uitheme && checkLocalStorage && !localStorage.getItem("ui-theme-id") ) {
|
|
// const _t = params.uitheme.match(/([\w-]+)/g);
|
|
|
|
if ( params.uitheme == 'default-dark' )
|
|
params.uitheme = 'theme-dark';
|
|
else
|
|
if ( params.uitheme == 'default-light' )
|
|
params.uitheme = 'theme-classic-light';
|
|
|
|
localStorage.removeItem("ui-theme");
|
|
}
|
|
|
|
var ui_theme_name = checkLocalStorage && localStorage.getItem("ui-theme-id") ? localStorage.getItem("ui-theme-id") : params.uitheme;
|
|
var ui_theme_type;
|
|
if ( !ui_theme_name ) {
|
|
if ( window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ) {
|
|
ui_theme_name = 'theme-dark';
|
|
ui_theme_type = 'dark';
|
|
checkLocalStorage && localStorage.removeItem("ui-theme");
|
|
}
|
|
}
|
|
if ( !!ui_theme_name ) {
|
|
document.body.classList.add(ui_theme_name);
|
|
}
|
|
|
|
if ( checkLocalStorage ) {
|
|
let current_theme = localStorage.getItem("ui-theme");
|
|
if ( !!current_theme && /type":\s*"dark/.test(current_theme) || ui_theme_type == 'dark' ) {
|
|
document.body.classList.add("theme-type-dark");
|
|
|
|
let content_theme = localStorage.getItem("content-theme");
|
|
if ( content_theme == 'dark' ) {
|
|
document.body.classList.add("content-theme-dark");
|
|
}
|
|
}
|
|
} |