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

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

@@ -0,0 +1,69 @@
+{
+    "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"
+        ],
+        "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": {}
+            }
+        }
+    ],
+    "callbacks": {
+        "table": {
+            "onDelete": "function",
+            "onReadFail": "function"
+        }
+    }
+}

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/BuildTable/callKSSubTable.js

@@ -0,0 +1,13 @@
+import { initTableWithFooter } from "/KSTableAi/V46/entry.js";
+
+const callKSSubTable = async (config) => {
+    if (window?.KSTable) {
+        console.log("loaded from cdn");
+
+        return window.KSTable.initTableWithFooter(config);
+    };
+
+    return initTableWithFooter(config);
+};
+
+export default callKSSubTable;

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/BuildTable/callKSTable.js

@@ -0,0 +1,11 @@
+import { initCreate } from "/KSTableAi/V45/entry.js";
+
+export const callKSTable = async (config) => {
+    if (window?.KSTable) {
+        console.log("loaded from cdn");
+
+        return window.KSTable.initCreate(config);
+    };
+
+    return initCreate(config);
+};

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/BuildTable/formSearchParamsFunc.js

@@ -0,0 +1,8 @@
+const formSearchParamsFunc = ({ inKeyName }) => {
+    const params = new URLSearchParams(window.location.search);
+    const pk = params.get(inKeyName);
+
+    return pk;
+};
+
+export { formSearchParamsFunc };

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/BuildTable/getKSTableConfig.js

@@ -0,0 +1,27 @@
+import { formSearchParamsFunc } from "./formSearchParamsFunc.js";
+
+const onSuccessFunc = async (res) => {
+    const fromReponse = await res.json();
+    console.log("fromReponse : ", fromReponse);
+    window.location.href = `../WithSubTable/index.html?pk=${fromReponse.pk}`;
+};
+
+export const getKSTableConfig = async ({ tableName }) => {
+    const config = await fetch("config.json");
+    // debugger;
+    const configJson = await config.json();
+
+    const pkFromParams = formSearchParamsFunc({ inKeyName: "pk" });
+
+    // configJson.tableName = tableName;
+
+    configJson.endPoints.read = `/Api/V4/${tableName}/ShowAll`;
+    // configJson.endPoints.filter = `/Api/V1/${tableName}/FilterColumns`;
+    configJson.endPoints.findFromParams = configJson.endPoints.findFromParams.replace("{pk}", pkFromParams);
+
+    configJson.callbacks.vertical.onSuccess = onSuccessFunc;
+    // configJson.endPoints.dataListEndpoints.AccountNames = `/Api/V1/${tableName}/Distinct/AccountName`;
+    // configJson.endPoints.dataListEndpoints.Dates = `/Api/V1/${tableName}/Distinct/Date`;
+
+    return configJson;
+};

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/BuildTable/index.js

@@ -0,0 +1,34 @@
+import { initCreate, initTableWithFooter } from "/KSTableAi/V4/entry.js";
+import { formSearchParamsFunc } from "./formSearchParamsFunc.js";
+
+const onSuccessFunc = async (res) => {
+    const fromReponse = await res.json();
+    console.log("fromReponse : ", fromReponse);
+    window.location.href = `../WithSubTable/index.html?pk=${fromReponse.pk}`;
+};
+
+const startFunc = async () => {
+    debugger;
+    const pkFromParams = formSearchParamsFunc({ inKeyName: "pk" });
+
+    const config = await fetch("Index/Configs/AddItem/config.json");
+    const configJson = await config.json();
+
+    configJson.endPoints.findFromParams = configJson.endPoints.findFromParams.replace("{pk}", pkFromParams);
+    configJson.callbacks.vertical.onSuccess = onSuccessFunc;
+
+    await initCreate(configJson);
+
+    const configForSubTable = await fetch("Index/Configs/AddItem/configForSubTable.json");
+    const configForSubTableJson = await configForSubTable.json();
+
+    const findColumn = configForSubTableJson.columnsConfig.find(element => {
+        return element.columnName === "ParentPk";
+    });
+
+    findColumn.defaultValue = pkFromParams;
+
+    await initTableWithFooter(configForSubTableJson);
+};
+
+export default startFunc;

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/FetchAsGet/AfterFetch/entryFile.js

