table-sort-js - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

package.json

 {
 "name": "table-sort-js",
-"version": "1.0.4",
+"version": "1.0.5",
 "description": "A JavaScript client-side HTML table sorting library with no dependencies required.",
@@ -13,2 +13,3 @@ "license": "MIT",
     "table-sort-js",
+    "sort-table-js",
     "table-sort",
@@ -19,5 +20,12 @@ "sort-table",
     "npm",
-    "JavaScript"
+    "JavaScript",
+    "js",
+    "table sort",
+    "table sort js",
+    "js sort table",
+    "sort table js",
+    "sort table",
+    "sort html table"
   ]
 }
 

table-sort.js

 /* 
 table-sort-js
-Author: Lee Wannacott - 2020.
-npm install table-sort-js or <script src="https://leewannacott.github.io/table-sort-js/table-sort.js">
+Author: Lee Wannacott
+Licence: MIT License Copyright (c) 2021 Lee Wannacott 
+    
+GitHub Repository: https://github.com/LeeWannacott/table-sort-js
+npm package: https://www.npmjs.com/package/table-sort-js
 
+Install:
+Frontend: <script src="https://leewannacott.github.io/table-sort-js/table-sort.js"></script> or
+Download this file and Add <script src="table-sort.js"></script> to your HTML 
+
+Backend: npm install table-sort-js and use require("../node_modules/table-sort-js/table-sort.js") 
+
 Instructions:
-Add class="table-sort" to <table> and click on column headers to sort.
-For more information: https://github.com/LeeWannacott/table-sort-js
+  Add class="table-sort" to tables you'd like to make sortable
+  Click on the table headers to sort them.
 */
 
