json-crud-ui-comp-table 1.2.5 → 1.3.3

package/bin/v3/commands/TableComp/template/v2/Index/FormLoad/DomContentLoaded/AddListeners/CreateHtmlId/clickFunc.js

@@ -0,0 +1,24 @@
+import buildTable from "./BuildTable/index.js";
+
+const clickFuncToRun = ({ inCurrentTarget }) => {
+    // console.log("inCurrentTarget : ", inCurrentTarget);
+    applyActive({ inCurrentTarget });
+    // inCurrentTarget.classList.add("active");
+// debugger;
+    buildTable().then();
+};
+
+const applyActive = ({ inCurrentTarget }) => {
+    const localCurrentTarget = inCurrentTarget;
+
+    const menu = localCurrentTarget.closest("#menu");
+
+    menu.querySelectorAll("li a.active")
+        .forEach(a => a.classList.remove("active"));
+
+    localCurrentTarget.classList.add("active");
+
+    localCurrentTarget.classList.add("active");
+};
+
+export { clickFuncToRun };

package/bin/{v1/commands/HeaderOnly/template/v6/Index/FormLoad/DomContentLoaded/AddListeners/TallyUpId → v3/commands/TableComp/template/v2/Index/FormLoad/DomContentLoaded/AddListeners/CreateHtmlId}/start.js

@@ -1,7 +1,7 @@
 import { clickFuncToRun } from "./clickFunc.js";
 
 const funcToRun = () => {
-    const htmlElement = document.getElementById('tallyUpId');
+    const htmlElement = document.getElementById('CreateHtmlId');
     // debugger;
     htmlElement.addEventListener("click", (event) =>
         clickFuncToRun({ inCurrentTarget: event.currentTarget })

package/bin/{v1 → v3}/commands/TableComp/template/v2/Index/FormLoad/DomContentLoaded/AddListeners/start.js

@@ -1,6 +1,7 @@
 import showAllHtmlId from "./ShowAllHtmlId/start.js";
 import withSerialHtmlId from "./WithSerialHtmlId/start.js";
 import withSearchHtmlId from "./WithSearchHtmlId/start.js";
+import createHtmlId from "./CreateHtmlId/start.js";
 // import { funcToRun as addItemHtmlId } from "./AddItemHtmlId/start.js";
 // import { funcToRun as toTallyId } from "./toTallyId/start.js";
 
@@ -8,6 +9,7 @@ const hookAllListeners = () => {
     showAllHtmlId();
     withSerialHtmlId();
     withSearchHtmlId();
+    createHtmlId();
     // addItemHtmlId();
     // toTallyId();
 };

package/bin/v3/commands/TableComp/template/v2/Index/headers.json

@@ -0,0 +1,51 @@
+{
+    "uiClasses": {
+        "ulClass1": "[&_svg]:size-6"
+    },
+    "title": {
+        "text": "Items",
+        "htmlId": "htmlId"
+    },
+    "items": [
+        {
+            "text": "ShowAll",
+            "id": "ShowAllHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-10"
+            },
+            "svgName": "home"
+        },
+        {
+            "text": "WithSerial",
+            "id": "WithSerialHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-10"
+            },
+            "svgName": "serial"
+        },
+        {
+            "text": "WithSearch",
+            "id": "WithSearchHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-10"
+            },
+            "svgName": "search"
+        },
+        {
+            "text": "Create",
+            "id": "CreateHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-8"
+            },
+            "svgName": "home"
+        }
+    ]
+}

package/bin/{v1/commands/TableComp/template/v1 → v3/commands/TableComp/template/v2}/script.js

