chylex/TweetDuck
1
0
Fork 0
mirror of https://github.com/chylex/TweetDuck.git synced 2025-04-28 09:15:46 +02:00
Code

Add checkbox support to edit-design plugin and delay theme change

Browse Source
This commit is contained in:
chylex 2017-03-25 14:40:28 +01:00
parent a315ed90af
commit 9fed8c022b
2 changed files with 25 additions and 3 deletions
Resources/Plugins/edit-design
browser.jsmodal.html

23
Resources/Plugins/edit-design/browser.js
View File

@ -111,15 +111,30 @@ enabled(){
modal.find("[data-td-key]").each(function(){ modal.find("[data-td-key]").each(function(){
let item = $(this); let item = $(this);
let tag = item.prop("tagName");
let key = item.attr("data-td-key"); let key = item.attr("data-td-key");
if (item.prop("tagName") === "SELECT"){ // INPUTS
if (tag === "INPUT"){
let type = item.attr("type");
if (type === "checkbox"){
item.prop("checked", me.config[key]);
item.change(function(){
updateKey(key, item.prop("checked"));
});
}
}
// SELECTS
else if (tag === "SELECT"){
item.val(me.config[key]); item.val(me.config[key]);
item.change(function(){ item.change(function(){
updateKey(key, item.val()); updateKey(key, item.val());
}); });
} }
// CUSTOM ELEMENTS
else{ else{
let value = item.attr("data-td-value"); let value = item.attr("data-td-value");
@ -138,8 +153,10 @@ enabled(){
modal.find("[data-td-theme='"+TD.settings.getTheme()+"']").prop("checked", true); modal.find("[data-td-theme='"+TD.settings.getTheme()+"']").prop("checked", true);
modal.find("[data-td-theme]").change(function(){ modal.find("[data-td-theme]").change(function(){
TD.settings.setTheme($(this).attr("data-td-theme")); setTimeout(function(){
$(document).trigger("uiToggleTheme"); TD.settings.setTheme($(this).attr("data-td-theme"));
$(document).trigger("uiToggleTheme");
}, 1);
}); });
}).methods({ }).methods({
_render: () => $(this.htmlModal), _render: () => $(this.htmlModal),

5
Resources/Plugins/edit-design/modal.html
View File

@ -142,6 +142,11 @@
cursor: pointer; cursor: pointer;
} }
.td-modal-content label.checkbox {
margin: 6px 16px 5px 4px;
cursor: pointer;
}
/* Avatar shape */ /* Avatar shape */
.td-avatar-shape-container { .td-avatar-shape-container {