@@ -0,0 +1,7 @@
+let StartFunc = async ({ inResponse, inPk }) => {
+    if (inResponse.status === 200) {
+        return await inResponse.json();
+    };
+};
+
+export { StartFunc };

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/FetchAsGet/AfterFetch/status200.js

@@ -0,0 +1,7 @@
+import { StartFunc as StartFuncFor200Res } from "./For200Res/entryFile.js";
+
+let StartFunc = ({ inResponseAsJson }) => {
+    StartFuncFor200Res({ inResponseAsJson });
+};
+
+export { StartFunc };

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/FetchAsGet/AfterFetch/status401.js

@@ -0,0 +1,23 @@
+let StartFunc = ({ inResponse }) => {
+    // const jVarLocalRedirectUrl = ConfigJson.Protected.RedirectUrl;
+
+    // window.location.href = jVarLocalRedirectUrl;
+
+    jFLocalAddUrlParams({ inSuccessUrl: "../ShowAll/AsIs.html" });
+    // console.log("aaaaaaa : ", jVarLocalRedirectUrl);
+    // http://localhost:9113/V5/StudentNames/pages/ShowAll/AsIs.html#top
+
+};
+
+const jFLocalAddUrlParams = ({ inSuccessUrl }) => {
+    const jVarLocalRedirectUrl = ConfigJson.Protected.RedirectUrl;
+
+    const url = new URL(window.location.href);
+
+    let NewURl = new URL(jVarLocalRedirectUrl, url);
+
+    NewURl.searchParams.append('SuccessUrl', inSuccessUrl);
+    window.location.href = NewURl.href;
+};
+
+export { StartFunc };

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/FetchAsGet/AfterFetch/status409.js

@@ -0,0 +1,9 @@
+let StartFunc = ({ inResponse }) => {
+    Swal.fire({
+        text: `${inResponse}`,
+        icon: "error",
+        title: "check"
+    });
+};
+
+export { StartFunc };

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/FetchAsGet/AfterFetch/url.json

@@ -0,0 +1,4 @@
+{
+    "RedirectToUrl": "Show.html",
+    "PresentUrl": "Create.html"
+}

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/FetchAsGet/fetchFuncs.js

@@ -0,0 +1,12 @@
+import getUrlJson from './getUrl.json' with {type: 'json'};
+
+let StartFunc = async ({ inPk }) => {
+    let jVarLocalGetEndPoint = `${getUrlJson.GetEndPoint}/${inPk}`;
+
+    let response = await fetch(jVarLocalGetEndPoint);
+
+    return await response;
+};
+
+export { StartFunc };
+

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/FetchAsGet/getUrl.json

@@ -0,0 +1,3 @@
+{
+    "GetEndPoint": "/Api/V4/BillsTable/Find"
+}

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/FetchAsGet/start.js

@@ -0,0 +1,13 @@
+import { StartFunc as StartFuncFetchFuncs } from './fetchFuncs.js';
+import { StartFunc as StartFuncFromAfterFetch } from './AfterFetch/entryFile.js';
+
+const startFunc = async ({ inPk }) => {
+    let localResponse = await StartFuncFetchFuncs({ inPk });
+
+    return await StartFuncFromAfterFetch({
+        inResponse: localResponse,
+        inPk
+    });
+};
+
+export default startFunc;

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/clickFunc.js