@@ -67,14 +67,14 @@ async function ensureKSHeader() {
     };
 
     function isKSTableLoaded() {
-        return !!window.KSTable;
+        return !!window.KSHeader;
     };
 
     async function tryGitHub() {
         try {
-            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-header-dom/Public/v4.3/ksheader.js");
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-header-dom/Public/v4.7/ksheader.js");
 
-            console.log("KSTable loaded from Local Server");
+            console.log("KSHeader loaded from git : tailwind-header-dom");
 
             if (fromPromise) return true;
         } catch { return false };
@@ -84,9 +84,7 @@ async function ensureKSHeader() {
 
     async function tryLocal() {
         try {
-            const fromPromise = await loadScriptAsModule("/header/v3/initHeader.js");
-
-            console.log("KSHeader loaded from Local Server");
+            const fromPromise = await loadScriptAsModule("/header/v4/initHeader.js");
 
             if (fromPromise) return true;
         } catch { return false };
@@ -180,9 +178,9 @@ async function ensureKSTableComp() {
 
     async function tryGitHub() {
         try {
-            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-table-dom-comp/Public/v3/kstable.js");
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-table-dom-comp/Public/v4/kstable.js");
 
-            console.log("KSTableComp loaded from git : tailwind-table-dom-comp-3");
+            console.log("KSTableComp loaded from git : tailwind-table-dom-comp-4");
 
             if (fromPromise) return true;
         } catch { return false };
@@ -211,10 +209,66 @@ async function ensureKSTableComp() {
 
     if (await tryGitHub()) return;
 
-    throw new Error("KSTable could not be loaded");
+    throw new Error("KSTableComp could not be loaded");
+};
+
+async function ensureKSVertical() {
+    function loadScriptAsModule(src) {
+        return new Promise((resolve, reject) => {
+            const script = document.createElement("script");
+
+            script.src = src;
+            script.onload = () => resolve(true);
+            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
+            script.type = "module";
+
+            document.head.appendChild(script);
+        });
+    };
+
+    function isKSVerticalLoaded() {
+        return !!window.KSVertical;
+    };
+
+    async function tryGitHub() {
+        try {
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-vertical-dom/Public/v3/ksvertical.js");
+
+            console.log("KSVertical loaded from git : tailwind-vertical-dom");
+
+            if (fromPromise) return true;
+        } catch { return false };
+
+        return false;
+    };
+
+    async function tryLocal() {
+        try {
+            const fromPromise = await loadScriptAsModule("/TableComp/v4/entry.js");
+
+            console.log("KSVertical loaded from Local Server : TableComp/v1");
+
+            if (fromPromise) return true;
+        } catch { return false };
+
+        return false;
+    };
+
+    if (isKSVerticalLoaded()) {
+        console.log("KSVertical loaded from Firefox Extension");
+        return;
+    };
+
+    if (await tryLocal()) return;
+
+    if (await tryGitHub()) return;
+
+    throw new Error("KSVertical could not be loaded");
 };
 
 await ensureTailwind();
 await ensureKSHeader();
+
 ensureKSTable().then();
-ensureKSTableComp().then();
+ensureKSTableComp().then();
+ensureKSVertical().then();

package/bin/{v1/commands/HeaderOnly/template/v6/Index/Configs/ShowAll → v3/commands/TableComp/template/v3/Index/Configs/Create}/config.json

@@ -1,60 +1,65 @@
-{
-    "containerId": "kSTableContainer",
-    "tableName": "",
-    "mode": "create",
-    "layout": {
-        "verticalPosition": "top",
-        "type": "table"
-    },
-    "endPoints": {
-        "create": "",
-        "update": "",
-        "delete": "",
-        "read": "/Api/V1/LedgerNames/ShowAll",
-        "find": "",
-        "filter": "",
-        "dataLists": {}
-    },
-    "options": {
-        "enabledSections": [
-            "vertical",
-            "table",
-            "footer"
-        ]
-    },
-    "columnsConfig": [
-        {
-            "columnName": "LedgerName",
-            "title": "LedgerName",
-            "cellConfig": {
-                "width": "150px"
-            },
-            "isSearchable": false,
-            "dataListSource": "Dates.Date"
-        },
-        {
-            "columnName": "LedgerParentName",
-            "title": "Parent Name",
-            "cellConfig": {
-                "width": "100px"
-            },
-            "isSearchable": false,
-            "dataListSource": "AccountNames.AccountName"
-        },
-        {
-            "columnName": "GstRegistrationType",
-            "title": "Registration Type",
-            "cellConfig": {
-                "width": "100px"
-            }
-        },
-        {
-            "columnName": "PartyGSTIN",
-            "title": "GSTIN",
-            "cellConfig": {
-                "width": "100px",
-                "tableFooter": {}
-            }
-        }
-    ]
+{
+    "containerId": "kSTableContainer",
+    "tableName": "",
+    "mode": "create",
+    "layout": {
+        "verticalPosition": "top",
+        "type": "table"
+    },
+    "endPoints": {
+        "create": "/Api/V1/StockItems/Insert",
+        "update": "",
+        "delete": "",
+        "read": "/Api/V1/LedgerNames/ShowAll",
+        "find": "",
+        "filter": "",
+        "dataLists": {}
+    },
+    "options": {
+        "enabledSections": [
+            "vertical",
+            "table",
+            "footer"
+        ]
+    },
+    "columnsConfig": [
+        {
+            "columnName": "LedgerName",
+            "title": "LedgerName",
+            "cellConfig": {
+                "width": "150px"
+            },
+            "isSearchable": false,
+            "dataListSource": "Dates.Date"
+        },
+        {
+            "columnName": "LedgerParentName",
+            "title": "Parent Name",
+            "cellConfig": {
+                "width": "100px"
+            },
+            "isSearchable": false,
+            "dataListSource": "AccountNames.AccountName"
+        },
+        {
+            "columnName": "GstRegistrationType",
+            "title": "Registration Type",
+            "cellConfig": {
+                "width": "100px"
+            }
+        },
+        {
+            "columnName": "PartyGSTIN",
+            "title": "GSTIN",
+            "cellConfig": {
+                "width": "100px",
+                "tableFooter": {}
+            }
+        }
+    ],
+    "callbacks": {
+        "vertical": {
+            "onSuccess": "func"
+        }
+    }
 }

package/bin/{v1/commands/ShowAll/template/v2 → v3/commands/TableComp/template/v3/Index/Configs/ShowAll}/config.json

@@ -1,59 +1,60 @@
-{
-    "containerId": "kSTableContainer",
-    "tableName": "",
-    "mode": "create",
-    "layout": {
-        "verticalPosition": "top",
-        "type": "table"
-    },
-    "endPoints": {
-        "create": "",
-        "update": "",
-        "delete": "",
-        "read": "/Api/V4/LedgerNames/ShowAll",
-        "find": "",
-        "filter": "",
-        "dataLists": {}
-    },
-    "options": {
-        "enabledSections": [
-            "vertical",
-            "table",
-            "footer"
-        ]
-    },
-    "columnsConfig": [
-        {
-            "columnName": "LedgerName",
-            "cellConfig": {
-                "width": "150px"
-            },
-            "isSearchable": false,
-            "dataListSource": "Dates.Date"
-        },
-        {
-            "columnName": "LedgerParentName",
-            "title": "Parent Name",
-            "cellConfig": {
-                "width": "100px"
-            },
-            "isSearchable": false,
-            "dataListSource": "AccountNames.AccountName"
-        },
-        {
-            "columnName": "GstRegistrationType",
-            "title": "Registration Type",
-            "cellConfig": {
-                "width": "100px"
-            }
-        },
-        {
-            "columnName": "PartyGSTIN",
-            "title": "GSTIN",
-            "cellConfig": {
-                "width": "100px",
-                "tableFooter": {}
-            }
-        }
-    ]
+{
+    "containerId": "kSTableContainer",
+    "tableName": "",
+    "mode": "create",
+    "layout": {
+        "verticalPosition": "top",
+        "type": "table"
+    },
+    "endPoints": {
+        "create": "",
+        "update": "",
+        "delete": "",
+        "read": "/Api/V4/LedgerNames/ShowAll",
+        "find": "",
+        "filter": "",
+        "dataLists": {}
+    },
+    "options": {
+        "enabledSections": [
+            "vertical",
+            "table",
+            "footer"
+        ]
+    },
+    "columnsConfig": [
+        {
+            "columnName": "LedgerName",
+            "title": "LedgerName",
+            "cellConfig": {
+                "width": "150px"
+            },
+            "isSearchable": false,
+            "dataListSource": "Dates.Date"
+        },
+        {
+            "columnName": "LedgerParentName",
+            "title": "Parent Name",
+            "cellConfig": {
+                "width": "100px"
+            },
+            "isSearchable": false,
+            "dataListSource": "AccountNames.AccountName"
+        },
+        {
+            "columnName": "GstRegistrationType",
+            "title": "Registration Type",
+            "cellConfig": {
+                "width": "100px"
+            }
+        },
+        {
+            "columnName": "PartyGSTIN",
+            "title": "GSTIN",
+            "cellConfig": {
+                "width": "100px",
+                "tableFooter": {}
+            }
+        }
+    ]
 }

package/bin/{v1/commands/WithHeader/template/v8 → v3/commands/TableComp/template/v3}/Index/Configs/WithSearch/config.json

@@ -1,66 +1,69 @@
-{
-    "containerId": "kSTableContainer",
-    "tableName": "Ledger Names",
-    "mode": "create",
-    "layout": {
-        "verticalPosition": "top",
-        "type": "table"
-    },
-    "endPoints": {
-        "create": "",
-        "update": "",
-        "delete": "",
-        "read": "/Api/V1/LedgerNames/ShowAll",
-        "find": "",
-        "filter": "",
-        "dataLists": {}
-    },
-    "options": {
-        "firstRow": {
-            "showSearch": true
-        },
-        "enabledSections": [
-            "vertical",
-            "table",
-            "footer"
-        ],
-        "table": {
-            "showSerial": true
-        }
-    },
-    "columnsConfig": [
-        {
-            "columnName": "LedgerName",
-            "title": "LedgerName",
-            "cellConfig": {
-                "width": "150px"
-            },
-            "isSearchable": false,
-            "dataListSource": "Dates.Date"
-        },
-        {
-            "columnName": "LedgerParentName",
-            "title": "Parent Name",
-            "cellConfig": {
-                "width": "100px"
-            },
-            "isSearchable": false,
-            "dataListSource": "AccountNames.AccountName"
-        },
-        {
-            "columnName": "GstRegistrationType",
-            "title": "Registration Type",
-            "cellConfig": {
-                "width": "100px"
-            }
-        },
-        {
-            "columnName": "PartyGSTIN",
-            "title": "GSTIN",
-            "cellConfig": {
-                "width": "100px",
-                "tableFooter": {}
-            }
-        }
-    ]
+{
+    "containerId": "kSTableContainer",
+    "tableName": "Ledger Names",
+    "mode": "create",
+    "layout": {
+        "verticalPosition": "top",
+        "type": "table"
+    },
+    "endPoints": {
+        "create": "",
+        "update": "",
+        "delete": "",
+        "read": "/Api/V1/LedgerNames/ShowAll",
+        "find": "",
+        "filter": "",
+        "dataLists": {}
+    },
+    "options": {
+        "firstRow": {
+            "showSearch": true
+        },
+        "enabledSections": [
+            "vertical",
+            "table",
+            "footer"
+        ],
+        "table": {
+            "showSerial": true,
+            "showFooterRows": true,
+            "showBalance": true,
+            "showTotals": true
+        }
+    },
+    "columnsConfig": [
+        {
+            "columnName": "LedgerName",
+            "title": "LedgerName",
+            "cellConfig": {
+                "width": "150px"
+            },
+            "isSearchable": false,
+            "dataListSource": "Dates.Date"
+        },
+        {
+            "columnName": "LedgerParentName",
+            "title": "Parent Name",
+            "cellConfig": {
+                "width": "100px"
+            },
+            "isSearchable": false,
+            "dataListSource": "AccountNames.AccountName"
+        },
+        {
+            "columnName": "GstRegistrationType",
+            "title": "Registration Type",
+            "cellConfig": {
+                "width": "100px"
+            }
+        },
+        {
+            "columnName": "PartyGSTIN",
+            "title": "GSTIN",
+            "cellConfig": {
+                "width": "100px",
+                "tableFooter": {}
+            }
+        }
+    ]
 }