json-crud-ui-comp-table 1.4.2 → 1.6.6

package/bin/v6/commands/TableComp/template/v6/Index/Configs/WithSearch/config.json

@@ -0,0 +1,335 @@
+{
+    "containerId": "kSTableContainer",
+    "tableName": "Ledger Names",
+    "mode": "create",
+    "layout": {
+        "verticalPosition": "top",
+        "type": "table"
+    },
+    "endPoints1": {
+        "create": "",
+        "update": "",
+        "delete": "",
+        "read": "/Api/V1/ItemsTable/ShowAll",
+        "find": "",
+        "filter": "",
+        "dataLists": {}
+    },
+    "options": {
+        "firstRow": {
+            "showSearch": true
+        },
+        "enabledSections": [
+            "vertical",
+            "table",
+            "footer"
+        ],
+        "table": {
+            "showSerial": true,
+            "showFooterRows": false,
+            "showBalance": false,
+            "showTotals": false,
+            "showActions": false,
+            "showFooter": false
+        }
+    },
+    "columnsConfig1": [
+        {
+            "columnName": "StockItemName",
+            "title": "StockItemName",
+            "field": "StockItemName",
+            "cellConfig": {
+                "width": "150px"
+            },
+            "isConsider": true
+        },
+        {
+            "columnName": "StockGstApplicable",
+            "title": "StockGstApplicable",
+            "field": "StockGstApplicable",
+            "cellConfig": {
+                "width": "150px"
+            },
+            "isConsider": true
+        },
+        {
+            "columnName": "StockBaseUnits",
+            "title": "StockBaseUnits",
+            "field": "StockBaseUnits",
+            "cellConfig": {
+                "width": "150px"
+            },
+            "isConsider": true
+        },
+        {
+            "columnName": "sgstRate",
+            "title": "sgstRate",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "columnName": "cgstRate",
+            "title": "cgstRate",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "columnName": "TaxPer",
+            "title": "TaxPer",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "columnName": "Uom",
+            "title": "Uom",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "columnName": "StockItemReservedName",
+            "title": "StockItemReservedName",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "columnName": "StockItemType",
+            "title": "StockItemType",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "columnName": "StockParentName",
+            "title": "StockParentName",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "columnName": "StockCategory",
+            "title": "StockCategory",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "field": "pk",
+            "title": "pk",
+            "primary": true
+        }
+    ],
+    "callbacks": {
+        "table": {
+            "onDelete": "function",
+            "onReadFail": "function"
+        }
+    },
+    "columnsConfig2": [
+        {
+            "columnName": "StockItemName",
+            "title": "StockItemName",
+            "field": "StockItemName",
+            "cellConfig": {
+                "width": "200px"
+            },
+            "isConsider": true,
+            "verticalConfig": {},
+            "tableConfig": {},
+            "isVisible": true,
+            "tableFooterDataListShow": false,
+            "dataListSource": "ItemNames.StockItemName"
+        },
+        {
+            "columnName": "RateInc",
+            "title": "RateInc",
+            "field": "RateInc",
+            "cellConfig": {
+                "width": "50px",
+                "rightAlign": true
+            },
+            "isConsider": true,
+            "verticalConfig": {},
+            "tableConfig": {},
+            "isVisible": true,
+            "tableFooterDataListShow": false
+        },
+        {
+            "columnName": "Qty",
+            "title": "Qty",
+            "field": "Qty",
+            "cellConfig": {
+                "width": "50px",
+                "rightAlign": true
+            },
+            "isConsider": true,
+            "verticalConfig": {},
+            "tableConfig": {},
+            "isVisible": true,
+            "tableFooterDataListShow": false,
+            "allowOnChange": true,
+            "onKeyDown": true,
+            "onKeyDownType": "Qty"
+        },
+        {
+            "columnName": "Amount",
+            "title": "Amount",
+            "field": "Amount",
+            "cellConfig": {
+                "width": "50px",
+                "rightAlign": true
+            },
+            "isConsider": true,
+            "verticalConfig": {},
+            "tableConfig": {},
+            "isVisible": true,
+            "tableFooterDataListShow": false,
+            "allowOnChange": true,
+            "onKeyDown": true,
+            "onKeyDownType": "Amount"
+        },
+        {
+            "field": "pk",
+            "title": "pk",
+            "primary": true,
+            "isVisible": false
+        }
+    ],
+    "columnsConfig3": [
+        {
+            "columnName": "StockItemName",
+            "title": "StockItemName",
+            "field": "StockItemName",
+            "cellConfig": {
+                "width": "200px"
+            },
+            "isConsider": true,
+            "verticalConfig": {},
+            "tableConfig": {},
+            "isVisible": true,
+            "tableFooterDataListShow": true,
+            "dataListSource": "ItemNames.StockItemName"
+        },
+        {
+            "columnName": "RateInc",
+            "title": "RateInc",
+            "field": "RateInc",
+            "cellConfig": {
+                "width": "50px",
+                "rightAlign": true
+            },
+            "isConsider": true,
+            "verticalConfig": {},
+            "tableConfig": {},
+            "isVisible": true,
+            "tableFooterDataListShow": true
+        },
+        {
+            "columnName": "Qty",
+            "title": "Qty",
+            "field": "Qty",
+            "cellConfig": {
+                "width": "50px",
+                "rightAlign": true
+            },
+            "isConsider": true,
+            "verticalConfig": {},
+            "tableConfig": {},
+            "isVisible": true,
+            "tableFooterDataListShow": true,
+            "allowOnChange": true,
+            "onKeyDown": true,
+            "onKeyDownType": "Qty"
+        },
+        {
+            "columnName": "Amount",
+            "title": "Amount",
+            "field": "Amount",
+            "cellConfig": {
+                "width": "50px",
+                "rightAlign": true
+            },
+            "isConsider": true,
+            "verticalConfig": {},
+            "tableConfig": {},
+            "isVisible": true,
+            "tableFooterDataListShow": true,
+            "allowOnChange": true,
+            "onKeyDown": true,
+            "onKeyDownType": "Amount"
+        },
+        {
+            "field": "pk",
+            "title": "pk",
+            "primary": true,
+            "isVisible": false
+        }
+    ],
+    "columnsConfig": [
+        {
+            "columnName": "LedgerName",
+            "title": "LedgerName",
+            "cellConfig": {
+                "width": "400px",
+                "tdClass": "px-4 py-2 border"
+            },
+            "dataListSource": "LedgerName.LedgerName",
+            "tableFooterDataListShow": true,
+            "uiClasses": {
+                "form": {
+                    "rowClass": "flex items-center space-x-4"
+                }
+            },
+            "allowOnChange": true,
+            "onChangeType": "onDataListChange"
+        },
+        {
+            "columnName": "InvoiceDate",
+            "title": "InvoiceDate",
+            "cellConfig": {
+                "width": "150px"
+            },
+            "uiClasses": {
+                "form": {
+                    "rowClass": "flex items-center space-x-4 w-1/2",
+                    "labelClass": "w-36 text-sm font-medium"
+                }
+            },
+            "isDate": true,
+            "defaultToday": true,
+            "isReadonly": false,
+            "autoFocus": false,
+            "isSearch": false,
+            "type": "date"
+        },
+        {
+            "columnName": "PartyGSTIN",
+            "title": "PartyGSTIN",
+            "dataListFillName": "PartyGSTIN",
+            "cellConfig": {
+                "width": "200px"
+            },
+            "uiClasses": {
+                "form": {
+                    "rowClass": "flex items-center space-x-4 w-1/2"
+                }
+            }
+        }
+    ],
+    "endPoints": {
+        "create": "/Api/v1/BillsTable/insertGenPk",
+        "update": "",
+        "delete": "/Api/v1/BillsTable/del",
+        "read": "/Api/v1/BillsTable/ShowAll",
+        "find": "",
+        "filter": "",
+        "dataLists": {},
+        "dataListEndpoints": {
+            "LedgerName": "/Api/v1/LedgerNames/ShowAll"
+        }
+    }
+}