@@ -0,0 +1,46 @@
+import afterHeadSave from "../../CommonFuncs/afterHeadSave.js";
+import fetchAsGet from "./FetchAsGet/start.js";
+
+const clickFuncToRun = ({ inCurrentTarget }) => {
+    applyActive({ inCurrentTarget });
+
+    const pk = prompt("Enter PK");
+
+    if (pk === null || pk.trim() === "") return;
+
+    jFLocalToInputhtmlId(pk);
+
+    afterHeadSave(pk).then();
+    // debugger;
+    let jVarLocaltoTallyId = document.getElementById('toTallyId');
+
+    jVarLocaltoTallyId.classList.remove("danger");
+
+    fetchAsGet({ inPk: pk }).then(fromPromise => {
+        if (fromPromise?.insertedToTally) jVarLocaltoTallyId.classList.add("danger");
+    });
+};
+
+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");
+};
+
+let jFLocalToInputhtmlId = (inValue) => {
+    let jVarLocalHtmlId = 'htmlId';
+    let jVarLocalhtmlId = document.getElementById(jVarLocalHtmlId);
+
+    if (jVarLocalhtmlId === null === false) {
+        jVarLocalhtmlId.innerHTML = inValue;
+    };
+};
+
+export { clickFuncToRun };

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/start.js

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

package/bin/v4/commands/TableComp/template/v4/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/v4/commands/TableComp/template/v4/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/v4/Index/FormLoad/DomContentLoaded/AddListeners/ShowAllHtmlId/BuildTable/callKSTable.js

@@ -0,0 +1,5 @@
+export const callKSTable = async (config) => {
+    if (window?.KSTableComp?.initShowTable) {
+        return window.KSTableComp.initShowTable(config);
+    };
+};

package/bin/v4/commands/TableComp/template/v4/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/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/ShowAllHtmlId/BuildTable/index.js

@@ -0,0 +1,10 @@
+import { getKSTableConfig } from "./getKSTableConfig.js";
+import { callKSTable } from "./callKSTable.js";
+
+const startFunc = async () => {
+    const config = await getKSTableConfig();
+
+    await callKSTable(config);
+};
+
+export default startFunc;

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/ShowAllHtmlId/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");
+
+    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/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/ShowAllHtmlId/start.js

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

package/bin/v4/commands/TableComp/template/v4/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/v4/commands/TableComp/template/v4/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/v4/commands/TableComp/template/v4/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/v4/Index/FormLoad/DomContentLoaded/AddListeners/WithSearchHtmlId/BuildTable/callKSTable.js

@@ -0,0 +1,5 @@
+export const callKSTable = async (config) => {
+    if (window?.KSTableComp?.initShowTable) {
+        return window.KSTableComp.initShowTable(config);
+    };
+};

package/bin/v4/commands/TableComp/template/v4/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/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/WithSearchHtmlId/BuildTable/index.js

@@ -0,0 +1,10 @@
+import { getKSTableConfig } from "./getKSTableConfig.js";
+import { callKSTable } from "./callKSTable.js";
+
+const startFunc = async () => {
+    const config = await getKSTableConfig();
+
+    await callKSTable(config);
+};
+
+export default startFunc;

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/WithSearchHtmlId/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");
+
+    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/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/WithSearchHtmlId/start.js

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

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/WithSerialHtmlId/BuildTable/callKSTable.js

@@ -0,0 +1,5 @@
+export const callKSTable = async (config) => {
+    if (window?.KSTableComp?.initShowTable) {
+        return window.KSTableComp.initShowTable(config);
+    };
+};

package/bin/v4/commands/TableComp/template/v4/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/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/WithSerialHtmlId/BuildTable/index.js

@@ -0,0 +1,10 @@
+import { getKSTableConfig } from "./getKSTableConfig.js";
+import { callKSTable } from "./callKSTable.js";
+
+const startFunc = async () => {
+    const config = await getKSTableConfig();
+
+    await callKSTable(config);
+};
+
+export default startFunc;

package/bin/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/WithSerialHtmlId/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");
+
+    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/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/WithSerialHtmlId/start.js

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

package/bin/v4/commands/TableComp/template/v4/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/v4/commands/TableComp/template/v4/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/v4/commands/TableComp/template/v4/Index/FormLoad/DomContentLoaded/AddListeners/loginButtonId/clickFunc/credentials/getPassword.js

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

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

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

package/bin/v4/commands/TableComp/template/v4/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;