From 95c04a8abcf3c255e147955f57edd4c835b6a5c5 Mon Sep 17 00:00:00 2001
From: chylex <contact@chylex.com>
Date: Fri, 16 Jun 2017 02:04:44 +0200
Subject: [PATCH] Work on template plugin (keep button active, tweak code)
---
Resources/Plugins/templates/browser.js | 13 ++++++++++---
1 file changed, 10 insertions(+), 3 deletions(-)
diff --git a/Resources/Plugins/templates/browser.js b/Resources/Plugins/templates/browser.js
index 2fddd549..47993004 100644
--- a/Resources/Plugins/templates/browser.js
+++ b/Resources/Plugins/templates/browser.js
@@ -48,8 +48,10 @@ enabled(){
// css
this.css = window.TDPF_createCustomStyle(this);
+ this.css.insert(".manage-templates-btn.active { color: #fff; box-shadow: 0 0 2px 3px #50a5e6; outline: 0; }");
+
this.css.insert(".templates-modal-wrap { width: 100%; height: 100%; padding: 49px; position: absolute; z-index: 999; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.5); }");
- this.css.insert(".templates-modal { width: 100%; height: 100%; background-color: #fff; display: flex; }"); // TODO fix things when the columns are scrolled to left
+ this.css.insert(".templates-modal { width: 100%; height: 100%; background-color: #fff; display: flex; }");
this.css.insert(".templates-modal > div { display: flex; flex-direction: column; }");
this.css.insert(".templates-modal-bottom { flex: 0 0 auto; padding: 16px; text-align: right; }");
this.css.insert(".templates-modal-bottom button { margin-left: 4px; }");
@@ -197,11 +199,13 @@ enabled(){
}
promises.push(doAjaxRequest(url, evaluator).then(result => {
- let diff = result.length-5; // "(...)".length
+ const placeholderLen = 5; // "(...)".length
+
+ let diff = result.length-placeholderLen;
let realIndex = indexOffset+index2;
let val = ele.val();
- ele.val(val.substring(0, realIndex)+result+val.substring(realIndex+5));
+ ele.val(val.substring(0, realIndex)+result+val.substring(realIndex+placeholderLen));
indexOffset += diff;
}));
@@ -235,6 +239,8 @@ enabled(){
this.editingTemplate = null;
var showTemplateModal = () => {
+ $(".manage-templates-btn").addClass("active");
+
let html = `
<div class="templates-modal-wrap">
<div class="templates-modal">
@@ -371,6 +377,7 @@ enabled(){
var hideTemplateModal = function(){
$(".templates-modal-wrap").remove();
+ $(".manage-templates-btn").removeClass("active");
};
var toggleEditor = function(){