primo commit

media/mod_sampledata/js/sampledata-process.js

@@ -0,0 +1,169 @@
+/**
+ * @copyright  (C) 2018 Open Source Matters, Inc. <https://www.joomla.org>
+ * @license    GNU General Public License version 2 or later; see LICENSE.txt
+ */
+const SampleData = {
+  inProgress: false
+};
+const sampledataAjax = (type, steps, step) => {
+  // Get variables
+  const baseUrl = `index.php?option=com_ajax&format=json&group=sampledata&${Joomla.getOptions('csrf.token')}=1`;
+
+  // Create list
+  const list = document.createElement('div');
+  list.classList.add(`sampledata-steps-${type}-${step}`);
+  list.setAttribute('role', 'region');
+  list.setAttribute('aria-live', 'polite');
+
+  // Create paragraph
+  const para = document.createElement('p');
+  para.classList.add('loader-image');
+
+  // Create image
+  const loaderEl = document.createElement('joomla-core-loader');
+  loaderEl.setAttribute('inline', true);
+  loaderEl.setAttribute('size', 60);
+  loaderEl.setAttribute('color', 'transparent');
+
+  // Append everything
+  para.appendChild(loaderEl);
+  list.appendChild(para);
+  document.querySelector(`.sampledata-progress-${type}`).appendChild(list);
+  Joomla.request({
+    url: `${baseUrl}&type=${type}&plugin=SampledataApplyStep${step}&step=${step}`,
+    method: 'GET',
+    perform: true,
+    onSuccess: resp => {
+      // Remove loader image
+      const loader = list.querySelector('.loader-image');
+      loader.parentNode.removeChild(loader);
+      let response = {};
+      try {
+        response = JSON.parse(resp);
+      } catch (e) {
+        Joomla.renderMessages({
+          error: [Joomla.Text._('MOD_SAMPLEDATA_INVALID_RESPONSE')]
+        }, `.sampledata-steps-${type}-${step}`);
+        SampleData.inProgress = false;
+        return;
+      }
+      let progressClass = '';
+      let success;
+      if (response.success && response.data && response.data.length > 0) {
+        const progress = document.querySelector(`.sampledata-progress-${type} .progress-bar`);
+
+        // Display all messages that we got
+        response.data.forEach(value => {
+          if (value === null) {
+            return;
+          }
+
+          // eslint-disable-next-line prefer-destructuring
+          success = value.success;
+          progressClass = success ? 'bg-success' : 'bg-danger';
+
+          // Display success alert
+          if (success) {
+            Joomla.renderMessages({
+              message: [value.message]
+            }, `.sampledata-steps-${type}-${step}`, false, 3000);
+          } else {
+            Joomla.renderMessages({
+              error: [value.message]
+            }, `.sampledata-steps-${type}-${step}`, false);
+          }
+        });
+
+        // Update progress
+        progress.innerText = `${step}/${steps}`;
+        progress.style.width = `${step / steps * 100}%`;
+        progress.setAttribute('aria-valuemin', 0);
+        progress.setAttribute('aria-valuemax', 100);
+        progress.setAttribute('aria-valuenow', step / steps * 100);
+        progress.classList.add(progressClass);
+
+        // Move on next step
+        if (success && step <= steps) {
+          const stepNew = step + 1;
+          if (stepNew <= steps) {
+            sampledataAjax(type, steps, stepNew);
+          } else {
+            const bar = document.querySelector(`.sampledata-progress-${type}`);
+            bar.parentNode.removeChild(bar);
+            Joomla.renderMessages({
+              message: [Joomla.Text._('MOD_SAMPLEDATA_COMPLETED')]
+            });
+            window.scroll({
+              top: 0,
+              left: 0,
+              behavior: 'smooth'
+            });
+            SampleData.inProgress = false;
+          }
+        }
+      } else {
+        // Display error alert
+        Joomla.renderMessages({
+          error: [Joomla.Text._('MOD_SAMPLEDATA_INVALID_RESPONSE')]
+        });
+        window.scroll({
+          top: 0,
+          left: 0,
+          behavior: 'smooth'
+        });
+        SampleData.inProgress = false;
+      }
+    },
+    onError: () => {
+      Joomla.renderMessages({
+        error: [Joomla.Text._('MOD_SAMPLEDATA_ERROR_RESPONSE')]
+      });
+      window.scroll({
+        top: 0,
+        left: 0,
+        behavior: 'smooth'
+      });
+      SampleData.inProgress = false;
+    }
+  });
+};
+const sampledataApply = element => {
+  const type = element.getAttribute('data-type');
+  const steps = element.getAttribute('data-steps');
+
+  // Check whether the work in progress or we already processed with current item
+  if (SampleData.inProgress) {
+    return;
+  }
+  if (element.getAttribute('data-processed')) {
+    alert(Joomla.Text._('MOD_SAMPLEDATA_ITEM_ALREADY_PROCESSED'));
+    SampleData.inProgress = false;
+    return;
+  }
+
+  // Make sure that use run this not by random clicking on the page links
+  // @todo use the CE Modal here
+  if (!window.confirm(Joomla.Text._('MOD_SAMPLEDATA_CONFIRM_START'))) {
+    // eslint-disable-next-line consistent-return
+    return false;
+  }
+
+  // Turn on the progress container
+  document.querySelectorAll(`.sampledata-progress-${type}`).forEach(progressElement => {
+    progressElement.classList.remove('d-none');
+  });
+  element.setAttribute('data-processed', true);
+  SampleData.inProgress = true;
+  sampledataAjax(type, steps, 1);
+
+  // eslint-disable-next-line consistent-return
+  return false;
+};
+const sampleDataWrapper = document.getElementById('sample-data-wrapper');
+if (sampleDataWrapper) {
+  sampleDataWrapper.querySelectorAll('.apply-sample-data').forEach(link => {
+    link.addEventListener('click', ({
+      currentTarget
+    }) => sampledataApply(currentTarget));
+  });
+}

