save
This commit is contained in:
Russell
+3
-2
@@ -12,8 +12,9 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="content">
|
||||
|
||||
<div class="content box">
|
||||
<h1 style="font-size: 50px;">404</h1>
|
||||
<p>Looks you found a page that does not exist! Try checking your url for spelling mistakes.</p>
|
||||
</div>
|
||||
|
||||
<script src="/assets/js/main.js" type="module"></script>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
#game-frame {
|
||||
/*#game-frame {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
border-top: 10px solid black;
|
||||
@@ -27,7 +27,6 @@
|
||||
padding-top: 2px;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.game-name-icon {
|
||||
@@ -42,4 +41,5 @@
|
||||
|
||||
#game-icon-sm {
|
||||
border-radius: 5px;
|
||||
}
|
||||
}*/
|
||||
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
@import url('/assets/css/nav.css');
|
||||
@import url('/assets/css/sidebar.css');
|
||||
@import url('/assets/css/dropdown.css');
|
||||
@import url('/asset/css/launcher.csss');
|
||||
|
||||
* {
|
||||
font-family: 'Lato';
|
||||
@@ -17,6 +18,7 @@ body {
|
||||
margin: 0px;
|
||||
background-color: var(--background-color);
|
||||
color: var(--text);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
html {
|
||||
@@ -327,7 +329,9 @@ input:checked+.slider:before {
|
||||
transition: .5s;
|
||||
cursor: pointer;
|
||||
background: var(--solid);
|
||||
};
|
||||
}
|
||||
|
||||
;
|
||||
|
||||
.notifications>.notification.error {
|
||||
background: rgba(171, 61, 222, 0.801);
|
||||
@@ -335,4 +339,16 @@ input:checked+.slider:before {
|
||||
transition: .5s;
|
||||
inline-size: 100%;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.box {
|
||||
background: var(--sidebar-bg);
|
||||
padding: 50px;
|
||||
border-radius: 10px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
box-shadow: 0px 5px 10px 0px var(--shadow-color);
|
||||
}
|
||||
@@ -31,8 +31,4 @@
|
||||
cursor: pointer;
|
||||
font-size: 3vh;
|
||||
transition: color 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.navbar>.end>a:hover {
|
||||
color: var(--solid);
|
||||
}
|
||||
@@ -48,6 +48,11 @@ class PolarisError {
|
||||
}
|
||||
|
||||
window.onerror = (a, b, c, d, e) => {
|
||||
//alert(a);
|
||||
//alert(b);
|
||||
alert(c);
|
||||
//alert(d);
|
||||
//alert(e);
|
||||
new PolarisError(e);
|
||||
}
|
||||
|
||||
|
||||
@@ -41,8 +41,6 @@ const registerLinks = () => {
|
||||
document.body.style.display = 'none';
|
||||
|
||||
window.onmessage = (e) => {
|
||||
console.log(e);
|
||||
|
||||
if (e.data == 'loaded') {
|
||||
window.history.pushState({}, '', a.href);
|
||||
document.documentElement.innerHTML = frame.contentWindow.document.documentElement.innerHTML;
|
||||
@@ -96,4 +94,8 @@ if (window.self === window.top) {
|
||||
WPM.load();
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
}
|
||||
|
||||
const Polaris = { Settings, Games, Apps, WPM, PolarisError, registerLinks };
|
||||
|
||||
export default Polaris;
|
||||
+240
-191
@@ -1,155 +1,168 @@
|
||||
import Theme from './themes.js';
|
||||
import PolarisError from './error.js';
|
||||
|
||||
const set = () => {
|
||||
|
||||
const isScrollable = (element) => {
|
||||
return element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight;
|
||||
};
|
||||
|
||||
const load = () => {
|
||||
const isScrollable = (element) => {
|
||||
return element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight;
|
||||
};
|
||||
class Settings {
|
||||
constructor() {
|
||||
if (this.get('panic_key')) {
|
||||
document.querySelector('#panic_key').value = this.get('panic_key');
|
||||
}
|
||||
|
||||
if (localStorage.getItem('panic_key')) {
|
||||
document.querySelector('#panic_key').value = localStorage.getItem('panic_key');
|
||||
}
|
||||
if (this.get('panic_url')) {
|
||||
document.querySelector('#panic_url').value = this.get('panic_url');
|
||||
}
|
||||
|
||||
if (localStorage.getItem('panic_url')) {
|
||||
document.querySelector('#panic_url').value = localStorage.getItem('panic_url');
|
||||
}
|
||||
if (this.get('cloak')) {
|
||||
document.querySelector('#cloak_select').value = this.get('cloak');
|
||||
|
||||
if (localStorage.getItem('cloak')) {
|
||||
document.querySelector('#cloak_select').value = localStorage.getItem('cloak');
|
||||
if (this.get('cloak') == 'custom') {
|
||||
document.querySelector('#custom_cloak').classList.remove('hidden');
|
||||
|
||||
if (localStorage.getItem('cloak') == 'custom') {
|
||||
document.querySelector('#custom_cloak').classList.remove('hidden');
|
||||
|
||||
document.querySelector('#title').addEventListener('input', () => {
|
||||
if (document.querySelector('#title').value) {
|
||||
localStorage.setItem('cloak_title', document.querySelector('#title').value);
|
||||
document.title = document.querySelector('#title').value;
|
||||
} else {
|
||||
document.title = 'Polaris';
|
||||
}
|
||||
});
|
||||
|
||||
document.querySelector('#domain').addEventListener('input', () => {
|
||||
if (document.querySelector('#domain').value) {
|
||||
localStorage.setItem('cloak_website', document.querySelector('#domain').value);
|
||||
|
||||
document.querySelector('link[rel="shortcut icon"]').href = 'https://www.google.com/s2/favicons?domain=' + document.querySelector('#domain').value;
|
||||
} else {
|
||||
document.querySelector('link[rel="shortcut icon"]').href = '/favicon.ico';
|
||||
}
|
||||
});
|
||||
|
||||
if (localStorage.getItem('cloak_title')) {
|
||||
document.querySelector('#title').value = localStorage.getItem('cloak_title');
|
||||
document.title = localStorage.getItem('cloak_title');
|
||||
}
|
||||
|
||||
if (localStorage.getItem('cloak_website')) {
|
||||
document.querySelector('#domain').value = localStorage.getItem('cloak_website');
|
||||
document.querySelector('link[rel="shortcut icon"]').href = 'https://www.google.com/s2/favicons?domain=' + localStorage.getItem('cloak_website');
|
||||
}
|
||||
} else {
|
||||
fetch('/assets/JSON/cloaks.json')
|
||||
.then(res => res.json())
|
||||
.then(cloaks => {
|
||||
if (cloaks[localStorage.getItem('cloak')]) {
|
||||
document.title = cloaks[localStorage.getItem('cloak')].title;
|
||||
document.querySelector('link[rel="shortcut icon"]').href = cloaks[localStorage.getItem('cloak')].icon;
|
||||
document.querySelector('#title').addEventListener('input', () => {
|
||||
if (document.querySelector('#title').value) {
|
||||
this.set('cloak_title', document.querySelector('#title').value);
|
||||
document.title = document.querySelector('#title').value;
|
||||
} else {
|
||||
new PolarisError(`The theme ${localStorage.getItem('cloak')} does not exist`);
|
||||
document.title = 'Polaris';
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
fetch('/assets/JSON/cloaks.json')
|
||||
.then(res => res.json())
|
||||
.then(cloaks => {
|
||||
document.querySelector('#cloak_select').addEventListener('change', () => {
|
||||
if (document.querySelector('#cloak_select').value == 'custom') {
|
||||
localStorage.setItem('cloak', document.querySelector('#cloak_select').value);
|
||||
document.querySelector('#domain').addEventListener('input', () => {
|
||||
if (document.querySelector('#domain').value) {
|
||||
this.set('cloak_website', document.querySelector('#domain').value);
|
||||
|
||||
document.querySelector('#custom_cloak').classList.remove('hidden');
|
||||
|
||||
document.querySelector('#title').addEventListener('input', () => {
|
||||
if (document.querySelector('#title').value) {
|
||||
localStorage.setItem('cloak_title', document.querySelector('#title').value);
|
||||
document.title = document.querySelector('#title').value;
|
||||
} else {
|
||||
document.title = 'Polaris';
|
||||
}
|
||||
});
|
||||
|
||||
document.querySelector('#domain').addEventListener('input', () => {
|
||||
if (document.querySelector('#domain').value) {
|
||||
localStorage.setItem('cloak_website', document.querySelector('#domain').value);
|
||||
|
||||
document.querySelector('link[rel="shortcut icon"]').href = 'https://www.google.com/s2/favicons?domain=' + document.querySelector('#domain').value;
|
||||
} else {
|
||||
document.querySelector('link[rel="shortcut icon"]').href = '/favicon.ico';
|
||||
}
|
||||
});
|
||||
} else if (document.querySelector('#cloak_select').value == 'none') {
|
||||
document.title = 'Polaris';
|
||||
document.querySelector('link[rel="shortcut icon"]').href = '/favicon.ico';
|
||||
|
||||
document.querySelector('#custom_cloak').classList.add('hidden');
|
||||
} else {
|
||||
if (cloaks[document.querySelector('#cloak_select').value]) {
|
||||
document.title = cloaks[document.querySelector('#cloak_select').value].title;
|
||||
document.querySelector('link[rel="shortcut icon"]').href = cloaks[document.querySelector('#cloak_select').value].icon;
|
||||
|
||||
localStorage.setItem('cloak', document.querySelector('#cloak_select').value);
|
||||
document.querySelector('link[rel="shortcut icon"]').href = 'https://www.google.com/s2/favicons?domain=' + document.querySelector('#domain').value;
|
||||
} else {
|
||||
new PolarisError(`The cloak ${document.querySelector('#cloak_select').value} does not exist`);
|
||||
document.querySelector('link[rel="shortcut icon"]').href = '/favicon.ico';
|
||||
}
|
||||
});
|
||||
|
||||
document.querySelector('#custom_cloak').classList.add('hidden');
|
||||
if (this.get('cloak_title')) {
|
||||
document.querySelector('#title').value = this.get('cloak_title');
|
||||
document.title = this.get('cloak_title');
|
||||
}
|
||||
|
||||
if (this.get('cloak_website')) {
|
||||
document.querySelector('#domain').value = this.get('cloak_website');
|
||||
document.querySelector('link[rel="shortcut icon"]').href = 'https://www.google.com/s2/favicons?domain=' + this.get('cloak_website');
|
||||
}
|
||||
} else {
|
||||
fetch('/assets/JSON/cloaks.json')
|
||||
.then(res => res.json())
|
||||
.then(cloaks => {
|
||||
if (cloaks[this.get('cloak')]) {
|
||||
document.title = cloaks[this.get('cloak')].title;
|
||||
document.querySelector('link[rel="shortcut icon"]').href = cloaks[this.get('cloak')].icon;
|
||||
} else {
|
||||
new PolarisError(`The theme ${this.get('cloak')} does not exist`);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
fetch('/assets/JSON/cloaks.json')
|
||||
.then(res => res.json())
|
||||
.then(cloaks => {
|
||||
document.querySelector('#cloak_select').addEventListener('change', () => {
|
||||
if (document.querySelector('#cloak_select').value == 'custom') {
|
||||
this.set('cloak', document.querySelector('#cloak_select').value);
|
||||
|
||||
document.querySelector('#custom_cloak').classList.remove('hidden');
|
||||
|
||||
document.querySelector('#title').addEventListener('input', () => {
|
||||
if (document.querySelector('#title').value) {
|
||||
this.set('cloak_title', document.querySelector('#title').value);
|
||||
document.title = document.querySelector('#title').value;
|
||||
} else {
|
||||
document.title = 'Polaris';
|
||||
}
|
||||
});
|
||||
|
||||
document.querySelector('#domain').addEventListener('input', () => {
|
||||
if (document.querySelector('#domain').value) {
|
||||
this.set('cloak_website', document.querySelector('#domain').value);
|
||||
|
||||
document.querySelector('link[rel="shortcut icon"]').href = 'https://www.google.com/s2/favicons?domain=' + document.querySelector('#domain').value;
|
||||
} else {
|
||||
document.querySelector('link[rel="shortcut icon"]').href = '/favicon.ico';
|
||||
}
|
||||
});
|
||||
} else if (document.querySelector('#cloak_select').value == 'none') {
|
||||
document.title = 'Polaris';
|
||||
document.querySelector('link[rel="shortcut icon"]').href = '/favicon.ico';
|
||||
|
||||
document.querySelector('#custom_cloak').classList.add('hidden');
|
||||
} else {
|
||||
if (cloaks[document.querySelector('#cloak_select').value]) {
|
||||
document.title = cloaks[document.querySelector('#cloak_select').value].title;
|
||||
document.querySelector('link[rel="shortcut icon"]').href = cloaks[document.querySelector('#cloak_select').value].icon;
|
||||
|
||||
this.set('cloak', document.querySelector('#cloak_select').value);
|
||||
} else {
|
||||
new PolarisError(`The cloak ${document.querySelector('#cloak_select').value} does not exist`);
|
||||
}
|
||||
|
||||
document.querySelector('#custom_cloak').classList.add('hidden');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
document.querySelector('#reset_panic').addEventListener('click', (e) => {
|
||||
this.set('panic_key', '');
|
||||
document.querySelector('#panic_key').value = 'No Key Selected';
|
||||
});
|
||||
|
||||
document.querySelector('#reset_panic').addEventListener('click', (e) => {
|
||||
localStorage.setItem('panic_key', '');
|
||||
document.querySelector('#panic_key').value = 'No Key Selected';
|
||||
});
|
||||
document.querySelector('#panic_url').addEventListener('input', (e) => {
|
||||
this.set('panic_url', document.querySelector('#panic_url').value);
|
||||
});
|
||||
|
||||
document.querySelector('#panic_url').addEventListener('input', (e) => {
|
||||
localStorage.setItem('panic_url', document.querySelector('#panic_url').value);
|
||||
});
|
||||
window.onkeydown = (e) => {
|
||||
if (document.querySelector('#panic_key') == document.activeElement) {
|
||||
document.querySelector('#panic_key').value = e.key;
|
||||
|
||||
window.onkeydown = (e) => {
|
||||
if (document.querySelector('#panic_key') == document.activeElement) {
|
||||
document.querySelector('#panic_key').value = e.key;
|
||||
|
||||
localStorage.setItem('panic_key', document.querySelector('#panic_key').value);
|
||||
} else {
|
||||
if (e.key == localStorage.getItem('panic_key')) {
|
||||
if (localStorage.getItem('panic_url')) {
|
||||
window.location.href = localStorage.getItem('panic_url');
|
||||
} else {
|
||||
new PolarisError('A panic key was used but no url was found.');
|
||||
this.set('panic_key', document.querySelector('#panic_key').value);
|
||||
} else {
|
||||
if (e.key == this.get('panic_key')) {
|
||||
if (this.get('panic_url')) {
|
||||
window.location.href = this.get('panic_url');
|
||||
} else {
|
||||
new PolarisError('A panic key was used but no url was found.');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.querySelector('#prevent_close').addEventListener('change', () => {
|
||||
localStorage.setItem('prevent_close', document.querySelector('#prevent_close').checked);
|
||||
});
|
||||
document.querySelector('#prevent_close').addEventListener('change', () => {
|
||||
this.set('prevent_close', document.querySelector('#prevent_close').checked);
|
||||
});
|
||||
|
||||
if (localStorage.getItem('prevent_close') == 'true') {
|
||||
document.querySelector('#prevent_close').checked = true;
|
||||
}
|
||||
if (this.get('prevent_close')) {
|
||||
document.querySelector('#prevent_close').checked = true;
|
||||
}
|
||||
|
||||
document.querySelector('#dev_mode').addEventListener('change', () => {
|
||||
localStorage.setItem('dev_mode', document.querySelector('#dev_mode').checked);
|
||||
document.querySelector('#dev_mode').addEventListener('change', () => {
|
||||
this.set('dev_mode', document.querySelector('#dev_mode').checked);
|
||||
|
||||
if (document.querySelector('#dev_mode').checked) {
|
||||
const erudaSrc = document.createElement('script');
|
||||
erudaSrc.src = 'https://cdnjs.cloudflare.com/ajax/libs/eruda/3.0.0/eruda.js';
|
||||
document.body.appendChild(erudaSrc);
|
||||
|
||||
erudaSrc.onload = () => {
|
||||
eruda.init();
|
||||
}
|
||||
} else {
|
||||
document.querySelector('#eruda').remove();
|
||||
document.querySelector('.__chobitsu-hide__').remove();
|
||||
}
|
||||
});
|
||||
|
||||
if (this.get('dev_mode')) {
|
||||
document.querySelector('#dev_mode').checked = true;
|
||||
|
||||
if (document.querySelector('#dev_mode').checked) {
|
||||
const erudaSrc = document.createElement('script');
|
||||
erudaSrc.src = 'https://cdnjs.cloudflare.com/ajax/libs/eruda/3.0.0/eruda.js';
|
||||
document.body.appendChild(erudaSrc);
|
||||
@@ -157,83 +170,119 @@ const load = () => {
|
||||
erudaSrc.onload = () => {
|
||||
eruda.init();
|
||||
}
|
||||
} else {
|
||||
document.querySelector('#eruda').remove();
|
||||
document.querySelector('.__chobitsu-hide__').remove();
|
||||
}
|
||||
});
|
||||
|
||||
if (localStorage.getItem('dev_mode') == 'true') {
|
||||
document.querySelector('#dev_mode').checked = true;
|
||||
|
||||
const erudaSrc = document.createElement('script');
|
||||
erudaSrc.src = 'https://cdnjs.cloudflare.com/ajax/libs/eruda/3.0.0/eruda.js';
|
||||
document.body.appendChild(erudaSrc);
|
||||
|
||||
erudaSrc.onload = () => {
|
||||
eruda.init();
|
||||
}
|
||||
}
|
||||
|
||||
document.querySelector('#themes').querySelectorAll('button').forEach(el => {
|
||||
el.onclick = () => {
|
||||
Theme.set(el.innerText.toLocaleLowerCase());
|
||||
}
|
||||
});
|
||||
|
||||
if (window.location.hash.slice(1)) {
|
||||
document.querySelector('.sidebar').style.transition = 'all 0s ease';
|
||||
document.querySelector('.sidebar').classList.add('active');
|
||||
|
||||
setInterval(() => {
|
||||
document.querySelector('.sidebar').removeAttribute('style');
|
||||
}, 1000);
|
||||
}
|
||||
|
||||
if (sessionStorage.getItem('settings-open') === 'true') {
|
||||
document.querySelector('.sidebar').style.transition = 'all 0s ease';
|
||||
document.querySelector('.sidebar').classList.add('active');
|
||||
|
||||
setInterval(() => {
|
||||
document.querySelector('.sidebar').removeAttribute('style');
|
||||
}, 1000);
|
||||
|
||||
window.history.pushState({}, '', '#settings');
|
||||
}
|
||||
|
||||
document.querySelectorAll('[data-attr="sidebar_trigger"]').forEach(el => {
|
||||
el.addEventListener('click', (e) => {
|
||||
if (document.querySelector('.sidebar').classList.contains('active')) {
|
||||
document.querySelector('.sidebar').classList.remove('active');
|
||||
|
||||
setTimeout(() => {
|
||||
window.history.pushState({}, '', location.href.split('#')[0]);
|
||||
}, 50);
|
||||
|
||||
sessionStorage.setItem('settings-open', false);
|
||||
} else {
|
||||
document.querySelector('.sidebar').classList.add('active');
|
||||
|
||||
sessionStorage.setItem('settings-open', true);
|
||||
document.querySelector('#themes').querySelectorAll('button').forEach(el => {
|
||||
el.onclick = () => {
|
||||
Theme.set(el.innerText.toLocaleLowerCase());
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
if (isScrollable(document.querySelector('.sidebar'))) {
|
||||
document.querySelector('.scroll').classList.add('active');
|
||||
}
|
||||
if (window.location.hash.slice(1)) {
|
||||
document.querySelector('.sidebar').style.transition = 'all 0s ease';
|
||||
document.querySelector('.sidebar').classList.add('active');
|
||||
|
||||
document.querySelector('.scroll').addEventListener('click', () => {
|
||||
document.querySelector('.sidebar').scrollTop = document.querySelector('.sidebar').scrollHeight;
|
||||
});
|
||||
setInterval(() => {
|
||||
document.querySelector('.sidebar').removeAttribute('style');
|
||||
}, 1000);
|
||||
}
|
||||
|
||||
document.querySelector('.sidebar').addEventListener('scroll', () => {
|
||||
if (document.querySelector('.sidebar').scrollTop + document.querySelector('.sidebar').clientHeight >= document.querySelector('.sidebar').scrollHeight - 1) {
|
||||
document.querySelector('.scroll').classList.remove('active');
|
||||
} else {
|
||||
if (sessionStorage.getItem('settings-open') === 'true') {
|
||||
document.querySelector('.sidebar').style.transition = 'all 0s ease';
|
||||
document.querySelector('.sidebar').classList.add('active');
|
||||
|
||||
setInterval(() => {
|
||||
document.querySelector('.sidebar').removeAttribute('style');
|
||||
}, 1000);
|
||||
|
||||
window.history.pushState({}, '', '#settings');
|
||||
}
|
||||
|
||||
document.querySelectorAll('[data-attr="sidebar_trigger"]').forEach(el => {
|
||||
el.addEventListener('click', (e) => {
|
||||
if (document.querySelector('.sidebar').classList.contains('active')) {
|
||||
document.querySelector('.sidebar').classList.remove('active');
|
||||
|
||||
setTimeout(() => {
|
||||
window.history.pushState({}, '', location.href.split('#')[0]);
|
||||
}, 50);
|
||||
|
||||
sessionStorage.setItem('settings-open', false);
|
||||
} else {
|
||||
document.querySelector('.sidebar').classList.add('active');
|
||||
|
||||
sessionStorage.setItem('settings-open', true);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
if (isScrollable(document.querySelector('.sidebar'))) {
|
||||
document.querySelector('.scroll').classList.add('active');
|
||||
}
|
||||
});
|
||||
|
||||
document.querySelector('.scroll').addEventListener('click', () => {
|
||||
document.querySelector('.sidebar').scrollTop = document.querySelector('.sidebar').scrollHeight;
|
||||
});
|
||||
|
||||
document.querySelector('.sidebar').addEventListener('scroll', () => {
|
||||
if (document.querySelector('.sidebar').scrollTop + document.querySelector('.sidebar').clientHeight >= document.querySelector('.sidebar').scrollHeight - 1) {
|
||||
document.querySelector('.scroll').classList.remove('active');
|
||||
} else {
|
||||
document.querySelector('.scroll').classList.add('active');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
set = (name, value) => {
|
||||
if (!localStorage.getItem('settings')) {
|
||||
localStorage.setItem('settings', JSON.stringify({}));
|
||||
} else {
|
||||
try {
|
||||
JSON.parse(localStorage.getItem('settings'));
|
||||
} catch (e) {
|
||||
localStorage.setItem('settings', JSON.stringify({}));
|
||||
}
|
||||
}
|
||||
|
||||
const settings = JSON.parse(localStorage.getItem('settings'));
|
||||
settings[name] = value;
|
||||
localStorage.setItem('settings', JSON.stringify(settings));
|
||||
};
|
||||
|
||||
get = (name) => {
|
||||
if (!localStorage.getItem('settings')) {
|
||||
localStorage.setItem('settings', JSON.stringify({}));
|
||||
} else {
|
||||
try {
|
||||
JSON.parse(localStorage.getItem('settings'));
|
||||
} catch (e) {
|
||||
localStorage.setItem('settings', JSON.stringify({}));
|
||||
}
|
||||
}
|
||||
|
||||
const settings = JSON.parse(localStorage.getItem('settings'));
|
||||
return settings[name];
|
||||
}
|
||||
|
||||
remove = (name) => {
|
||||
if (!localStorage.getItem('settings')) {
|
||||
localStorage.setItem('settings', JSON.stringify({}));
|
||||
} else {
|
||||
try {
|
||||
JSON.parse(localStorage.getItem('settings'));
|
||||
} catch (e) {
|
||||
localStorage.setItem('settings', JSON.stringify({}));
|
||||
}
|
||||
}
|
||||
|
||||
const settings = JSON.parse(localStorage.getItem('settings'));
|
||||
delete settings[name];
|
||||
localStorage.setItem('settings', JSON.stringify(settings));
|
||||
}
|
||||
}
|
||||
|
||||
export default { load };
|
||||
const load = () => {
|
||||
new Settings();
|
||||
};
|
||||
|
||||
export default { load};
|
||||
@@ -1,6 +1,37 @@
|
||||
const set = (name, value) => {
|
||||
if (!localStorage.getItem('settings')) {
|
||||
localStorage.setItem('settings', JSON.stringify({}));
|
||||
} else {
|
||||
try {
|
||||
JSON.parse(localStorage.getItem('settings'));
|
||||
} catch (e) {
|
||||
localStorage.setItem('settings', JSON.stringify({}));
|
||||
}
|
||||
}
|
||||
|
||||
const settings = JSON.parse(localStorage.getItem('settings'));
|
||||
settings[name] = value;
|
||||
localStorage.setItem('settings', JSON.stringify(settings));
|
||||
};
|
||||
|
||||
const get = (name) => {
|
||||
if (!localStorage.getItem('settings')) {
|
||||
localStorage.setItem('settings', JSON.stringify({}));
|
||||
} else {
|
||||
try {
|
||||
JSON.parse(localStorage.getItem('settings'));
|
||||
} catch (e) {
|
||||
localStorage.setItem('settings', JSON.stringify({}));
|
||||
}
|
||||
}
|
||||
|
||||
const settings = JSON.parse(localStorage.getItem('settings'));
|
||||
return settings[name];
|
||||
}
|
||||
|
||||
class Theme {
|
||||
constructor() {
|
||||
this.theme = localStorage.getItem('theme');
|
||||
this.theme = get('theme');
|
||||
|
||||
if (this.theme) {
|
||||
this.set(this.theme);
|
||||
@@ -13,7 +44,7 @@ class Theme {
|
||||
document.body.setAttribute('data-theme', theme);
|
||||
|
||||
if (save !== false) {
|
||||
localStorage.setItem('theme', theme);
|
||||
set('theme', theme);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,9 +25,8 @@
|
||||
</div>-->
|
||||
|
||||
<div class="launcher">
|
||||
<iframe src="" frameborder="0"></iframe>
|
||||
<iframe src="" frameborder="0" id="frame"></iframe>
|
||||
<div class="nav">
|
||||
|
||||
</div>
|
||||
<div class="recomended"></div>
|
||||
</div>
|
||||
@@ -62,9 +62,9 @@
|
||||
<span class="slider"></span>
|
||||
</div>
|
||||
|
||||
<h3>Proxy all links</h3>
|
||||
<h3>Proxy all Assets</h3>
|
||||
<div class="switch">
|
||||
<input type="checkbox" id="proxy_links">
|
||||
<input type="checkbox" id="proxy_assets">
|
||||
<span class="slider"></span>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user