mirror of https://gitgud.io/fatchan/jschan.git
parent
ac0cb93b06
commit
26f679b2a3
11 changed files with 214 additions and 49 deletions
@ -0,0 +1,37 @@ |
|||||||
|
window.addEventListener('DOMContentLoaded', (event) => { |
||||||
|
|
||||||
|
let settingsModal; |
||||||
|
let settingsBg; |
||||||
|
|
||||||
|
const hideSettings = () => { |
||||||
|
settingsModal.style.display = 'none'; |
||||||
|
settingsBg.style.display = 'none'; |
||||||
|
} |
||||||
|
|
||||||
|
const openSettings = (data) => { |
||||||
|
settingsModal.style.display = 'unset'; |
||||||
|
settingsBg.style.display = 'unset'; |
||||||
|
}
|
||||||
|
|
||||||
|
const settings = document.getElementById('settings'); |
||||||
|
|
||||||
|
const modalHtml = modal({
|
||||||
|
modal: { |
||||||
|
title: 'Settings', |
||||||
|
settings: { |
||||||
|
themes, codeThemes |
||||||
|
}, |
||||||
|
hidden: true, |
||||||
|
}
|
||||||
|
}); |
||||||
|
|
||||||
|
const inserted = document.body.insertAdjacentHTML('afterbegin', modalHtml); |
||||||
|
settingsBg = document.getElementsByClassName('modal-bg')[0]; |
||||||
|
settingsModal = document.getElementsByClassName('modal')[0]; |
||||||
|
|
||||||
|
settingsModal.getElementsByClassName('close')[0].onclick = hideSettings; |
||||||
|
settings.onclick = openSettings; |
||||||
|
|
||||||
|
window.dispatchEvent(new CustomEvent('settingsReady')); |
||||||
|
|
||||||
|
}); |
@ -0,0 +1,2 @@ |
|||||||
|
const themes = ['choc', 'gurochan', 'lain', 'makaba', 'navy', 'rei-zero', 'sushi', 'tomorrow', 'yotsuba b', 'yotsuba'] |
||||||
|
const codeThemes = ['a11y-dark', 'a11y-light', 'agate', 'an-old-hope', 'androidstudio', 'arduino-light', 'arta', 'ascetic', 'atelier-cave-dark', 'atelier-cave-light', 'atelier-dune-dark', 'atelier-dune-light', 'atelier-estuary-dark', 'atelier-estuary-light', 'atelier-forest-dark', 'atelier-forest-light', 'atelier-heath-dark', 'atelier-heath-light', 'atelier-lakeside-dark', 'atelier-lakeside-light', 'atelier-plateau-dark', 'atelier-plateau-light', 'atelier-savanna-dark', 'atelier-savanna-light', 'atelier-seaside-dark', 'atelier-seaside-light', 'atelier-sulphurpool-dark', 'atelier-sulphurpool-light', 'atom-one-dark-reasonable', 'atom-one-dark', 'atom-one-light', 'brown-paper', 'brown-papersq', 'codepen-embed', 'color-brewer', 'darcula', 'dark', 'darkula', 'default', 'docco', 'dracula', 'far', 'foundation', 'github-gist', 'github', 'gml', 'googlecode', 'grayscale', 'gruvbox-dark', 'gruvbox-light', 'hopscotch', 'hybrid', 'idea', 'ir-black', 'isbl-editor-dark', 'isbl-editor-light', 'kimbie.dark', 'kimbie.light', 'lightfair', 'magula', 'mono-blue', 'monokai-sublime', 'monokai', 'nord', 'obsidian', 'ocean', 'paraiso-dark', 'paraiso-light', 'pojoaque', 'pojoaque', 'purebasic', 'qtcreator_dark', 'qtcreator_light', 'railscasts', 'rainbow', 'routeros', 'school-book', 'school-book', 'shades-of-purple', 'solarized-dark', 'solarized-light', 'sunburst', 'tomorrow-night-blue', 'tomorrow-night-bright', 'tomorrow-night-eighties', 'tomorrow-night', 'tomorrow', 'vs', 'vs2015', 'xcode', 'xt256', 'zenburn'] |
Loading…
Reference in new issue