json-crud-ui-comp-table 1.2.5

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

@@ -0,0 +1,22 @@
+// import { initShowTable } from "/KSTable/v1/entry.js";
+
+export const callKSTable1 = async (config) => {
+    if (window?.KSTable?.initShowTable) {
+        console.log("loaded from cdn");
+
+        return window.KSTable.initShowTable(config);
+    };
+
+    return await initShowTable(config);
+    // return false;
+};
+
+export const callKSTable = async (config) => {
+    if (window?.KSTable?.initShowTable) {
+        return window.KSTable.initShowTable(config);
+    }
+
+    const { initShowTable } = await import("/KSTable/v7/entry.js");
+
+    return initShowTable(config);
+};

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/WithSearchHtmlId/BuildTable/getKSTableConfig.js

@@ -0,0 +1,7 @@
+export const getKSTableConfig = async () => {
+    const config = await fetch("./Index/Configs/WithSearch/config.json");
+    // debugger;
+    const configJson = await config.json();
+
+    return configJson;
+};

package/bin/v1/commands/WithHeader/template/v8/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/v1/commands/WithHeader/template/v8/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/v1/commands/WithHeader/template/v8/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/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/WithSerialHtmlId/BuildTable/callKSTable.js

@@ -0,0 +1,22 @@
+// import { initShowTable } from "/KSTable/v1/entry.js";
+
+export const callKSTable1 = async (config) => {
+    if (window?.KSTable?.initShowTable) {
+        console.log("loaded from cdn");
+
+        return window.KSTable.initShowTable(config);
+    };
+
+    return await initShowTable(config);
+    // return false;
+};
+
+export const callKSTable = async (config) => {
+    if (window?.KSTable?.initShowTable) {
+        return window.KSTable.initShowTable(config);
+    }
+
+    const { initShowTable } = await import("/KSTable/v7/entry.js");
+
+    return initShowTable(config);
+};

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/WithSerialHtmlId/BuildTable/getKSTableConfig.js

@@ -0,0 +1,7 @@
+export const getKSTableConfig = async () => {
+    const config = await fetch("./Index/Configs/WithSerial/config.json");
+    // debugger;
+    const configJson = await config.json();
+
+    return configJson;
+};

package/bin/v1/commands/WithHeader/template/v8/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/v1/commands/WithHeader/template/v8/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/v1/commands/WithHeader/template/v8/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/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/start.js

@@ -0,0 +1,15 @@
+import showAllHtmlId from "./ShowAllHtmlId/start.js";
+import withSerialHtmlId from "./WithSerialHtmlId/start.js";
+import withSearchHtmlId from "./WithSearchHtmlId/start.js";
+// import { funcToRun as addItemHtmlId } from "./AddItemHtmlId/start.js";
+// import { funcToRun as toTallyId } from "./toTallyId/start.js";
+
+const hookAllListeners = () => {
+    showAllHtmlId();
+    withSerialHtmlId();
+    withSearchHtmlId();
+    // addItemHtmlId();
+    // toTallyId();
+};
+
+export { hookAllListeners };

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/FetchAsGet/AfterFetch/FetchAsPost/fetchFuncs.js

@@ -0,0 +1,20 @@
+import getUrlJson from './getUrl.json' with {type: 'json'};
+
+let StartFunc = async ({ inPk }) => {
+    let jVarLocalUrl = `${getUrlJson.GetEndPoint}/${inPk}`;
+
+    const response = await fetch(jVarLocalUrl, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+            "insertedToTally": true
+        }),
+    });
+
+    return await response;
+};
+
+export { StartFunc };
+

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/FetchAsGet/AfterFetch/FetchAsPost/getUrl.json

@@ -0,0 +1,3 @@
+{
+    "GetEndPoint": "/Api/V6/BillsTable/Alter"
+}

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/FetchAsGet/AfterFetch/FetchAsPost/start.js