package/bin/v6/commands/TableComp/template/v6/Index/Configs/WithSerial/config.json

@@ -0,0 +1,187 @@
+{
+    "containerId": "kSTableContainer",
+    "tableName": "",
+    "mode": "create",
+    "layout": {
+        "verticalPosition": "top",
+        "type": "table"
+    },
+    "endPoints1": {
+        "create": "",
+        "update": "",
+        "delete": "",
+        "read": "/Api/V1/StockItems/ShowAll",
+        "find": "",
+        "filter": "",
+        "dataLists": {}
+    },
+    "options": {
+        "enabledSections": [
+            "vertical",
+            "table",
+            "footer"
+        ],
+        "table": {
+            "showSerial": true
+        }
+    },
+    "columnsConfig1": [
+        {
+            "columnName": "StockItemName",
+            "title": "StockItemName",
+            "field": "StockItemName",
+            "cellConfig": {
+                "width": "150px"
+            },
+            "isConsider": true
+        },
+        {
+            "columnName": "StockGstApplicable",
+            "title": "StockGstApplicable",
+            "field": "StockGstApplicable",
+            "cellConfig": {
+                "width": "150px"
+            },
+            "isConsider": true
+        },
+        {
+            "columnName": "StockBaseUnits",
+            "title": "StockBaseUnits",
+            "field": "StockBaseUnits",
+            "cellConfig": {
+                "width": "150px"
+            },
+            "isConsider": true
+        },
+        {
+            "columnName": "sgstRate",
+            "title": "sgstRate",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "columnName": "cgstRate",
+            "title": "cgstRate",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "columnName": "TaxPer",
+            "title": "TaxPer",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "columnName": "Uom",
+            "title": "Uom",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "columnName": "StockItemReservedName",
+            "title": "StockItemReservedName",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "columnName": "StockItemType",
+            "title": "StockItemType",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "columnName": "StockParentName",
+            "title": "StockParentName",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "columnName": "StockCategory",
+            "title": "StockCategory",
+            "cellConfig": {
+                "width": "150px"
+            }
+        },
+        {
+            "field": "pk",
+            "title": "pk",
+            "primary": true
+        }
+    ],
+    "callbacks": {
+        "table": {
+            "onDelete": "function",
+            "onReadFail": "function"
+        }
+    },
+    "columnsConfig": [
+        {
+            "columnName": "LedgerName",
+            "title": "LedgerName",
+            "cellConfig": {
+                "width": "400px",
+                "tdClass": "px-4 py-2 border"
+            },
+            "dataListSource": "LedgerName.LedgerName",
+            "tableFooterDataListShow": true,
+            "uiClasses": {
+                "form": {
+                    "rowClass": "flex items-center space-x-4"
+                }
+            },
+            "allowOnChange": true,
+            "onChangeType": "onDataListChange"
+        },
+        {
+            "columnName": "InvoiceDate",
+            "title": "InvoiceDate",
+            "cellConfig": {
+                "width": "150px"
+            },
+            "uiClasses": {
+                "form": {
+                    "rowClass": "flex items-center space-x-4 w-1/2",
+                    "labelClass": "w-36 text-sm font-medium"
+                }
+            },
+            "isDate": true,
+            "defaultToday": true,
+            "isReadonly": false,
+            "autoFocus": false,
+            "isSearch": false,
+            "type": "date"
+        },
+        {
+            "columnName": "PartyGSTIN",
+            "title": "PartyGSTIN",
+            "dataListFillName": "PartyGSTIN",
+            "cellConfig": {
+                "width": "200px"
+            },
+            "uiClasses": {
+                "form": {
+                    "rowClass": "flex items-center space-x-4 w-1/2"
+                }
+            }
+        }
+    ],
+    "endPoints": {
+        "create": "/Api/v1/BillsTable/insertGenPk",
+        "update": "",
+        "delete": "/Api/v1/BillsTable/del",
+        "read": "/Api/v1/BillsTable/ShowAll",
+        "find": "",
+        "filter": "",
+        "dataLists": {},
+        "dataListEndpoints": {
+            "LedgerName": "/Api/v1/LedgerNames/ShowAll"
+        }
+    }
+}

