first commit

media/com_templates/js/admin-template-toggle-assignment.js

@@ -0,0 +1,20 @@
+/**
+ * @copyright  (C) 2019 Open Source Matters, Inc. <https://www.joomla.org>
+ * @license    GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+Joomla = window.Joomla || {};
+(Joomla => {
+  Joomla.toggleAll = () => {
+    const checkBoxes = [].slice.call(document.querySelectorAll('.chk-menulink'));
+    checkBoxes.forEach(checkBox => {
+      checkBox.checked = !checkBox.checked;
+    });
+  };
+  Joomla.toggleMenutype = a => {
+    const checkBox = [].slice.call(document.getElementsByClassName(`menutype-${a}`));
+    checkBox.forEach(element => {
+      element.checked = !element.checked;
+    });
+  };
+})(Joomla);

media/com_templates/js/admin-template-toggle-assignment.min.js

@@ -0,0 +1 @@
+Joomla=window.Joomla||{},(e=>{e.toggleAll=()=>{[].slice.call(document.querySelectorAll(".chk-menulink")).forEach((e=>{e.checked=!e.checked}))},e.toggleMenutype=e=>{[].slice.call(document.getElementsByClassName(`menutype-${e}`)).forEach((e=>{e.checked=!e.checked}))}})(Joomla);

media/com_templates/js/admin-template-toggle-switch.js

@@ -0,0 +1,79 @@
+/**
+ * @copyright  (C) 2018 Open Source Matters, Inc. <https://www.joomla.org>
+ * @license    GNU General Public License version 2 or later; see LICENSE.txt
+ */
+(() => {
+
+  const showDiffChangedOff = () => {
+    const diffMain = document.getElementById('diff-main');
+    if (diffMain) {
+      diffMain.classList.remove('active');
+      if (typeof Storage !== 'undefined') {
+        localStorage.removeItem('diffSwitchState');
+      }
+    }
+  };
+  const showDiffChangedOn = () => {
+    const diffMain = document.getElementById('diff-main');
+    if (diffMain) {
+      diffMain.classList.add('active');
+      if (typeof Storage !== 'undefined') {
+        localStorage.setItem('diffSwitchState', 'checked');
+      }
+    }
+  };
+  const showCoreChangedOff = () => {
+    const override = document.getElementById('override-pane');
+    const corePane = document.getElementById('core-pane');
+    const fieldset = override.parentElement.parentElement;
+    if (corePane && override) {
+      corePane.classList.remove('active');
+      if (fieldset.classList.contains('options-grid-form-half')) {
+        fieldset.classList.remove('options-grid-form-half');
+        fieldset.classList.add('options-grid-form-full');
+      }
+      if (typeof Storage !== 'undefined') {
+        localStorage.removeItem('coreSwitchState');
+      }
+    }
+  };
+  const showCoreChangedOn = () => {
+    const override = document.getElementById('override-pane');
+    const corePane = document.getElementById('core-pane');
+    const fieldset = override.parentElement.parentElement;
+    if (corePane && override) {
+      corePane.classList.add('active');
+      if (fieldset.classList.contains('options-grid-form-full')) {
+        fieldset.classList.remove('options-grid-form-full');
+        fieldset.classList.add('options-grid-form-half');
+      }
+      if (typeof Storage !== 'undefined') {
+        localStorage.setItem('coreSwitchState', 'checked');
+      }
+    }
+  };
+  document.addEventListener('DOMContentLoaded', () => {
+    const JformShowDiffOn = document.getElementById('jform_show_diff1');
+    const JformShowDiffOff = document.getElementById('jform_show_diff0');
+    const JformShowCoreOn = document.getElementById('jform_show_core1');
+    const JformShowCoreOff = document.getElementById('jform_show_core0');
+    if (JformShowDiffOn && JformShowDiffOff) {
+      JformShowDiffOn.addEventListener('click', showDiffChangedOn);
+      JformShowDiffOff.addEventListener('click', showDiffChangedOff);
+    }
+    if (JformShowCoreOn && JformShowCoreOff) {
+      JformShowCoreOn.addEventListener('click', showCoreChangedOn);
+      JformShowCoreOff.addEventListener('click', showCoreChangedOff);
+    }
+    if (typeof Storage !== 'undefined' && localStorage.getItem('coreSwitchState') && JformShowCoreOn) {
+      JformShowCoreOn.checked = true;
+      JformShowCoreOff.checked = false;
+      showCoreChangedOn();
+    }
+    if (typeof Storage !== 'undefined' && localStorage.getItem('diffSwitchState') && JformShowDiffOn) {
+      JformShowDiffOn.checked = true;
+      JformShowDiffOff.checked = false;
+      showDiffChangedOn();
+    }
+  });
+})();

media/com_templates/js/admin-template-toggle-switch.min.js