@@ -0,0 +1,13 @@
+import { StartFunc as StartFuncFetchFuncs } from './fetchFuncs.js';
+
+const startFunc = async ({ inPk }) => {
+    let localResponse = await StartFuncFetchFuncs({ inPk });
+
+    if (localResponse.status === 200) {
+        return await true;
+    };
+
+    return await false;
+};
+
+export default startFunc;

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/FetchAsGet/AfterFetch/entryFile.js

@@ -0,0 +1,16 @@
+import fetchAsPost from "./FetchAsPost/start.js";
+
+let StartFunc = async ({ inResponse, inPk, inCurrentTarget }) => {
+    let jVarLocalResponse = await inResponse;
+
+    if (jVarLocalResponse.status === 200) {
+        const fromPost = await fetchAsPost({ inPk: inPk })
+        console.log("inCurrentTarget : ", inCurrentTarget);
+
+        inCurrentTarget.classList.add("danger");
+
+        alert(fromPost);
+    };
+};
+
+export { StartFunc };

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/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/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/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/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/FetchAsGet/AfterFetch/status409.js

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

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/FetchAsGet/AfterFetch/url.json

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

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/FetchAsGet/fetchFuncs.js

@@ -0,0 +1,13 @@
+import { formSearchParamsFunc } from "./formSearchParamsFunc.js";
+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/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/FetchAsGet/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/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/FetchAsGet/getUrl.json

@@ -0,0 +1,3 @@
+{
+    "GetEndPoint": "/ToTally/V1/BillsTable/InsertToTally"
+}

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/FetchAsGet/start.js

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

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/FetchAsPost/fetchFuncs.js

@@ -0,0 +1,20 @@
+import getUrlJson from './getUrl.json' with {type: 'json'};
+
+let StartFunc = async ({ inPk }) => {
+    let jVarLocalUrl = `${getUrlJson.GetEndPoint}/${inPk}`;
+
+    const response = await fetch(jVarLocalUrl, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+            "insertedToTally": true
+        }),
+    });
+
+    return await response;
+};
+
+export { StartFunc };
+

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/FetchAsPost/getUrl.json

@@ -0,0 +1,3 @@
+{
+    "GetEndPoint": "/Api/V6/BillsTable/Alter"
+}

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/FetchAsPost/start.js

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

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/clickFunc.js

@@ -0,0 +1,17 @@
+import { startFetchAsGet } from "./FetchAsGet/start.js";
+
+const clickFuncToRun = ({ inCurrentTarget }) => {
+    const localCurrentTarget = inCurrentTarget;
+    if (localCurrentTarget.classList.contains("danger")) {
+        alert("already posted to tally");
+
+        return;
+    };
+    // applyActive({ inCurrentTarget });
+
+    const pkToPost = document.getElementById("htmlId").innerHTML;
+
+    startFetchAsGet({ inPk: pkToPost, inCurrentTarget });
+};
+
+export { clickFuncToRun };

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/toTallyId/start.js

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

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/CommonFuncs/afterHeadSave.js

