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

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;

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

@@ -0,0 +1,74 @@
+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;
+
+    const Password =
+        document.getElementById("Password").value;
+
+    const response = await fetch("/Secured/V1/GenerateToken/ToCookie", {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+            UserName,
+            Password
+        })
+    });
+
+    if (response.status === 200) {
+        document
+            .getElementById("loginError")
+            .classList.add("hidden");
+
+        document
+            .getElementById("loginModalContent")
+            .classList.remove("border-2", "border-red-500");
+
+        const loginModal =
+            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")
+            .textContent = "Invalid username or password";
+
+        document
+            .getElementById("loginError")
+            .classList.remove("hidden");
+
+        document
+            .getElementById("loginModalContent")
+            .classList.add("border-2", "border-red-500");
+    };
+};
+
+export { clickFuncToRun };

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

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

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

@@ -0,0 +1,21 @@
+const clickFuncToRun = ({ inCurrentTarget }) => {
+    const loginModal =
+        document.getElementById("loginModal");
+
+    loginModal.classList.remove("hidden");
+};
+
+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/loginHeaderHtmlId/start.js

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