From 0dcc0ff0ac675eecaeaff722982b71374e2f25c8 Mon Sep 17 00:00:00 2001 From: cutls Date: Sat, 14 Dec 2019 00:48:34 +0900 Subject: [PATCH] Fix: import and export --- app/js/ui/settings.js | 867 ++++++++++++++++++++++-------------------- 1 file changed, 455 insertions(+), 412 deletions(-) diff --git a/app/js/ui/settings.js b/app/js/ui/settings.js index 2c9d0539..8779a4f7 100644 --- a/app/js/ui/settings.js +++ b/app/js/ui/settings.js @@ -1,498 +1,531 @@ //設定(setting.html)で読む var envView = new Vue({ - el: "#envView", + el: '#envView', data: { config: envConstruction }, methods: { complete: function(i, val) { - var ls = envView.config[i].storage; - M.toast({ html: "Complete", displayLength: 3000 }); + var ls = envView.config[i].storage + M.toast({ html: 'Complete', displayLength: 3000 }) if (!val) { - var id = envView.config[i].id; - var val = $("#" + id).val(); + var id = envView.config[i].id + var val = $('#' + id).val() } - localStorage.setItem(ls, val); - if (ls == "ha") { - hardwareAcceleration(val); + localStorage.setItem(ls, val) + if (ls == 'ha') { + hardwareAcceleration(val) } - if (ls == "ua_setting") { - useragent(val); + if (ls == 'ua_setting') { + useragent(val) } - return true; + return true } } -}); +}) var tlView = new Vue({ - el: "#tlView", + el: '#tlView', data: { config: tlConstruction }, methods: { complete: function(i, val) { - var ls = tlView.config[i]; + var ls = tlView.config[i] if (val) { - localStorage.setItem(ls.storage, val); + localStorage.setItem(ls.storage, val) } else { if (!ls.data) { - ls = [ls]; + ls = [ls] } else { - ls = ls.data; + ls = ls.data } for (var j = 0; j < ls.length; j++) { - M.toast({ html: "Complete", displayLength: 3000 }); - var id = ls[j].id; - var val = $("#" + id).val(); - localStorage.setItem(ls[j].storage, val); + M.toast({ html: 'Complete', displayLength: 3000 }) + var id = ls[j].id + var val = $('#' + id).val() + localStorage.setItem(ls[j].storage, val) } } - return true; + return true } } -}); +}) var postView = new Vue({ - el: "#postView", - data: { config: postConstruction, kirishima: localStorage.getItem("kirishima"), quoters: localStorage.getItem("quoters") }, + el: '#postView', + data: { + config: postConstruction, + kirishima: localStorage.getItem('kirishima'), + quoters: localStorage.getItem('quoters') + }, methods: { complete: function(i, val) { - var ls = postView.config[i]; + var ls = postView.config[i] if (val) { - localStorage.setItem(ls.storage, val); + localStorage.setItem(ls.storage, val) } else { if (!ls.data) { - ls = [ls]; + ls = [ls] } else { - ls = ls.data; + ls = ls.data } for (var j = 0; j < ls.length; j++) { - M.toast({ html: "Complete", displayLength: 3000 }); - var id = ls[j].id; - var val = $("#" + id).val(); - localStorage.setItem(ls[j].storage, val); + M.toast({ html: 'Complete', displayLength: 3000 }) + var id = ls[j].id + var val = $('#' + id).val() + localStorage.setItem(ls[j].storage, val) } } - return true; + return true } } -}); +}) //設定ボタン押した。 function settings() { - var cd = $("[name=theme]:checked").val(); - var ct = $("[data-ct=" + cd + "]").html(); - if (cd == "custom" && !$("#custom-sel-sel").val()) { - var theme = localStorage.getItem("theme"); + var cd = $('[name=theme]:checked').val() + var ct = $('[data-ct=' + cd + ']').html() + if (cd == 'custom' && !$('#custom-sel-sel').val()) { + var theme = localStorage.getItem('theme') if (!theme) { - var theme = "white"; + var theme = 'white' } - $("#" + theme).prop("checked", true); + $('#' + theme).prop('checked', true) } else { - if (cd != localStorage.getItem("theme")) { - M.toast({ html: lang.lang_setting_theme.replace("{{set}}", ct), displayLength: 3000 }); + if (cd != localStorage.getItem('theme')) { + M.toast({ html: lang.lang_setting_theme.replace('{{set}}', ct), displayLength: 3000 }) } //テーマはこの場で設定 - themes(cd); - localStorage.setItem("theme", cd); + themes(cd) + localStorage.setItem('theme', cd) } - var fontd = $("#font").val(); + var fontd = $('#font').val() if (fontd) { - if (fontd != localStorage.getItem("font")) { - M.toast({ html: lang.lang_setting_font.replace("{{set}}", ct), displayLength: 3000 }); + if (fontd != localStorage.getItem('font')) { + M.toast({ html: lang.lang_setting_font.replace('{{set}}', ct), displayLength: 3000 }) } - localStorage.setItem("font", fontd); - themes(); + localStorage.setItem('font', fontd) + themes() } else { - if (localStorage.getItem("font")) { - localStorage.removeItem("font"); - M.toast({ html: lang.lang_setting_font.replace("{{set}}", ct), displayLength: 3000 }); - themes(); + if (localStorage.getItem('font')) { + localStorage.removeItem('font') + M.toast({ html: lang.lang_setting_font.replace('{{set}}', ct), displayLength: 3000 }) + themes() } } } //読み込み時の設定ロード function load() { - var max = envView.config.length; + var max = envView.config.length for (var i = 0; i < max; i++) { - var ls = envView.config[i].storage; + var ls = envView.config[i].storage if (localStorage.getItem(ls)) { - envView.config[i].setValue = localStorage.getItem(ls); + envView.config[i].setValue = localStorage.getItem(ls) } } - var max = tlView.config.length; + var max = tlView.config.length for (var i = 0; i < max; i++) { - var ls = tlView.config[i].storage; + var ls = tlView.config[i].storage if (ls) { if (localStorage.getItem(ls)) { - tlView.config[i].setValue = localStorage.getItem(ls); + tlView.config[i].setValue = localStorage.getItem(ls) } } else { - ls = tlView.config[i].data; + ls = tlView.config[i].data for (var j = 0; j < ls.length; j++) { if (localStorage.getItem(tlView.config[i].data[j].storage)) { - tlView.config[i].data[j].setValue = localStorage.getItem(tlView.config[i].data[j].storage); + tlView.config[i].data[j].setValue = localStorage.getItem(tlView.config[i].data[j].storage) } } } } - var max = postView.config.length; + var max = postView.config.length for (var i = 0; i < max; i++) { - var ls = postView.config[i].storage; + var ls = postView.config[i].storage if (ls) { if (localStorage.getItem(ls)) { - postView.config[i].setValue = localStorage.getItem(ls); + postView.config[i].setValue = localStorage.getItem(ls) } } else { - ls = postView.config[i].data; + ls = postView.config[i].data for (var j = 0; j < ls.length; j++) { - postView.config[i].data[j].setValue = localStorage.getItem(ls[j].storage); + postView.config[i].data[j].setValue = localStorage.getItem(ls[j].storage) } } } - if (localStorage.getItem("imas")) { - $(".imas").removeClass("hide"); + if (localStorage.getItem('imas')) { + $('.imas').removeClass('hide') } - if (localStorage.getItem("kirishima")) { - $(".kirishima").removeClass("hide"); + if (localStorage.getItem('kirishima')) { + $('.kirishima').removeClass('hide') } - var theme = localStorage.getItem("theme"); + var theme = localStorage.getItem('theme') if (!theme) { - var theme = "white"; + var theme = 'white' } - $("#" + theme).prop("checked", true); - var font = localStorage.getItem("font"); + $('#' + theme).prop('checked', true) + var font = localStorage.getItem('font') if (!font) { - var font = ""; + var font = '' } - $("#font").val(font); - $("#c1-file").text(localStorage.getItem("custom1")); - $("#c2-file").text(localStorage.getItem("custom2")); - $("#c3-file").text(localStorage.getItem("custom3")); - $("#c4-file").text(localStorage.getItem("custom4")); - var cvol = localStorage.getItem("customVol"); + $('#font').val(font) + $('#c1-file').text(localStorage.getItem('custom1')) + $('#c2-file').text(localStorage.getItem('custom2')) + $('#c3-file').text(localStorage.getItem('custom3')) + $('#c4-file').text(localStorage.getItem('custom4')) + var cvol = localStorage.getItem('customVol') if (cvol) { - $("#soundvol").val(cvol * 100); - $("#soundVolVal").text(cvol * 100); + $('#soundvol').val(cvol * 100) + $('#soundVolVal').text(cvol * 100) } //$("#log").val(localStorage.getItem("errors")) } function customVol() { - var cvol = $("#soundvol").val(); - $("#soundVolVal").text(cvol); - localStorage.setItem("customVol", cvol / 100); - var sound = localStorage.getItem("favSound"); - if (sound == "default") { - var file = "../../source/notif.wav"; + var cvol = $('#soundvol').val() + $('#soundVolVal').text(cvol) + localStorage.setItem('customVol', cvol / 100) + var sound = localStorage.getItem('favSound') + if (sound == 'default') { + var file = '../../source/notif.wav' } else { - if (sound == "c1") { - var file = localStorage.getItem("custom1"); - } else if (sound == "c2") { - var file = localStorage.getItem("custom2"); - } else if (sound == "c3") { - var file = localStorage.getItem("custom3"); - } else if (sound == "c4") { - var file = localStorage.getItem("custom4"); + if (sound == 'c1') { + var file = localStorage.getItem('custom1') + } else if (sound == 'c2') { + var file = localStorage.getItem('custom2') + } else if (sound == 'c3') { + var file = localStorage.getItem('custom3') + } else if (sound == 'c4') { + var file = localStorage.getItem('custom4') } } - request = new XMLHttpRequest(); - request.open("GET", file, true); - request.responseType = "arraybuffer"; - request.onload = playSound; - request.send(); + request = new XMLHttpRequest() + request.open('GET', file, true) + request.responseType = 'arraybuffer' + request.onload = playSound + request.send() } function climute() { //クライアントミュート - var cli = localStorage.getItem("client_mute"); - var obj = JSON.parse(cli); + var cli = localStorage.getItem('client_mute') + var obj = JSON.parse(cli) if (!obj) { - $("#mute-cli").html(lang.lang_setting_nomuting); + $('#mute-cli').html(lang.lang_setting_nomuting) } else { if (!obj[0]) { - $("#mute-cli").html(lang.lang_setting_nomuting); - return; + $('#mute-cli').html(lang.lang_setting_nomuting) + return } - var templete; + var templete Object.keys(obj).forEach(function(key) { - var cli = obj[key]; - var list = key * 1 + 1; - templete = '
' + list + "." + escapeHTML(cli) + '
"; - $("#mute-cli").append(templete); - }); + var cli = obj[key] + var list = key * 1 + 1 + templete = + '
' + + list + + '.' + + escapeHTML(cli) + + '
' + $('#mute-cli').append(templete) + }) } } function cliMuteDel(key) { - var cli = localStorage.getItem("client_mute"); - var obj = JSON.parse(cli); - obj.splice(key, 1); - var json = JSON.stringify(obj); - localStorage.setItem("client_mute", json); - climute(); + var cli = localStorage.getItem('client_mute') + var obj = JSON.parse(cli) + obj.splice(key, 1) + var json = JSON.stringify(obj) + localStorage.setItem('client_mute', json) + climute() } function wordmute() { - var word = localStorage.getItem("word_mute"); - var obj = JSON.parse(word); + var word = localStorage.getItem('word_mute') + var obj = JSON.parse(word) if (!obj) { - obj = []; + obj = [] } - $("#wordmute").chips({ + $('#wordmute').chips({ data: obj - }); + }) } function wordmuteSave() { - var word = M.Chips.getInstance($("#wordmute")).chipsData; - var json = JSON.stringify(word); - localStorage.setItem("word_mute", json); + var word = M.Chips.getInstance($('#wordmute')).chipsData + var json = JSON.stringify(word) + localStorage.setItem('word_mute', json) } function wordemp() { - var word = localStorage.getItem("word_emp"); - var obj = JSON.parse(word); + var word = localStorage.getItem('word_emp') + var obj = JSON.parse(word) if (!obj) { - obj = []; + obj = [] } - $("#wordemp").chips({ + $('#wordemp').chips({ data: obj - }); + }) } function wordempSave() { - var word = M.Chips.getInstance($("#wordemp")).chipsData; - var json = JSON.stringify(word); - localStorage.setItem("word_emp", json); + var word = M.Chips.getInstance($('#wordemp')).chipsData + var json = JSON.stringify(word) + localStorage.setItem('word_emp', json) } function notftest() { - var os = localStorage.getItem("platform"); + var os = localStorage.getItem('platform') var options = { - body: lang.lang_setting_notftest + "(" + lang.lang_setting_notftestprof + ")", - icon: localStorage.getItem("prof_0") - }; - var n = new Notification("TheDesk" + lang.lang_setting_notftest, options); + body: lang.lang_setting_notftest + '(' + lang.lang_setting_notftestprof + ')', + icon: localStorage.getItem('prof_0') + } + var n = new Notification('TheDesk' + lang.lang_setting_notftest, options) } function oks(no) { - var txt = $("#oks-" + no).val(); - localStorage.setItem("oks-" + no, txt); - M.toast({ html: lang.lang_setting_ksref, displayLength: 3000 }); + var txt = $('#oks-' + no).val() + localStorage.setItem('oks-' + no, txt) + M.toast({ html: lang.lang_setting_ksref, displayLength: 3000 }) } function oksload() { - if (localStorage.getItem("oks-1")) { - $("#oks-1").val(localStorage.getItem("oks-1")); + if (localStorage.getItem('oks-1')) { + $('#oks-1').val(localStorage.getItem('oks-1')) } - if (localStorage.getItem("oks-2")) { - $("#oks-2").val(localStorage.getItem("oks-2")); + if (localStorage.getItem('oks-2')) { + $('#oks-2').val(localStorage.getItem('oks-2')) } - if (localStorage.getItem("oks-3")) { - $("#oks-3").val(localStorage.getItem("oks-3")); + if (localStorage.getItem('oks-3')) { + $('#oks-3').val(localStorage.getItem('oks-3')) } } function changelang(lang) { - postMessage(["lang", lang], "*"); + postMessage(['lang', lang], '*') } function exportSettings() { + var exp = exportSettingsCore() + $("#imp-exp").val(JSON5.stringify(exp)) Swal.fire({ title: lang.lang_setting_exportwarn, - type: "warning", + type: 'warning', showCancelButton: true, - confirmButtonColor: "#3085d6", - cancelButtonColor: "#d33", + confirmButtonColor: '#3085d6', + cancelButtonColor: '#d33', confirmButtonText: lang.lang_yesno, cancelButtonText: lang.lang_no }).then(result => { if (result.value) { - postMessage(["exportSettings", ""], "*"); + postMessage(['exportSettings', ''], '*') } - }); + }) } function exportSettingsCore() { - var exp = {}; + var exp = {} //Accounts - var multi = localStorage.getItem("multi"); - var acct = JSON.parse(multi); - exp.accts = acct; + var multi = localStorage.getItem('multi') + var acct = JSON.parse(multi) + exp.accts = acct //Columns - var multi = localStorage.getItem("column"); - var column = JSON.parse(multi); - exp.columns = column; + var multi = localStorage.getItem('column') + var column = JSON.parse(multi) + exp.columns = column //Themes - var config = {}; - config.theme = localStorage.getItem("theme"); + var config = {} + config.theme = localStorage.getItem('theme') //Other configs - var max = envView.config.length; + var max = envView.config.length for (var i = 0; i < max; i++) { - var ls = envView.config[i].storage; - config[ls] = localStorage.getItem(ls); + var ls = envView.config[i].storage + config[ls] = localStorage.getItem(ls) } - var max = tlView.config.length; + var max = tlView.config.length for (var i = 0; i < max; i++) { - var ls = tlView.config[i].storage; - config[ls] = localStorage.getItem(ls); + var ls = tlView.config[i].storage + config[ls] = localStorage.getItem(ls) } - var max = postView.config.length; + var max = postView.config.length for (var i = 0; i < max; i++) { - var ls = postView.config[i].storage; - config[ls] = localStorage.getItem(ls); + var ls = postView.config[i].storage + config[ls] = localStorage.getItem(ls) } //Font - config.font = localStorage.getItem("font"); - exp.config = config; + config.font = localStorage.getItem('font') + exp.config = config //keysc - exp.ksc = [localStorage.getItem("oks-1"), localStorage.getItem("oks-2"), localStorage.getItem("oks-3")]; + exp.ksc = [ + localStorage.getItem('oks-1'), + localStorage.getItem('oks-2'), + localStorage.getItem('oks-3') + ] //climu - var cli = localStorage.getItem("client_mute"); - var climu = JSON.parse(cli); - exp.clientMute = climu; + var cli = localStorage.getItem('client_mute') + var climu = JSON.parse(cli) + exp.clientMute = climu //wordmu - var wdm = localStorage.getItem("word_mute"); - var wordmu = JSON.parse(wdm); - exp.wordMute = wordmu; + var wdm = localStorage.getItem('word_mute') + var wordmu = JSON.parse(wdm) + exp.wordMute = wordmu //spotify - exp.spotifyArtwork = localStorage.getItem("artwork"); - var content = localStorage.getItem("np-temp"); - if (content || content == "" || content == "null") { - exp.spotifyTemplete = content; + exp.spotifyArtwork = localStorage.getItem('artwork') + var content = localStorage.getItem('np-temp') + if (content || content == '' || content == 'null') { + exp.spotifyTemplete = content } else { - exp.spotifyTemplete = null; + exp.spotifyTemplete = null } //tags - var tagarr = localStorage.getItem("tag"); - var favtag = JSON.parse(tagarr); - exp.favoriteTags = favtag; - exp.revisons = 2.1; - exp.meta = {}; - exp.meta.date = new Date(); - exp.meta.thedesk = localStorage.getItem("ver"); - exp.meta.platform = localStorage.getItem("platform"); - return exp; + var tagarr = localStorage.getItem('tag') + var favtag = JSON.parse(tagarr) + exp.favoriteTags = favtag + exp.revisons = 2.1 + exp.meta = {} + exp.meta.date = new Date() + exp.meta.thedesk = localStorage.getItem('ver') + exp.meta.platform = localStorage.getItem('platform') + return exp } function importSettings() { + if($("#imp-exp").val()) { + importSettingsCore(JSON5.parse($("#imp-exp").val())) + return false + } Swal.fire({ title: lang.lang_setting_importwarn, - type: "warning", + type: 'warning', showCancelButton: true, - confirmButtonColor: "#3085d6", - cancelButtonColor: "#d33", + confirmButtonColor: '#3085d6', + cancelButtonColor: '#d33', confirmButtonText: lang.lang_yesno, cancelButtonText: lang.lang_no }).then(result => { if (result.value) { - postMessage(["importSettings", ""], "*"); + postMessage(['importSettings', ''], '*') } - }); + }) } function importSettingsCore(obj) { if (obj) { - localStorage.clear(); - localStorage.setItem("multi", JSON.stringify(obj.accts)); + localStorage.clear() + localStorage.setItem('multi', JSON.stringify(obj.accts)) for (var key = 0; key < obj.accts.length; key++) { - var acct = obj.accts[key]; - localStorage.setItem("name_" + key, acct.name); - localStorage.setItem("user_" + key, acct.user); - localStorage.setItem("user-id_" + key, acct.id); - localStorage.setItem("prof_" + key, acct.prof); - localStorage.setItem("domain_" + key, acct.domain); - localStorage.setItem("acct_" + key + "_at", acct.at); + var acct = obj.accts[key] + localStorage.setItem('name_' + key, acct.name) + localStorage.setItem('user_' + key, acct.user) + localStorage.setItem('user-id_' + key, acct.id) + localStorage.setItem('prof_' + key, acct.prof) + localStorage.setItem('domain_' + key, acct.domain) + localStorage.setItem('acct_' + key + '_at', acct.at) } - localStorage.setItem("column", JSON.stringify(obj.columns)); + localStorage.setItem('column', JSON.stringify(obj.columns)) if (obj.config) { //Version 2~ - var max = envView.config.length; + var max = envView.config.length for (var i = 0; i < max; i++) { - var ls = envView.config[i].storage; + var ls = envView.config[i].storage if (obj.config[ls]) { - localStorage.setItem(ls, obj.config[ls]); + localStorage.setItem(ls, obj.config[ls]) } } - var max = tlView.config.length; + var max = tlView.config.length for (var i = 0; i < max; i++) { - var ls = tlView.config[i].storage; + var ls = tlView.config[i].storage if (obj.config[ls]) { - localStorage.setItem(ls, obj.config[ls]); + localStorage.setItem(ls, obj.config[ls]) } } - var max = postView.config.length; + var max = postView.config.length for (var i = 0; i < max; i++) { - var ls = postView.config[i].storage; + var ls = postView.config[i].storage if (obj.config[ls]) { - localStorage.setItem(ls, obj.config[ls]); + localStorage.setItem(ls, obj.config[ls]) } } } else { //Version 1 - localStorage.setItem("theme", obj.theme); + localStorage.setItem('theme', obj.theme) if (obj.width) { - localStorage.setItem("width", obj.width); + localStorage.setItem('width', obj.width) } if (obj.font) { - localStorage.setItem("font", obj.font); + localStorage.setItem('font', obj.font) } if (obj.size) { - localStorage.setItem("size", obj.size); + localStorage.setItem('size', obj.size) } - themes(obj.theme); + themes(obj.theme) if (obj.imgheight) { - localStorage.setItem("img-height", obj.imgheight); + localStorage.setItem('img-height', obj.imgheight) } - localStorage.setItem("mainuse", obj.mainuse); + localStorage.setItem('mainuse', obj.mainuse) if (obj.cw) { - localStorage.setItem("cwtext", obj.cw); + localStorage.setItem('cwtext', obj.cw) } - localStorage.setItem("vis", obj.vis); + localStorage.setItem('vis', obj.vis) //End } if (obj.ksc[0]) { - localStorage.setItem("oks-1", obj.ksc[0]); + localStorage.setItem('oks-1', obj.ksc[0]) } if (obj.ksc[1]) { - localStorage.setItem("oks-2", obj.ksc[1]); + localStorage.setItem('oks-2', obj.ksc[1]) } if (obj.ksc[2]) { - localStorage.setItem("oks-3", obj.ksc[2]); + localStorage.setItem('oks-3', obj.ksc[2]) } if (obj.clientMute) { - localStorage.setItem("client_mute", JSON.stringify(obj.clientMute)); + localStorage.setItem('client_mute', JSON.stringify(obj.clientMute)) } if (obj.wordMute) { - localStorage.setItem("word_mute", JSON.stringify(obj.wordMute)); + localStorage.setItem('word_mute', JSON.stringify(obj.wordMute)) } if (obj.favoriteTags) { - localStorage.setItem("tag", JSON.stringify(obj.favoriteTags)); + localStorage.setItem('tag', JSON.stringify(obj.favoriteTags)) } - localStorage.setItem("np-temp", obj.spotifyTemplete); + localStorage.setItem('np-temp', obj.spotifyTemplete) for (var i = 0; i < obj.columns.length; i++) { - localStorage.setItem("card_" + i, "true"); - localStorage.removeItem("catch_" + i); + localStorage.setItem('card_' + i, 'true') + localStorage.removeItem('catch_' + i) } - location.href = "index.html"; + location.href = 'index.html' } else { Swal.fire({ - type: "error", - title: "Error" - }); + type: 'error', + title: 'Error' + }) } } function savefolder() { - postMessage(["sendSinmpleIpc", "savefolder"], "*"); + postMessage(['sendSinmpleIpc', 'savefolder'], '*') } function font() { - postMessage(["sendSinmpleIpc", "fonts"], "*"); + postMessage(['sendSinmpleIpc', 'fonts'], '*') } function fontList(arg) { - $("#fonts").removeClass("hide"); + $('#fonts').removeClass('hide') for (var i = 0; i < arg.length; i++) { - var font = arg[i]; - $("#fonts").append('
" + font.family + "
"); + var font = arg[i] + $('#fonts').append( + '
' + + font.family + + '
' + ) } } function insertFont(name) { - $("#font").val(name); + $('#font').val(name) } -$(".color-picker").each(function(i, elem) { - pickerDefine(i, "fff"); -}); +$('.color-picker').each(function(i, elem) { + pickerDefine(i, 'fff') +}) function pickerDefine(i, color) { var pickr = new Pickr({ - el: "#color-picker" + i, + el: '#color-picker' + i, default: color, showAlways: true, appendToBody: true, - closeWithKey: "Escape", + closeWithKey: 'Escape', comparison: false, components: { preview: true, // Left side color comparison @@ -504,58 +537,59 @@ function pickerDefine(i, color) { } }, strings: { - save: "Save", // Default for save button - clear: "Clear" // Default for clear button + save: 'Save', // Default for save button + clear: 'Clear' // Default for clear button } - }); - pickr.on("change", (...args) => { - var rgb = "rgb(" + args[0].toRGBA()[0] + "," + args[0].toRGBA()[1] + "," + args[0].toRGBA()[2] + ")"; - $("#color-picker" + i + "_value").val(rgb); - }); + }) + pickr.on('change', (...args) => { + var rgb = + 'rgb(' + args[0].toRGBA()[0] + ',' + args[0].toRGBA()[1] + ',' + args[0].toRGBA()[2] + ')' + $('#color-picker' + i + '_value').val(rgb) + }) } function customComp() { - var nameC = $("#custom_name").val(); + var nameC = $('#custom_name').val() if (!nameC) { - return false; + return false } - var descC = $("#custom_desc").val(); - var primaryC = $("#color-picker0_value").val(); + var descC = $('#custom_desc').val() + var primaryC = $('#color-picker0_value').val() if (!primaryC) { - primaryC = "rgb(255,255,255)"; + primaryC = 'rgb(255,255,255)' } - var secondaryC = $("#color-picker1_value").val(); + var secondaryC = $('#color-picker1_value').val() if (!secondaryC) { - secondaryC = "rgb(255,255,255)"; + secondaryC = 'rgb(255,255,255)' } - var textC = $("#color-picker2_value").val(); + var textC = $('#color-picker2_value').val() if (!textC) { - textC = "rgb(255,255,255)"; + textC = 'rgb(255,255,255)' } - var multi = localStorage.getItem("multi"); - if ($("#pickers").hasClass("advanceTheme")) { - var accentC = $("#color-picker3_value").val(); + var multi = localStorage.getItem('multi') + if ($('#pickers').hasClass('advanceTheme')) { + var accentC = $('#color-picker3_value').val() if (!accentC) { - accentC = null; + accentC = null } - var activeC = $("#color-picker4_value").val(); + var activeC = $('#color-picker4_value').val() if (!activeC) { - activeC = null; + activeC = null } - var modalC = $("#color-picker5_value").val(); + var modalC = $('#color-picker5_value').val() if (!modalC) { - modalC = null; + modalC = null } - var bottomC = $("#color-picker6_value").val(); + var bottomC = $('#color-picker6_value').val() if (!bottomC) { - bottomC = null; + bottomC = null } - var postboxC = $("#color-picker7_value").val(); + var postboxC = $('#color-picker7_value').val() if (!postboxC) { - postboxC = null; + postboxC = null } - var subcolorC = $("#color-picker8_value").val(); + var subcolorC = $('#color-picker8_value').val() if (!subcolorC) { - subcolorC = null; + subcolorC = null } var advanceTheme = { TheDeskAccent: accentC, @@ -564,22 +598,22 @@ function customComp() { TheDeskBottom: bottomC, TheDeskPostbox: postboxC, TheDeskSubcolor: subcolorC - }; + } } else { - var advanceTheme = {}; + var advanceTheme = {} } - var my = JSON.parse(multi)[0].name; - var id = $("#custom-edit-sel").val(); - if (id == "add_new") { - id = makeCID(); + var my = JSON.parse(multi)[0].name + var id = $('#custom-edit-sel').val() + if (id == 'add_new') { + id = makeCID() } - localStorage.setItem("customtheme-id", id); + localStorage.setItem('customtheme-id', id) var json = { name: nameC, author: my, desc: descC, - base: $("[name=direction]:checked").val(), + base: $('[name=direction]:checked').val(), vars: { primary: primaryC, secondary: secondaryC, @@ -587,206 +621,215 @@ function customComp() { }, props: advanceTheme, id: id - }; - $("#custom_json").val(JSON.stringify(json)); - themes("custom"); - $("#custom").prop("checked", true); - $("#custom_name").val(""); - $("#custom_desc").val(""); - $("#dark").prop("checked", true); - $("#custom_json").val(""); - for (var i = 0; i <= 8; i++) { - $("#color-picker" + i + "-wrap").html('
'); - $("#color-picker" + i + "_value").val(""); - pickerDefine(i, "fff"); } - postMessage(["themeJsonCreate", JSON.stringify(json)], "*"); + $('#custom_json').val(JSON.stringify(json)) + themes('custom') + $('#custom').prop('checked', true) + $('#custom_name').val('') + $('#custom_desc').val('') + $('#dark').prop('checked', true) + $('#custom_json').val('') + for (var i = 0; i <= 8; i++) { + $('#color-picker' + i + '-wrap').html( + '
' + ) + $('#color-picker' + i + '_value').val('') + pickerDefine(i, 'fff') + } + postMessage(['themeJsonCreate', JSON.stringify(json)], '*') } function deleteIt() { - var id = $("#custom-sel-sel").val(); - $("#custom_name").val(""); - $("#custom_desc").val(""); - $("#dark").prop("checked", true); - $("#custom_json").val(""); + var id = $('#custom-sel-sel').val() + $('#custom_name').val('') + $('#custom_desc').val('') + $('#dark').prop('checked', true) + $('#custom_json').val('') for (var i = 0; i <= 8; i++) { - $("#color-picker" + i + "-wrap").html('
'); - $("#color-picker" + i + "_value").val(""); - pickerDefine(i, "fff"); + $('#color-picker' + i + '-wrap').html( + '
' + ) + $('#color-picker' + i + '_value').val('') + pickerDefine(i, 'fff') } - postMessage(["themeJsonDelete", id], "*"); + postMessage(['themeJsonDelete', id], '*') } function ctLoad() { - postMessage(["sendSinmpleIpc", "theme-json-list"], "*"); + postMessage(['sendSinmpleIpc', 'theme-json-list'], '*') } function ctLoadCore(args) { - var templete = ""; + var templete = '' Object.keys(args).forEach(function(key) { - var theme = args[key]; - var themeid = theme.id; - templete = templete + '"; - }); + var theme = args[key] + var themeid = theme.id + templete = templete + '' + }) if (args[0]) { - localStorage.setItem("customtheme-id", args[0].id); + localStorage.setItem('customtheme-id', args[0].id) } - $("#custom-sel-sel").html(templete); - templete = '" + templete; - $("#custom-edit-sel").html(templete); - $("select").formSelect(); + $('#custom-sel-sel').html(templete) + templete = + '' + templete + $('#custom-edit-sel').html(templete) + $('select').formSelect() } function customSel() { - var id = $("#custom-sel-sel").val(); - localStorage.setItem("customtheme-id", id); + var id = $('#custom-sel-sel').val() + localStorage.setItem('customtheme-id', id) } function custom() { - var id = $("#custom-edit-sel").val(); - if (id == "add_new") { - $("#custom_name").val(""); - $("#custom_desc").val(""); - $("#dark").prop("checked", true); - $("#custom_json").val(""); + var id = $('#custom-edit-sel').val() + if (id == 'add_new') { + $('#custom_name').val('') + $('#custom_desc').val('') + $('#dark').prop('checked', true) + $('#custom_json').val('') for (var i = 0; i <= 8; i++) { - $("#color-picker" + i + "-wrap").html('
'); - $("#color-picker" + i + "_value").val(""); - pickerDefine(i, "fff"); + $('#color-picker' + i + '-wrap').html( + '
' + ) + $('#color-picker' + i + '_value').val('') + pickerDefine(i, 'fff') } - $("#delTheme").addClass("disabled"); + $('#delTheme').addClass('disabled') } else { - $("#delTheme").removeClass("disabled"); - postMessage(["themeJsonRequest", id], "*"); + $('#delTheme').removeClass('disabled') + postMessage(['themeJsonRequest', id], '*') } } function customConnect(raw) { - var args = raw[0]; - $("#custom_name").val(args.name); - $("#custom_desc").val(args.desc); - $("#" + args.base).prop("checked", true); + var args = raw[0] + $('#custom_name').val(args.name) + $('#custom_desc').val(args.desc) + $('#' + args.base).prop('checked', true) //Primary - $("#color-picker0-wrap").html('
'); - pickerDefine(0, rgbToHex(args.vars.primary)); - $("#color-picker0_value").val(args.vars.primary); + $('#color-picker0-wrap').html('
') + pickerDefine(0, rgbToHex(args.vars.primary)) + $('#color-picker0_value').val(args.vars.primary) //Secondary - $("#color-picker1-wrap").html('
'); - pickerDefine(1, rgbToHex(args.vars.secondary)); - $("#color-picker1_value").val(args.vars.secondary); + $('#color-picker1-wrap').html('
') + pickerDefine(1, rgbToHex(args.vars.secondary)) + $('#color-picker1_value').val(args.vars.secondary) //Text - $("#color-picker2-wrap").html('
'); - $("#color-picker2_value").val(args.vars.text); - pickerDefine(2, rgbToHex(args.vars.text)); + $('#color-picker2-wrap').html('
') + $('#color-picker2_value').val(args.vars.text) + pickerDefine(2, rgbToHex(args.vars.text)) //TheDesk Only - advancedConncet(args, "TheDeskAccent", "secondary", 3); - advancedConncet(args, "TheDeskActive", "primary", 4); - advancedConncet(args, "TheDeskModal", "secondary", 5); - advancedConncet(args, "TheDeskBottom", "primary", 6); - advancedConncet(args, "TheDeskPostbox", "primary", 7); - advancedConncet(args, "TheDeskSubcolor", "primary", 8); - $("#custom_json").val(raw[1]); + advancedConncet(args, 'TheDeskAccent', 'secondary', 3) + advancedConncet(args, 'TheDeskActive', 'primary', 4) + advancedConncet(args, 'TheDeskModal', 'secondary', 5) + advancedConncet(args, 'TheDeskBottom', 'primary', 6) + advancedConncet(args, 'TheDeskPostbox', 'primary', 7) + advancedConncet(args, 'TheDeskSubcolor', 'primary', 8) + $('#custom_json').val(raw[1]) } function advancedConncet(args, tar, sub, i) { if (args.props) { if (args.props[tar]) { - var color = args.props[tar]; - $("#pickers").addClass("advanceTheme"); - $(".advanced").removeClass("hide"); + var color = args.props[tar] + $('#pickers').addClass('advanceTheme') + $('.advanced').removeClass('hide') } else { - var color = args.vars[sub]; + var color = args.vars[sub] } } else { - var color = args.vars[sub]; + var color = args.vars[sub] } - $("#color-picker" + i + "-wrap").html('
'); - $("#color-picker" + i + "_value").val(color); - pickerDefine(i, rgbToHex(color)); + $('#color-picker' + i + '-wrap').html( + '
' + ) + $('#color-picker' + i + '_value').val(color) + pickerDefine(i, rgbToHex(color)) } function customImp() { - var json = $("#custom_import").val(); + var json = $('#custom_import').val() if (JSON5.parse(json)) { - postMessage(["themeJsonCreate", json], "*"); + postMessage(['themeJsonCreate', json], '*') } else { Swal.fire({ - type: "error", - title: "Error" - }); + type: 'error', + title: 'Error' + }) } } function advanced() { - $(".advanced").toggleClass("hide"); - $("#pickers").toggleClass("advanceTheme"); + $('.advanced').toggleClass('hide') + $('#pickers').toggleClass('advanceTheme') } function clearCustomImport() { - $("#custom_import").val(""); + $('#custom_import').val('') } function hardwareAcceleration(had) { - postMessage(["ha", had], "*"); + postMessage(['ha', had], '*') } function useragent(val) { - postMessage(["ua", val], "*"); + postMessage(['ua', val], '*') } function customSound(key) { - postMessage(["customSound", key], "*"); + postMessage(['customSound', key], '*') } function customSoundSave(key, file) { - localStorage.setItem("custom" + key, file); - $("#c1-file").text(file); + localStorage.setItem('custom' + key, file) + $('#c1-file').text(file) } window.onload = function() { //最初に読む - load(); - climute(); - wordmute(); - wordemp(); - checkSpotify(); - voiceSettingLoad(); - oksload(); - ctLoad(); -}; + load() + climute() + wordmute() + wordemp() + checkSpotify() + voiceSettingLoad() + oksload() + ctLoad() +} //設定画面で未読マーカーは要らない function asReadEnd() { - postMessage(["asReadComp", ""], "*"); + postMessage(['asReadComp', ''], '*') } function checkupd() { - var ver = localStorage.getItem("ver"); - var start = "https://thedesk.top/ver.json"; + var ver = localStorage.getItem('ver') + var start = 'https://thedesk.top/ver.json' fetch(start, { - method: "GET" + method: 'GET' }) .then(function(response) { if (!response.ok) { response.text().then(function(text) { - setLog(response.url, response.status, text); - }); + setLog(response.url, response.status, text) + }) } - return response.json(); + return response.json() }) .catch(function(error) { - todo(error); - setLog(start, "JSON", error); - console.error(error); + todo(error) + setLog(start, 'JSON', error) + console.error(error) }) .then(function(mess) { - console.table(mess); + console.table(mess) if (mess) { - var platform = localStorage.getItem("platform"); - if (platform == "darwin") { - var newest = mess.desk_mac; + var platform = localStorage.getItem('platform') + if (platform == 'darwin') { + var newest = mess.desk_mac } else { - var newest = mess.desk; + var newest = mess.desk } if (newest == ver) { Swal.fire({ - type: "info", + type: 'info', title: lang.lang_setting_noupd, html: ver - }); - } else if (ver.indexOf("beta") != -1 || winstore) { + }) + } else if (ver.indexOf('beta') != -1 || winstore) { Swal.fire({ - type: "info", + type: 'info', title: lang.lang_setting_thisisbeta, html: ver - }); + }) } else { - localStorage.removeItem("new-ver-skip"); - location.href = "index.html"; + localStorage.removeItem('new-ver-skip') + location.href = 'index.html' } } - }); + }) }