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

Allow only px values in custom items in edit-design plugin

Browse Source
This commit is contained in:
chylex 2017-10-25 22:12:28 +02:00
parent 934cba7251
commit 5896f8e35a
3 changed files with 30 additions and 14 deletions
Resources/Plugins/edit-design
.metabrowser.jsmodal.html

2
Resources/Plugins/edit-design/.meta
View File

@ -8,7 +8,7 @@ Edit layout & design
chylex
[version]
1.1.5
1.1.6
[website]
https://tweetduck.chylex.com

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

@ -173,28 +173,44 @@ enabled(){
}
// SELECTS
else if (tag === "SELECT"){
if (!item.val(me.config[key]).val()){
let custom = item.find("option[value='custom']");
if (custom.length === 1){
item.val("custom");
custom.text(getTextForCustom(key));
let optionCustom = item.find("option[value^='custom']");
let resetMyValue = () => {
if (!item.val(me.config[key]).val() && optionCustom.length === 1){
item.val(optionCustom.attr("value"));
optionCustom.text(getTextForCustom(key));
}
}
};
resetMyValue();
item.change(function(){ // TODO change doesn't fire when Custom is already selected
let val = item.val();
if (val === "custom"){
val = prompt("Enter custom value:");
if (val === "custom-px"){
val = (prompt("Enter custom value (px):") || "").trim();
if (val){
updateKey(key, val);
item.find("option[value='custom']").text(getTextForCustom(key));
if (val.endsWith("px")){
val = val.slice(0, -2).trim();
}
if (/^[0-9]+$/.test(val)){
updateKey(key, val+"px");
optionCustom.text(getTextForCustom(key));
}
else{
alert("Invalid value, only px values are supported.");
resetMyValue();
}
}
else{
resetMyValue();
}
}
else{
updateKey(key, item.val());
optionCustom.text("Custom");
}
});
}

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

@ -36,7 +36,7 @@
<option value="310px">Medium (310px)</option>
<option value="350px">Wide (350px)</option>
<option value="400px">Extreme (400px)</option>
<option value="custom">Custom</option>
<option value="custom-px">Custom</option>
</optgroup>
<option disabled></option>
<optgroup label="Dynamic width">
@ -59,7 +59,7 @@
<option value="14px">Medium (14px)</option>
<option value="15px">Large (15px)</option>
<option value="16px">Largest (16px)</option>
<option value="custom">Custom</option>
<option value="custom-px">Custom</option>
</select>
<label class="checkbox">
<input data-td-key="increaseQuoteTextSize" class="js-theme-checkbox touch-larger-label" type="checkbox">