@@ -0,0 +1 @@
+(()=>{const e=()=>{const e=document.getElementById("diff-main");e&&(e.classList.remove("active"),"undefined"!=typeof Storage&&localStorage.removeItem("diffSwitchState"))},t=()=>{const e=document.getElementById("diff-main");e&&(e.classList.add("active"),"undefined"!=typeof Storage&&localStorage.setItem("diffSwitchState","checked"))},o=()=>{const e=document.getElementById("override-pane"),t=document.getElementById("core-pane"),o=e.parentElement.parentElement;t&&e&&(t.classList.remove("active"),o.classList.contains("options-grid-form-half")&&(o.classList.remove("options-grid-form-half"),o.classList.add("options-grid-form-full")),"undefined"!=typeof Storage&&localStorage.removeItem("coreSwitchState"))},n=()=>{const e=document.getElementById("override-pane"),t=document.getElementById("core-pane"),o=e.parentElement.parentElement;t&&e&&(t.classList.add("active"),o.classList.contains("options-grid-form-full")&&(o.classList.remove("options-grid-form-full"),o.classList.add("options-grid-form-half")),"undefined"!=typeof Storage&&localStorage.setItem("coreSwitchState","checked"))};document.addEventListener("DOMContentLoaded",(()=>{const d=document.getElementById("jform_show_diff1"),c=document.getElementById("jform_show_diff0"),a=document.getElementById("jform_show_core1"),i=document.getElementById("jform_show_core0");d&&c&&(d.addEventListener("click",t),c.addEventListener("click",e)),a&&i&&(a.addEventListener("click",n),i.addEventListener("click",o)),"undefined"!=typeof Storage&&localStorage.getItem("coreSwitchState")&&a&&(a.checked=!0,i.checked=!1,n()),"undefined"!=typeof Storage&&localStorage.getItem("diffSwitchState")&&d&&(d.checked=!0,c.checked=!1,t())}))})();

media/com_templates/js/admin-templates-default.js

@@ -0,0 +1,129 @@
+/**
+ * @copyright   (C) 2018 Open Source Matters, Inc. <https://www.joomla.org>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ */
+(() => {
+
+  document.addEventListener('DOMContentLoaded', () => {
+    const folders = [...document.querySelectorAll('.folder-url, .component-folder-url, .plugin-folder-url, .layout-folder-url')];
+    const innerLists = [...document.querySelectorAll('.folder ul, .component-folder ul, .plugin-folder ul, .layout-folder ul')];
+    const openLists = [...document.querySelectorAll('.show > ul')];
+    const fileModalFolders = [...document.querySelectorAll('#fileModal .folder-url')];
+    const folderModalFolders = [...document.querySelectorAll('#folderModal .folder-url')];
+    // Hide all the folders when the page loads
+    innerLists.forEach(innerList => {
+      innerList.classList.add('hidden');
+    });
+
+    // Show all the lists in the path of an open file
+    openLists.forEach(openList => {
+      openList.classList.remove('hidden');
+    });
+
+    // Stop the default action of anchor tag on a click event and release the inner list
+    folders.forEach(folder => {
+      folder.addEventListener('click', event => {
+        event.preventDefault();
+        const list = event.currentTarget.parentNode.querySelector('ul');
+        if (!list) {
+          return;
+        }
+        if (!list.classList.contains('hidden')) {
+          list.classList.add('hidden');
+        } else {
+          list.classList.remove('hidden');
+        }
+      });
+    });
+
+    // File modal tree selector
+    fileModalFolders.forEach(fileModalFolder => {
+      fileModalFolder.addEventListener('click', event => {
+        event.preventDefault();
+        fileModalFolders.forEach(fileModalFold => {
+          fileModalFold.classList.remove('selected');
+        });
+        event.currentTarget.classList.add('selected');
+        const ismedia = event.currentTarget.dataset.base === 'media' ? 1 : 0;
+        [...document.querySelectorAll('#fileModal input.address')].forEach(element => {
+          element.value = event.currentTarget.getAttribute('data-id');
+        });
+        [...document.querySelectorAll('#fileModal input[name="isMedia"]')].forEach(el => {
+          el.value = ismedia;
+        });
+      });
+    });
+
+    // Folder modal tree selector
+    folderModalFolders.forEach(folderModalFolder => {
+      folderModalFolder.addEventListener('click', event => {
+        event.preventDefault();
+        folderModalFolders.forEach(folderModalFldr => {
+          folderModalFldr.classList.remove('selected');
+        });
+        event.currentTarget.classList.add('selected');
+        const ismedia = event.currentTarget.dataset.base === 'media' ? 1 : 0;
+        [...document.querySelectorAll('#folderModal input.address')].forEach(element => {
+          element.value = event.currentTarget.getAttribute('data-id');
+        });
+        [...document.querySelectorAll('#folderModal input[name="isMedia"]')].forEach(el => {
+          el.value = ismedia;
+        });
+      });
+    });
+    const treeContainer = document.querySelector('#treeholder .treeselect');
+    const listEls = [...treeContainer.querySelectorAll('.folder.show')];
+    const filePathEl = document.querySelector('p.lead.hidden.path');
+    if (filePathEl) {
+      let filePathTmp = document.querySelector('p.lead.hidden.path').innerText;
+      if (filePathTmp && filePathTmp.charAt(0) === '/') {
+        filePathTmp = filePathTmp.slice(1);
+        filePathTmp = filePathTmp.split('/');
+        filePathTmp = filePathTmp[filePathTmp.length - 1];
+        listEls.forEach((element, index) => {
+          element.querySelector('a').classList.add('active');
+          if (index === listEls.length - 1) {
+            const parentUl = element.querySelector('ul');
+            [...parentUl.querySelectorAll('li')].forEach(liElement => {
+              const aEl = liElement.querySelector('a');
+              const spanEl = aEl.querySelector('span');
+              if (spanEl && spanEl.innerText.trim()) {
+                aEl.classList.add('active');
+              }
+            });
+          }
+        });
+      }
+    }
+
+    // Image cropper
+    const image = document.getElementById('image-crop');
+    if (image) {
+      const width = document.getElementById('imageWidth').value;
+      const height = document.getElementById('imageHeight').value;
+
+      // eslint-disable-next-line no-new
+      new window.Cropper(image, {
+        viewMode: 1,
+        scalable: true,
+        zoomable: false,
+        movable: false,
+        dragMode: 'crop',
+        cropBoxMovable: true,
+        cropBoxResizable: true,
+        autoCrop: true,
+        autoCropArea: 1,
+        background: true,
+        center: true,
+        minCanvasWidth: width,
+        minCanvasHeight: height
+      });
+      image.addEventListener('crop', e => {
+        document.getElementById('x').value = e.detail.x;
+        document.getElementById('y').value = e.detail.y;
+        document.getElementById('w').value = e.detail.width;
+        document.getElementById('h').value = e.detail.height;
+      });
+    }
+  });
+})();

