@iamproperty/components 5.5.1-beta-4 → 5.6.0

package/assets/ts/modules/table.ts

@@ -195,8 +195,9 @@ export const addFilterEventListeners = (table, form, pagination, wrapper, savedT
 
       loadAjaxTable(table, form, pagination,wrapper);
     }
-    else if(form.hasAttribute('data-submit'))
+    else if(form.hasAttribute('data-submit')){
       form.submit();
+    }
     else {
       filterTable(table, form, wrapper);
       populateDataQueries(table,form);
@@ -247,8 +248,9 @@ export const addFilterEventListeners = (table, form, pagination, wrapper, savedT
     
     if (event && event.target instanceof HTMLElement && event.target.closest('[data-sort]')){
       
-      if(!form.hasAttribute('data-submit'))
+      if(!form.hasAttribute('data-submit')){
         sortTable(table, form, savedTableBody);
+      }
 
       formSubmit(event);
     }
@@ -281,6 +283,16 @@ export const addFilterEventListeners = (table, form, pagination, wrapper, savedT
         
       formSubmit(event);
     }
+
+
+    if(event && event.target instanceof HTMLElement && event.target.hasAttribute('id')){
+      
+      let id = event.target.getAttribute('id');
+
+      if(document.querySelector(`[data-duplicate="${id}"]`)){
+        document.querySelector(`[data-duplicate="${id}"]`).checked = event.target.checked;
+      }
+    }
   });
 
 
@@ -353,8 +365,9 @@ export const addFilterEventListeners = (table, form, pagination, wrapper, savedT
 
       form.classList.remove('processing');
 
-      if(!form.hasAttribute('data-submit'))
+      if(!form.hasAttribute('data-submit')){
         sortTable(table, form, savedTableBody);
+      }
 
       formSubmit(event);
     }
@@ -364,8 +377,9 @@ export const addFilterEventListeners = (table, form, pagination, wrapper, savedT
 
     clearTimeout(timer);
 
-    if(!form.hasAttribute('data-submit'))
+    if(!form.hasAttribute('data-submit')){
       event.preventDefault();
+    }
 
     formSubmit(event);
   });
@@ -396,11 +410,13 @@ export const addFilterEventListeners = (table, form, pagination, wrapper, savedT
 
       let parentForm = mimicInput.closest('form');
 
-      if(!forms.includes(parentForm))
+      if(!forms.includes(parentForm)){
         forms.push(parentForm);
+      }
 
-      if(!fields.includes(mimicField))
+      if(!fields.includes(mimicField)){
         fields.push(mimicField);
+      }
       
     });
   });
@@ -495,20 +511,23 @@ export const sortTable = (table, form, savedTableBody) => {
 
     let rowIndex = tableRow.querySelector('td[data-label="'+sortBy+'"], th[data-label="'+sortBy+'"]').textContent.trim();
 
-    if(tableRow.querySelector('[data-label="'+sortBy+'"] .td__content'))
+    if(tableRow.querySelector('[data-label="'+sortBy+'"] .td__content')){
       rowIndex = tableRow.querySelector('[data-label="'+sortBy+'"] .td__content').textContent.trim();
+    }
 
     // If a predefined order set replace the search term with an ordered numeric value so it can be sorted
     if(orderArray.length && orderArray.includes(rowIndex)){
       rowIndex = orderArray.indexOf(rowIndex);
     }
 
-    if(isNumeric(rowIndex))
-      rowIndex = zeroPad(rowIndex,10)
+    if(isNumeric(rowIndex)){
+      rowIndex = zeroPad(rowIndex,10);
+    }
 
     // If the sort format is date then lets transform the index to a sortable date (this is never displayed)
-    if(format && format == "date")
+    if(format && format == "date"){
       rowIndex = new Date(rowIndex);
+    }
     
     const dataRow = {
       index: rowIndex,
@@ -521,8 +540,10 @@ export const sortTable = (table, form, savedTableBody) => {
   tableArr.sort((a, b) => (a.index > b.index) ? 1 : -1)
 
   // Reverse if descending
-  if(order == "descending" || order == "desc")
+  if(order == "descending" || order == "desc"){
     tableArr = tableArr.reverse();
+  }
+    
 
   // Create a string to return and populate the tbody
   let strTbody = '';
@@ -571,10 +592,13 @@ export const filterTable = (table, form, wrapper) => {
   let filterCount = 0;
   Object.values(filters).forEach((filter, index) => {
 
-    if(typeof filter == "object" && Object.values(filter).length)
+    if(typeof filter == "object" && Object.values(filter).length){
       filterCount += Object.values(filter).length;
-    else
+    }
+    else {
       filterCount++;
+    }
+      
   });
 
   if(filterCount) {
@@ -634,8 +658,9 @@ export const filterTable = (table, form, wrapper) => {
         }
         
         // Dynamic values
-        if(filter && filter == "$today")
+        if(filter && filter == "$today"){
           filter = formatCell('date', new Date());
+        }
         else if(filter && filter == "$yesterday"){
 
           let yesterday = new Date();
@@ -725,8 +750,9 @@ export const filterTable = (table, form, wrapper) => {
 
     });
 
-    if(!isSearched)
+    if(!isSearched){
       row.classList.add('filtered');
+    }
   });
 
   // Work out what to display after pagination
@@ -738,8 +764,9 @@ export const filterTable = (table, form, wrapper) => {
 
     // pagination bit 
     let matchesPage = Math.ceil(matched/showRows);
-    if(matchesPage == parseInt(page))
+    if(matchesPage == parseInt(page)){
       row.classList.add('filtered--show');
+    }
   });
 
   if(wrapper){
@@ -808,10 +835,13 @@ export const populateDataQueries = (table,form,wrapper) => {
       }).length;
     }
 
-    if(queryElement.hasAttribute('data-total'))
+    if(queryElement.hasAttribute('data-total')){
       queryElement.setAttribute('data-total', numberOfMatchedRows);
-    else
+    }
+    else {
       queryElement.innerHTML = numberOfMatchedRows;
+    }
+      
   });
 }
 
@@ -858,8 +888,9 @@ export const addPaginationEventListeners = function(table, form, pagination, wra
 // Export CSV Data
 export const addExportEventListeners = (button, table) => {
 
-  if(!button)
+  if(!button){
     return false;
+  }
 
   button.addEventListener('click', (event) => {
     exportAsCSV(table);