-function tableSortJs(){
+function tableSortJs() {
     const columnData = [];
-    const dictOfColumnIndexAndTableRow = {
-    }
-    for (let sortableTable of document.getElementsByTagName('table')) {
-        if (sortableTable.className === 'table-sort') {
-        if (sortableTable.getElementsByTagName('thead').length === 0) {
-                const the = document.createElement('thead');
+    const dictOfColumnIndexAndTableRow = {};
+    for (let sortableTable of document.getElementsByTagName("table")) {
+        if (sortableTable.className === "table-sort") {
+            if (sortableTable.getElementsByTagName("thead").length === 0) {
+                const the = document.createElement("thead");
                 the.appendChild(sortableTable.rows[0]);
-                sortableTable.insertBefore(the,sortableTable.firstChild);
-        }
+                sortableTable.insertBefore(the, sortableTable.firstChild);
+            }
 
-        const tableHead = sortableTable.querySelector('thead')
-        const tableBody = sortableTable.querySelector('tbody')
-        const tableHeadHeaders = tableHead.querySelectorAll('th')
-        
-        for (let [columnIndex, th] of tableHeadHeaders.entries('table')) {
-        let timesClickedColumn = 0
+            const tableHead = sortableTable.querySelector("thead");
+            const tableBody = sortableTable.querySelector("tbody");
+            const tableHeadHeaders = tableHead.querySelectorAll("th");
 
-        th.addEventListener("click", function () {
-            timesClickedColumn += 1
+            for (let [columnIndex, th] of tableHeadHeaders.entries("table")) {
+                let timesClickedColumn = 0;
 
-            function getTableDataOnClick() {
-            const tableRows = tableBody.querySelectorAll('tr');
-            for (let [i, tr] of tableRows.entries()) {
-                if (tr.querySelectorAll('td').item(columnIndex).innerHTML !== ''){
-                columnData.push(tr.querySelectorAll('td').item(columnIndex).innerHTML+'#'+i)
-                dictOfColumnIndexAndTableRow[tr.querySelectorAll('td').item(columnIndex).innerHTML+'#'+i] = tr.innerHTML
-                } else{
-                // Fill in blank table cells with a value(0), so they can be sorted.
-                columnData.push('0#'+i)
-                dictOfColumnIndexAndTableRow['0#'+i] = tr.innerHTML
-                }
-            }
-            function naturalSortAescending(a,b){
-                return a.localeCompare(b, navigator.languages[0] || navigator.language,
-                    {numeric: true, ignorePunctuation: true})
-            }
-            function naturalSortDescending(a,b){
-                return naturalSortAescending(b,a)
-            }
+                th.addEventListener("click", function () {
+                    timesClickedColumn += 1;
 
-            // Sort naturally; default aescending unless th is using 'order-by-desc' as className.
-            if (typeof columnData[0] !== "undefined") {
-                if (th.className === 'order-by-desc' && timesClickedColumn === 1){
-                columnData.sort(naturalSortDescending,{numeric: true, ignorePunctuation: true})
-                } else if(th.className === 'order-by-desc' && timesClickedColumn === 2){
-                columnData.sort(naturalSortAescending,{numeric: true, ignorePunctuation: true})
-                    timesClickedColumn = 0
-                } else if (timesClickedColumn === 1){   
-                columnData.sort(naturalSortAescending)         
-                } else if (timesClickedColumn === 2){
-                columnData.sort(naturalSortDescending)
-                timesClickedColumn = 0
-                    } 
-                }
+                    function getTableDataOnClick() {
+                        const tableRows = tableBody.querySelectorAll("tr");
+                        for (let [i, tr] of tableRows.entries()) {
+                            if (
+                                tr.querySelectorAll("td").item(columnIndex)
+                                    .innerHTML !== ""
+                            ) {
+                                columnData.push(
+                                    tr.querySelectorAll("td").item(columnIndex)
+                                        .innerHTML +
+                                        "#" +
+                                        i
+                                );
+                                dictOfColumnIndexAndTableRow[
+                                    tr.querySelectorAll("td").item(columnIndex)
+                                        .innerHTML +
+                                        "#" +
+                                        i
+                                ] = tr.innerHTML;
+                            } else {
+                                // Fill in blank table cells with a value(0)
+                                columnData.push("0#" + i);
+                                dictOfColumnIndexAndTableRow["0#" + i] =
+                                    tr.innerHTML;
+                            }
+                        }
+                        function naturalSortAescending(a, b) {
+                            return a.localeCompare(
+                                b,
+                                navigator.languages[0] || navigator.language,
+                                { numeric: true, ignorePunctuation: true }
+                            );
+                        }
+                        function naturalSortDescending(a, b) {
+                            return naturalSortAescending(b, a);
+                        }
+
+                        // Sort naturally; default aescending unless th is using 'order-by-desc' as className.
+                        if (typeof columnData[0] !== "undefined") {
+                            if (
+                                th.className === "order-by-desc" &&
+                                timesClickedColumn === 1
+                            ) {
+                                columnData.sort(naturalSortDescending, {
+                                    numeric: true,
+                                    ignorePunctuation: true,
+                                });
+                            } else if (
+                                th.className === "order-by-desc" &&
+                                timesClickedColumn === 2
+                            ) {
+                                columnData.sort(naturalSortAescending, {
+                                    numeric: true,
+                                    ignorePunctuation: true,
+                                });
+                                timesClickedColumn = 0;
+                            } else if (timesClickedColumn === 1) {
+                                columnData.sort(naturalSortAescending);
+                            } else if (timesClickedColumn === 2) {
+                                columnData.sort(naturalSortDescending);
+                                timesClickedColumn = 0;
+                            }
+                        }
+                    }
+                    getTableDataOnClick();
+                    function returnSortedTable() {
+                        const tableRows = tableBody.querySelectorAll("tr");
+                        for (let [i, tr] of tableRows.entries()) {
+                            tr.innerHTML =
+                                dictOfColumnIndexAndTableRow[columnData[i]];
+                        }
+                        columnData.length = 0;
+                    }
+                    returnSortedTable();
+                });
             }
-            getTableDataOnClick();
-            function returnSortedTable() {
-            const tableRows = tableBody.querySelectorAll('tr');
-            for (let [i, tr] of tableRows.entries()) {
-                tr.innerHTML = dictOfColumnIndexAndTableRow[columnData[i]]
-            }
-            columnData.length = 0
-            }
-            returnSortedTable()
-        });
-            }
-    
         }
@@ -84,4 +121,9 @@ }
 
-if(document.readyState === 'complete' || document.readyState === "interactive"){tableSortJs()
-}else if(document.readyState === "loading"){document.addEventListener("DOMContentLoaded",tableSortJs,false)}
-
+if (
+    document.readyState === "complete" ||
+    document.readyState === "interactive"
+) {
+    tableSortJs();
+} else if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", tableSortJs, false);
+}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

10401

increased by25.69%

Lines of code

117

increased by53.95%

No dependency changes