media/com_templates/js/admin-templates-default.min.js

@@ -0,0 +1 @@
+document.addEventListener("DOMContentLoaded",(()=>{const e=[...document.querySelectorAll(".folder-url, .component-folder-url, .plugin-folder-url, .layout-folder-url")],t=[...document.querySelectorAll(".folder ul, .component-folder ul, .plugin-folder ul, .layout-folder ul")],l=[...document.querySelectorAll(".show > ul")],r=[...document.querySelectorAll("#fileModal .folder-url")],d=[...document.querySelectorAll("#folderModal .folder-url")];t.forEach((e=>{e.classList.add("hidden")})),l.forEach((e=>{e.classList.remove("hidden")})),e.forEach((e=>{e.addEventListener("click",(e=>{e.preventDefault();const t=e.currentTarget.parentNode.querySelector("ul");t&&(t.classList.contains("hidden")?t.classList.remove("hidden"):t.classList.add("hidden"))}))})),r.forEach((e=>{e.addEventListener("click",(e=>{e.preventDefault(),r.forEach((e=>{e.classList.remove("selected")})),e.currentTarget.classList.add("selected");const t="media"===e.currentTarget.dataset.base?1:0;[...document.querySelectorAll("#fileModal input.address")].forEach((t=>{t.value=e.currentTarget.getAttribute("data-id")})),[...document.querySelectorAll('#fileModal input[name="isMedia"]')].forEach((e=>{e.value=t}))}))})),d.forEach((e=>{e.addEventListener("click",(e=>{e.preventDefault(),d.forEach((e=>{e.classList.remove("selected")})),e.currentTarget.classList.add("selected");const t="media"===e.currentTarget.dataset.base?1:0;[...document.querySelectorAll("#folderModal input.address")].forEach((t=>{t.value=e.currentTarget.getAttribute("data-id")})),[...document.querySelectorAll('#folderModal input[name="isMedia"]')].forEach((e=>{e.value=t}))}))}));const o=[...document.querySelector("#treeholder .treeselect").querySelectorAll(".folder.show")];if(document.querySelector("p.lead.hidden.path")){let e=document.querySelector("p.lead.hidden.path").innerText;e&&"/"===e.charAt(0)&&(e=e.slice(1),e=e.split("/"),e=e[e.length-1],o.forEach(((e,t)=>{e.querySelector("a").classList.add("active"),t===o.length-1&&[...e.querySelector("ul").querySelectorAll("li")].forEach((e=>{const t=e.querySelector("a"),l=t.querySelector("span");l&&l.innerText.trim()&&t.classList.add("active")}))})))}const a=document.getElementById("image-crop");if(a){const e=document.getElementById("imageWidth").value,t=document.getElementById("imageHeight").value;new window.Cropper(a,{viewMode:1,scalable:!0,zoomable:!1,movable:!1,dragMode:"crop",cropBoxMovable:!0,cropBoxResizable:!0,autoCrop:!0,autoCropArea:1,background:!0,center:!0,minCanvasWidth:e,minCanvasHeight:t}),a.addEventListener("crop",(e=>{document.getElementById("x").value=e.detail.x,document.getElementById("y").value=e.detail.y,document.getElementById("w").value=e.detail.width,document.getElementById("h").value=e.detail.height}))}}));