media/mod_sampledata/js/sampledata-process.min.js

@@ -0,0 +1,4 @@
+/**
+ * @copyright  (C) 2018 Open Source Matters, Inc. <https://www.joomla.org>
+ * @license    GNU General Public License version 2 or later; see LICENSE.txt
+ */const SampleData={inProgress:!1},sampledataAjax=(e,r,a)=>{const i=`index.php?option=com_ajax&format=json&group=sampledata&${Joomla.getOptions("csrf.token")}=1`,o=document.createElement("div");o.classList.add(`sampledata-steps-${e}-${a}`),o.setAttribute("role","region"),o.setAttribute("aria-live","polite");const c=document.createElement("p");c.classList.add("loader-image");const n=document.createElement("joomla-core-loader");n.setAttribute("inline",!0),n.setAttribute("size",60),n.setAttribute("color","transparent"),c.appendChild(n),o.appendChild(c),document.querySelector(`.sampledata-progress-${e}`).appendChild(o),Joomla.request({url:`${i}&type=${e}&plugin=SampledataApplyStep${a}&step=${a}`,method:"GET",perform:!0,onSuccess:A=>{const m=o.querySelector(".loader-image");m.parentNode.removeChild(m);let l={};try{l=JSON.parse(A)}catch{Joomla.renderMessages({error:[Joomla.Text._("MOD_SAMPLEDATA_INVALID_RESPONSE")]},`.sampledata-steps-${e}-${a}`),SampleData.inProgress=!1;return}let p="",d;if(l.success&&l.data&&l.data.length>0){const s=document.querySelector(`.sampledata-progress-${e} .progress-bar`);if(l.data.forEach(t=>{t!==null&&(d=t.success,p=d?"bg-success":"bg-danger",d?Joomla.renderMessages({message:[t.message]},`.sampledata-steps-${e}-${a}`,!1,3e3):Joomla.renderMessages({error:[t.message]},`.sampledata-steps-${e}-${a}`,!1))}),s.innerText=`${a}/${r}`,s.style.width=`${a/r*100}%`,s.setAttribute("aria-valuemin",0),s.setAttribute("aria-valuemax",100),s.setAttribute("aria-valuenow",a/r*100),s.classList.add(p),d&&a<=r){const t=a+1;if(t<=r)sampledataAjax(e,r,t);else{const u=document.querySelector(`.sampledata-progress-${e}`);u.parentNode.removeChild(u),Joomla.renderMessages({message:[Joomla.Text._("MOD_SAMPLEDATA_COMPLETED")]}),window.scroll({top:0,left:0,behavior:"smooth"}),SampleData.inProgress=!1}}}else Joomla.renderMessages({error:[Joomla.Text._("MOD_SAMPLEDATA_INVALID_RESPONSE")]}),window.scroll({top:0,left:0,behavior:"smooth"}),SampleData.inProgress=!1},onError:()=>{Joomla.renderMessages({error:[Joomla.Text._("MOD_SAMPLEDATA_ERROR_RESPONSE")]}),window.scroll({top:0,left:0,behavior:"smooth"}),SampleData.inProgress=!1}})},sampledataApply=e=>{const r=e.getAttribute("data-type"),a=e.getAttribute("data-steps");if(!SampleData.inProgress){if(e.getAttribute("data-processed")){alert(Joomla.Text._("MOD_SAMPLEDATA_ITEM_ALREADY_PROCESSED")),SampleData.inProgress=!1;return}return window.confirm(Joomla.Text._("MOD_SAMPLEDATA_CONFIRM_START"))&&(document.querySelectorAll(`.sampledata-progress-${r}`).forEach(i=>{i.classList.remove("d-none")}),e.setAttribute("data-processed",!0),SampleData.inProgress=!0,sampledataAjax(r,a,1)),!1}},sampleDataWrapper=document.getElementById("sample-data-wrapper");sampleDataWrapper&&sampleDataWrapper.querySelectorAll(".apply-sample-data").forEach(e=>{e.addEventListener("click",({currentTarget:r})=>sampledataApply(r))});