@@ -0,0 +1,33 @@
+import onSuccessFunc from "./onSuccess.js";
+
+const afterHeadSave = async (inPk) => {
+    const config = await fetch("Index/Configs/AddItem/config.json");
+    const configJson = await config.json();
+
+    configJson.endPoints.findFromParams = configJson.endPoints.findFromParams.replace("{pk}", inPk);
+    configJson.callbacks.vertical.onSuccess = onSuccessFunc;
+
+    if (window.KSTable) {
+        console.log("table loaded from cdn");
+
+        await window.KSTable.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 = inPk.toString();
+    configForSubTableJson.endPoints.read += inPk.toString();
+
+    if (window.KSTable) {
+        console.log("table loaded from cdn");
+
+        await window.KSTable.initTableWithFooter(configForSubTableJson);
+    };
+};
+
+export default afterHeadSave;

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/CommonFuncs/onSuccess.js

@@ -0,0 +1,13 @@
+import afterHeadSave from "./afterHeadSave.js";
+
+const onSuccessFunc = async (res) => {
+    const fromReponse = await res.json();
+    // console.log("fromReponse : ", fromReponse);
+
+    document.getElementById("htmlId").innerHTML = fromReponse.pk;
+
+    // window.location.href = `../WithSubTable/index.html?pk=${fromReponse.pk}`;
+    await afterHeadSave(fromReponse.pk);
+};
+
+export default onSuccessFunc;

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/buildHeader.js

@@ -0,0 +1,12 @@
+// import headerBuild from "/header/v3/initHeader.js";
+
+const buildHeader = async () => {
+    const fromFetch = await fetch("./Index/headers.json");
+    const headerConfig = await fromFetch.json();
+    // debugger;
+    await window.KSHeader(headerConfig);
+
+    // await headerBuild(headerConfig);
+};
+
+export { buildHeader };

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/runAfterDomLoad.js

@@ -0,0 +1,10 @@
+import { buildHeader } from "./buildHeader.js";
+import { hookAllListeners } from "./AddListeners/start.js";
+
+const runAfterDomLoad = () => {
+    buildHeader().then(fromPromise => {
+        hookAllListeners();
+    });
+};
+
+export { runAfterDomLoad };

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/start.js

@@ -0,0 +1,7 @@
+import { runAfterDomLoad } from "./runAfterDomLoad.js";
+
+export function startDomContentLoaded() {
+    document.addEventListener("DOMContentLoaded", () => {
+        runAfterDomLoad();
+    });
+};

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/start.js

@@ -0,0 +1,5 @@
+import { startDomContentLoaded } from "./DomContentLoaded/start.js";
+
+export function startFormLoad() {
+    startDomContentLoaded();
+}

package/bin/v1/commands/WithHeader/template/v8/Index/headers.json

@@ -0,0 +1,69 @@
+{
+    "uiClasses": {
+        "ulClass": "[&_svg]:size-6"
+    },
+    "title": {
+        "text": "Ledgers",
+        "htmlId": "htmlId"
+    },
+    "items": [
+        {
+            "text": "ShowAll",
+            "id": "ShowAllHtmlId",
+            "icon": [
+                "M4 6h16",
+                "M4 10h16",
+                "M4 14h16",
+                "M4 18h16"
+            ],
+            "uiClasses": {
+                "aClass": ""
+            },
+            "svgName": "home"
+        },
+        {
+            "text": "WithSerial",
+            "id": "WithSerialHtmlId",
+            "icon": [
+                "M8 6h12",
+                "M8 12h12",
+                "M8 18h12",
+                "M4 6h.01",
+                "M4 12h.01",
+                "M4 18h.01"
+            ],
+            "svgName": "serial"
+        },
+        {
+            "text": "WithSearch",
+            "id": "WithSearchHtmlId",
+            "icon": [
+                "M11 19a8 8 0 100-16 8 8 0 000 16z",
+                "M21 21l-4.35-4.35"
+            ],
+            "svgName": "search"
+        },
+        {
+            "text": "Transactions",
+            "id": "1",
+            "icon": [
+                "M6 2h9l5 5v15a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z",
+                "M14 2v6h6",
+                "M8 12h8",
+                "M8 16h8"
+            ],
+            "svgName": "currency",
+            "href": "../../BillsTable/index.html",
+            "href1": "../../Transactions/V7/Create/index.html"
+        },
+        {
+            "text": "ToTally",
+            "id": "toTallyId",
+            "icon": [
+                "M12 3v12",
+                "M8 11l4 4 4-4",
+                "M5 21h14"
+            ]
+        }
+    ]
+}

package/bin/v1/commands/WithHeader/template/v8/Index/start.js

@@ -0,0 +1,7 @@
+import { startFormLoad } from "./FormLoad/start.js";
+
+function startApp() {
+    startFormLoad();
+};
+
+startApp();