package/bin/v6/commands/TableComp/template/v6/Index/FormLoad/DomContentLoaded/AddListeners/CreateHtmlId/BuildTable/getKSTableConfig.js

@@ -0,0 +1,13 @@
+// import onReadFail from "../../../CommonFuncs/onReadFail.js";
+import onVerticalSuccess from "../../../CommonFuncs/onVerticalSuccess.js";
+
+export const getKSTableConfig = async () => {
+
+    const config = await fetch("./Index/Configs/Create/config.json");
+    // debugger;
+    const configJson = await config.json();
+
+    configJson.callbacks.vertical.onSuccess = onVerticalSuccess;
+
+    return configJson;
+};

package/bin/v6/commands/TableComp/template/v6/Index/FormLoad/DomContentLoaded/AddListeners/EscapeKey/keydownFunc.js

@@ -0,0 +1,15 @@
+import hideLoginModal from "../../Common/LoginModal/hide.js";
+
+const keydownFunc = event => {
+    if (event.key !== "Escape") return;
+
+    const loginModal = document.getElementById("loginModal");
+
+    if (loginModal.classList.contains("hidden")) return;
+
+    event.preventDefault();
+    event.stopPropagation();
+    hideLoginModal();
+};
+
+export default keydownFunc;

package/bin/v6/commands/TableComp/template/v6/Index/FormLoad/DomContentLoaded/AddListeners/EscapeKey/start.js

@@ -0,0 +1,7 @@
+import keydownFunc from "./keydownFunc.js";
+
+const funcToRun = () => {
+    window.addEventListener("keydown", keydownFunc, true);
+};
+
+export default funcToRun;

package/bin/v6/commands/TableComp/template/v6/Index/FormLoad/DomContentLoaded/AddListeners/ShowAllHtmlId/BuildTable/getKSTableConfig.js

