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

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

@@ -0,0 +1,66 @@
+{
+    "containerId": "kSTableContainer",
+    "tableName": "",
+    "mode": "create",
+    "layout": {
+        "verticalPosition": "top",
+        "type": "table"
+    },
+    "endPoints": {
+        "create": "",
+        "update": "",
+        "delete": "",
+        "read": "/Protected/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": {
+        "table": {
+            "onDelete": "function",
+            "onReadFail": "function"
+        }
+    }
+}

package/bin/{v4/commands/TableComp/template/v3 → v6/commands/TableComp/template/v5}/Index/Configs/WithSearch/config.json

@@ -10,7 +10,7 @@
         "create": "",
         "update": "",
         "delete": "",
-        "read": "/Api/V1/LedgerNames/ShowAll",
+        "read": "/Protected/V1/LedgerNames/ShowAll",
         "find": "",
         "filter": "",
         "dataLists": {}
@@ -65,5 +65,11 @@
                 "tableFooter": {}
             }
         }
-    ]
+    ],
+    "callbacks": {
+        "table": {
+            "onDelete": "function",
+            "onReadFail": "function"
+        }
+    }
 }

package/bin/v6/commands/TableComp/template/v5/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/v5/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/{v4/commands/TableComp/template/v1 → v6/commands/TableComp/template/v5}/Index/FormLoad/DomContentLoaded/AddListeners/ShowAllHtmlId/BuildTable/getKSTableConfig.js

@@ -1,7 +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/v5/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/v5/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/v5/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/{v4/commands/TableComp/template/v3 → v6/commands/TableComp/template/v5}/Index/FormLoad/DomContentLoaded/AddListeners/WithSearchHtmlId/BuildTable/getKSTableConfig.js

@@ -1,7 +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/{v4/commands/TableComp/template/v2 → v6/commands/TableComp/template/v5}/Index/FormLoad/DomContentLoaded/AddListeners/WithSerialHtmlId/BuildTable/getKSTableConfig.js

@@ -1,7 +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/v5/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/v5/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;

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

@@ -0,0 +1,4 @@
+const getPassword = () =>
+    document.getElementById("Password").value;
+
+export default getPassword;

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

@@ -0,0 +1,4 @@
+const getUserName = () =>
+    document.getElementById("Username").value;
+
+export default getUserName;

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

@@ -0,0 +1,16 @@
+import postLogin from "./api/postLogin.js";
+import handleLoginFailure from "./ui/loginFailure/index.js";
+import handleLoginSuccess from "./ui/loginSuccess/index.js";
+
+const clickFuncToRun = async () => {
+    const response = await postLogin();
+
+    if (response.status === 200) {
+        handleLoginSuccess();
+        return;
+    };
+
+    handleLoginFailure();
+};
+
+export default clickFuncToRun;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/loginButtonId/clickFunc/ui/loginFailure/index.js

@@ -0,0 +1,7 @@
+import showLoginError from "./showLoginError.js";
+
+const handleLoginFailure = () => {
+    showLoginError();
+};
+
+export default handleLoginFailure;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/loginButtonId/clickFunc/ui/loginFailure/showLoginError.js

@@ -0,0 +1,15 @@
+const showLoginError = () => {
+    document
+        .getElementById("loginError")
+        .classList.remove("hidden");
+
+    document
+        .getElementById("loginError")
+        .textContent = "Invalid username or password";
+
+    document
+        .getElementById("loginModalContent")
+        .classList.add("border-2", "border-red-500");
+};
+
+export default showLoginError;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/loginButtonId/clickFunc/ui/loginSuccess/hideLoginError.js

@@ -0,0 +1,11 @@
+const hideLoginError = () => {
+    document
+        .getElementById("loginError")
+        .classList.add("hidden");
+
+    document
+        .getElementById("loginModalContent")
+        .classList.remove("border-2", "border-red-500");
+};
+
+export default hideLoginError;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/loginButtonId/clickFunc/ui/loginSuccess/index.js

@@ -0,0 +1,11 @@
+import hideLoginError from "./hideLoginError.js";
+import hideLoginModal from "../../../../../Common/LoginModal/hide.js";
+import applyLoggedInMenu from "../../../../../Common/MenuState/applyLoggedInMenu.js";
+
+const handleLoginSuccess = () => {
+    hideLoginError();
+    hideLoginModal();
+    applyLoggedInMenu();
+};
+
+export default handleLoginSuccess;

package/bin/{v4/commands/TableComp/template/v3/Index/FormLoad/DomContentLoaded/AddListeners/loginButtonId/clickFunc.js → v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/loginButtonId/clickFunc copy.js }

