djb-eapim/elink-test-master
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

localStorage에 dark mode 설정 저장하여 한 PC에서는 cark mode 유지

Browse Source
This commit is contained in:
yultae
2023-02-01 09:32:19 +09:00
parent 7e0093bcb6
commit 5cb6663074
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/static/dist/js/demo.js
Vendored
+9
View File
@@ -61,6 +61,13 @@
'<h5>Customize AdminLTE</h5><hr class="mb-2"/>' '<h5>Customize AdminLTE</h5><hr class="mb-2"/>'
) )
// dark mode local에 저장
var DARK_MODE_ITEM_NAME = "httpMockServer.darkMode";
let darkMode = localStorage.getItem(DARK_MODE_ITEM_NAME);
if (darkMode === 'true') {
$('body').addClass('dark-mode');
}
var $dark_mode_checkbox = $('<input />', { var $dark_mode_checkbox = $('<input />', {
type: 'checkbox', type: 'checkbox',
value: 1, value: 1,
@@ -69,8 +76,10 @@
}).on('click', function () { }).on('click', function () {
if ($(this).is(':checked')) { if ($(this).is(':checked')) {
$('body').addClass('dark-mode') $('body').addClass('dark-mode')
localStorage.setItem(DARK_MODE_ITEM_NAME, 'true');
} else { } else {
$('body').removeClass('dark-mode') $('body').removeClass('dark-mode')
localStorage.setItem(DARK_MODE_ITEM_NAME, 'false');
} }
}) })
var $dark_mode_container = $('<div />', { class: 'mb-4' }).append($dark_mode_checkbox).append('<span>Dark Mode</span>') var $dark_mode_container = $('<div />', { class: 'mb-4' }).append($dark_mode_checkbox).append('<span>Dark Mode</span>')