@@ -0,0 +1,12 @@
+import onReadFail from "../../../CommonFuncs/onReadFail.js";
+
+export const getKSTableConfig = async () => {
+
+    const config = await fetch("./Index/Configs/ShowAll/config.json");
+    // debugger;
+    const configJson = await config.json();
+
+    configJson.callbacks.table.onReadFail = onReadFail;
+
+    return configJson;
+};

package/bin/v6/commands/TableComp/template/v6/Index/FormLoad/DomContentLoaded/AddListeners/TableHtmlId/BuildTable/getKSTableConfig.js

@@ -0,0 +1,12 @@
+import onReadFail from "../../../CommonFuncs/onReadFail.js";
+
+export const getKSTableConfig = async () => {
+
+    const config = await fetch("./Index/Configs/Table/config.json");
+    // debugger;
+    const configJson = await config.json();
+
+    configJson.callbacks.table.onReadFail = onReadFail;
+
+    return configJson;
+};

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

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

package/bin/v6/commands/TableComp/template/v6/Index/FormLoad/DomContentLoaded/AddListeners/UserHeaderHtmlId/clickFunc/confirmLogout.js

@@ -0,0 +1,4 @@
+const confirmLogout = () =>
+    window.confirm("Do you wish to log out?");
+
+export default confirmLogout;

package/bin/v6/commands/TableComp/template/v6/Index/FormLoad/DomContentLoaded/AddListeners/UserHeaderHtmlId/clickFunc/index.js

@@ -0,0 +1,16 @@
+import deleteKSTokenCookie from "../../../Common/AuthCookie/deleteKSTokenCookie.js";
+import getTokenFromCookie from "../../../Common/AuthCookie/getTokenFromCookie.js";
+import applyLoggedOutMenu from "../../../Common/MenuState/applyLoggedOutMenu.js";
+import confirmLogout from "./confirmLogout.js";
+
+const clickFuncToRun = () => {
+    const token = getTokenFromCookie();
+
+    if (!token) return;
+    if (!confirmLogout()) return;
+
+    deleteKSTokenCookie();
+    applyLoggedOutMenu();
+};
+
+export default clickFuncToRun;

package/bin/v6/commands/TableComp/template/v6/Index/FormLoad/DomContentLoaded/AddListeners/UserHeaderHtmlId/start.js

@@ -0,0 +1,11 @@
+import clickFuncToRun from "./clickFunc/index.js";
+
+const funcToRun = () => {
+    const htmlElement = document.getElementById("UserHeaderHtmlId");
+
+    htmlElement.addEventListener("click", () =>
+        clickFuncToRun()
+    );
+};
+
+export default funcToRun;

package/bin/v6/commands/TableComp/template/v6/Index/FormLoad/DomContentLoaded/AddListeners/WithSearchHtmlId/BuildTable/getKSTableConfig.js

@@ -0,0 +1,11 @@
+import onReadFail from "../../../CommonFuncs/onReadFail.js";
+
+export const getKSTableConfig = async () => {
+    const config = await fetch("./Index/Configs/WithSearch/config.json");
+    // debugger;
+    const configJson = await config.json();
+
+    configJson.callbacks.table.onReadFail = onReadFail;
+
+    return configJson;
+};

package/bin/v6/commands/TableComp/template/v6/Index/FormLoad/DomContentLoaded/AddListeners/WithSerialHtmlId/BuildTable/getKSTableConfig.js

@@ -0,0 +1,12 @@
+import onReadFail from "../../../CommonFuncs/onReadFail.js";
+
+export const getKSTableConfig = async () => {
+
+    const config = await fetch("./Index/Configs/WithSerial/config.json");
+    // debugger;
+    const configJson = await config.json();
+
+    configJson.callbacks.table.onReadFail = onReadFail;
+
+    return configJson;
+};

package/bin/v6/commands/TableComp/template/v6/Index/FormLoad/DomContentLoaded/AddListeners/loginButtonId/clickFunc/api/postLogin.js

@@ -0,0 +1,15 @@
+import getLoginPayload from "../credentials/getLoginPayload.js";
+
+const postLogin = async () => {
+    return fetch("/Secured/V1/GenerateToken/ToCookie", {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json"
+        },
+        body: JSON.stringify(
+            getLoginPayload()
+        )
+    });
+};
+
+export default postLogin;

package/bin/v6/commands/TableComp/template/v6/Index/FormLoad/DomContentLoaded/AddListeners/loginButtonId/clickFunc/credentials/getLoginPayload.js

@@ -0,0 +1,9 @@
+import getPassword from "./getPassword.js";
+import getUserName from "./getUserName.js";
+
+const getLoginPayload = () => ({
+    UserName: getUserName(),
+    Password: getPassword()
+});
+
+export default getLoginPayload;