@@ -1,4 +1,13 @@
-const clickFuncToRun = async () => {
+const decodeJwt = (token) => {
+    const [header, payload] = token.split(".");
+
+    return {
+        header: JSON.parse(atob(header)),
+        payload: atob(payload)
+    };
+};
+
+const clickFuncToRun = async ({ inCurrentTarget }) => {
     const UserName =
         document.getElementById("Username").value;
 
@@ -29,6 +38,24 @@ const clickFuncToRun = async () => {
             document.getElementById("loginModal");
 
         loginModal.classList.add("hidden");
+
+        document
+            .getElementById("UserHeaderHtmlId").closest("li")
+            .style.display = "";
+
+
+        document
+            .getElementById("loginHeaderHtmlId").closest("li")
+            .style.display = "none";
+
+        const token = document.cookie
+            .split("; ")
+            .find(row => row.startsWith("KSToken="))
+            ?.split("=")[1];
+
+        const userCode = decodeJwt(token);
+        document
+            .getElementById("UserHeaderHtmlId").querySelector("span").innerHTML = userCode.payload;
     } else {
         document
             .getElementById("loginError")

package/bin/{v4/commands/TableComp/template/v3 → v6/commands/TableComp/template/v5}/Index/FormLoad/DomContentLoaded/AddListeners/loginButtonId/start.js

@@ -1,4 +1,4 @@
-import { clickFuncToRun } from "./clickFunc.js";
+import clickFuncToRun from "./clickFunc/index.js";
 
 const funcToRun = () => {
     const htmlElement = document.getElementById('loginButtonId');

package/bin/{v4/commands/TableComp/template/v3 → v6/commands/TableComp/template/v5}/Index/FormLoad/DomContentLoaded/AddListeners/start.js

@@ -3,6 +3,8 @@ import withSerialHtmlId from "./WithSerialHtmlId/start.js";
 import withSearchHtmlId from "./WithSearchHtmlId/start.js";
 import loginHeaderHtmlId from "./loginHeaderHtmlId/start.js";
 import loginButtonId from "./loginButtonId/start.js";
+import userHeaderHtmlId from "./UserHeaderHtmlId/start.js";
+import escapeKey from "./EscapeKey/start.js";
 
 const hookAllListeners = () => {
     showAllHtmlId();
@@ -10,6 +12,8 @@ const hookAllListeners = () => {
     withSearchHtmlId();
     loginHeaderHtmlId();
     loginButtonId();
+    userHeaderHtmlId();
+    escapeKey();
 };
 
-export { hookAllListeners };
+export { hookAllListeners };

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/ApplyMenuFromCookie/index.js

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

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/Common/AuthCookie/decodeJwt.js

@@ -0,0 +1,10 @@
+const decodeJwt = (token) => {
+    const [header, payload] = token.split(".");
+
+    return {
+        header: JSON.parse(atob(header)),
+        payload: atob(payload)
+    };
+};
+
+export default decodeJwt;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/Common/AuthCookie/deleteKSTokenCookie.js

@@ -0,0 +1,5 @@
+const deleteKSTokenCookie = () => {
+    document.cookie = "KSToken=; Max-Age=0; Path=/";
+};
+
+export default deleteKSTokenCookie;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/Common/AuthCookie/getTokenFromCookie.js

@@ -0,0 +1,7 @@
+const getTokenFromCookie = () =>
+    document.cookie
+        .split("; ")
+        .find(row => row.startsWith("KSToken="))
+        ?.split("=")[1];
+
+export default getTokenFromCookie;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/Common/AuthCookie/getUserCode.js

@@ -0,0 +1,12 @@
+import decodeJwt from "./decodeJwt.js";
+import getTokenFromCookie from "./getTokenFromCookie.js";
+
+const getUserCode = () => {
+    const token = getTokenFromCookie();
+
+    if (!token) return "";
+
+    return decodeJwt(token).payload;
+};
+
+export default getUserCode;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/Common/LoginModal/hide.js

@@ -0,0 +1,7 @@
+const hideLoginModal = () => {
+    document
+        .getElementById("loginModal")
+        .classList.add("hidden");
+};
+
+export default hideLoginModal;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/Common/MenuState/applyLoggedInMenu.js

@@ -0,0 +1,11 @@
+import hideLoginMenu from "./hideLoginMenu.js";
+import showUserMenu from "./showUserMenu.js";
+import updateUserHeader from "./updateUserHeader.js";
+
+const applyLoggedInMenu = () => {
+    showUserMenu();
+    hideLoginMenu();
+    updateUserHeader();
+};
+
+export default applyLoggedInMenu;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/Common/MenuState/applyLoggedOutMenu.js

@@ -0,0 +1,11 @@
+import hideUserMenu from "./hideUserMenu.js";
+import resetUserHeader from "./resetUserHeader.js";
+import showLoginMenu from "./showLoginMenu.js";
+
+const applyLoggedOutMenu = () => {
+    hideUserMenu();
+    showLoginMenu();
+    resetUserHeader();
+};
+
+export default applyLoggedOutMenu;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/Common/MenuState/hideLoginMenu.js

@@ -0,0 +1,8 @@
+const hideLoginMenu = () => {
+    document
+        .getElementById("loginHeaderHtmlId")
+        .closest("li")
+        .style.display = "none";
+};
+
+export default hideLoginMenu;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/Common/MenuState/hideUserMenu.js

@@ -0,0 +1,8 @@
+const hideUserMenu = () => {
+    document
+        .getElementById("UserHeaderHtmlId")
+        .closest("li")
+        .style.display = "none";
+};
+
+export default hideUserMenu;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/Common/MenuState/resetUserHeader.js

@@ -0,0 +1,8 @@
+const resetUserHeader = () => {
+    document
+        .getElementById("UserHeaderHtmlId")
+        .querySelector("span")
+        .textContent = "User";
+};
+
+export default resetUserHeader;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/Common/MenuState/showLoginMenu.js

@@ -0,0 +1,8 @@
+const showLoginMenu = () => {
+    document
+        .getElementById("loginHeaderHtmlId")
+        .closest("li")
+        .style.display = "";
+};
+
+export default showLoginMenu;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/Common/MenuState/showUserMenu.js

@@ -0,0 +1,8 @@
+const showUserMenu = () => {
+    document
+        .getElementById("UserHeaderHtmlId")
+        .closest("li")
+        .style.display = "";
+};
+
+export default showUserMenu;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/Common/MenuState/updateUserHeader.js

@@ -0,0 +1,10 @@
+import getUserCode from "../AuthCookie/getUserCode.js";
+
+const updateUserHeader = () => {
+    document
+        .getElementById("UserHeaderHtmlId")
+        .querySelector("span")
+        .textContent = getUserCode();
+};
+
+export default updateUserHeader;

package/bin/v6/commands/TableComp/template/v5/Index/FormLoad/DomContentLoaded/CommonFuncs/onReadFail.js

@@ -0,0 +1,10 @@
+const startFunc = (inResponseStatus) => {
+    const loginModal =
+        document.getElementById("loginModal");
+
+    loginModal.classList.remove("hidden");
+
+    loginModal.querySelector("input").focus();
+};
+
+export default startFunc;

package/bin/{v4/commands/TableComp/template/v1 → v6/commands/TableComp/template/v5}/Index/FormLoad/DomContentLoaded/runAfterDomLoad.js

@@ -1,9 +1,11 @@
 import { buildHeader } from "./buildHeader.js";
 import { hookAllListeners } from "./AddListeners/start.js";
+import applyMenuFromCookie from "./ApplyMenuFromCookie/index.js";
 
 const runAfterDomLoad = () => {
     import("../../../script.js").then(fromPromise => {
         buildHeader().then(fromPromise => {
+            applyMenuFromCookie();
             hookAllListeners();
         });
     });

package/bin/{v4/commands/TableComp/template/v3 → v6/commands/TableComp/template/v5}/Index/headers.json

@@ -37,15 +37,27 @@
             },
             "svgName": "search"
         },
+        {
+            "text": "User",
+            "id": "UserHeaderHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-10",
+                "liClass": "md:text-left",
+                "isDisplayNone": true
+            },
+            "svgName": "user"
+        },
         {
             "text": "Login",
             "id": "loginHeaderHtmlId",
             "icon": [],
             "uiClasses": {
                 "aClass": "",
-                "svgDivClass": "size-8"
+                "svgDivClass": "size-10"
             },
-            "svgName": "home"
+            "svgName": "xmark"
         }
     ]
 }

package/bin/{v4/commands/TableComp/template/v3 → v6/commands/TableComp/template/v5}/index.html

@@ -112,21 +112,6 @@
 
     <script type="module" src="./Index/start.js"></script>
 
-    <script>
-        const loginModal =
-            document.getElementById("loginModal");
-
-        const showLoginModal = () => {
-            loginModal.classList.remove("hidden");
-        };
-
-        loginModal.addEventListener("click", (event) => {
-            if (event.target === loginModal) {
-                loginModal.classList.add("hidden");
-            };
-        });
-    </script>
-
 </body>
 
 </html>

package/bin/{v4/commands/TableComp/template/v3 → v6/commands/TableComp/template/v5}/script.js

@@ -84,7 +84,9 @@ async function ensureKSHeader() {
 
     async function tryLocal() {
         try {
-            const fromPromise = await loadScriptAsModule("/header/v4/initHeader.js");
+            const fromPromise = await loadScriptAsModule("/header/v8/initHeader.js");
+
+            console.log("KSHeader loaded from local : header-v8");
 
             if (fromPromise) return true;
         } catch { return false };
@@ -178,7 +180,7 @@ async function ensureKSTableComp() {
 
     async function tryGitHub() {
         try {
-            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-table-dom-comp/Public/v4/kstable.js");
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-table-dom-comp/Public/v6/kstable.js");
 
             console.log("KSTableComp loaded from git : tailwind-table-dom-comp-4");