json-crud-ui-comp-table 1.2.5

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchStockItems/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/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchStockItems/AfterFetch/status409.js

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

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchStockItems/AfterFetch/url.json

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

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchStockItems/fetchFuncs.js

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

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchStockItems/getUrl.json

@@ -0,0 +1,4 @@
+{
+    "GetEndPoint2": "/FromTally/V2/StockItems/Transform",
+    "GetEndPoint": "/FromTally/V3/StockItems/Transform"
+}

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/FetchStockItems/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/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/clickFunc.js

@@ -0,0 +1,9 @@
+import { startFetchAsGet } from "./FetchAsGet/start.js";
+import { startFetchAsGet as FetchStockItems } from "./FetchStockItems/start.js";
+
+const clickFuncToRun = async () => {
+    await startFetchAsGet();
+    await FetchStockItems();
+};
+
+export { clickFuncToRun };

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/ImportHtmlId/start.js

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

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/TallyDownId/clickFunc.js

@@ -0,0 +1,7 @@
+import tallyStatus from "../../../../tallyStatus.js";
+
+const clickFuncToRun = () => {
+    tallyStatus().then();
+};
+
+export { clickFuncToRun };

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/TallyDownId/start.js

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

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/TallyUpId/clickFunc.js

@@ -0,0 +1,7 @@
+import tallyStatus from "../../../../tallyStatus.js";
+
+const clickFuncToRun = () => {
+    tallyStatus().then();
+};
+
+export { clickFuncToRun };

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/TallyUpId/start.js

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

package/bin/v1/commands/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/AddListeners/start.js

@@ -0,0 +1,11 @@
+import tallyDownId from "./TallyDownId/start.js";
+import tallyUpId from "./TallyUpId/start.js";
+import importHtmlId from "./ImportHtmlId/start.js";
+
+const hookAllListeners = () => {
+    tallyDownId();
+    tallyUpId();
+    importHtmlId();
+};
+
+export { hookAllListeners };

package/bin/v1/commands/HeaderOnly/template/v5/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/HeaderOnly/template/v5/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/HeaderOnly/template/v5/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/HeaderOnly/template/v5/Index/FormLoad/DomContentLoaded/runAfterDomLoad.js

@@ -0,0 +1,21 @@
+import { buildHeader } from "./buildHeader.js";
+import { hookAllListeners } from "./AddListeners/start.js";
+import tallyStatus from "../../tallyStatus.js";
+
+const runAfterDomLoad = () => {
+    import("../../../script.js").then();
+
+    setTimeout(() => {
+        console.log("aaaaaaa");
+
+        buildHeader().then(fromPromise => {
+            setInterval(() => {
+                tallyStatus().then();
+            }, 20000);
+
+            hookAllListeners();
+        });
+    }, 1000);
+};
+
+export { runAfterDomLoad };

package/bin/v1/commands/HeaderOnly/template/v5/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/HeaderOnly/template/v5/Index/FormLoad/start.js

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

package/bin/v1/commands/HeaderOnly/template/v5/Index/headers.json

@@ -0,0 +1,68 @@
+{
+    "uiClasses": {
+        "ulClass1": "[&_svg]:size-10",
+        "svgDivClass": "size-6"
+    },
+    "title": {
+        "text": "Ledgers",
+        "htmlId": "htmlId"
+    },
+    "items": [
+        {
+            "text": "Ledgers",
+            "id": "LedgersHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": ""
+            },
+            "svgName": "home",
+            "href": "../../V7/LedgerNames/ShowAll/index.html"
+        },
+        {
+            "text": "StockItems",
+            "id": "StockItemsHtmlId",
+            "icon": [],
+            "svgName": "serial"
+        },
+        {
+            "text": "Transactions",
+            "id": "TransactionsHtmlId",
+            "icon": [
+                "M11 19a8 8 0 100-16 8 8 0 000 16z",
+                "M21 21l-4.35-4.35"
+            ],
+            "svgName": "search",
+            "href": "./Tally/V8/BillsTable/index.html"
+        },
+        {
+            "text": "FromTally",
+            "id": "ImportHtmlId",
+            "icon": [
+                "M12 3v12",
+                "M8 11l4 4 4-4",
+                "M5 21h14"
+            ],
+            "svgName": "download"
+        },
+        {
+            "text": "TallyUp",
+            "id": "tallyUpId",
+            "icon": [
+                "M12 3v12",
+                "M8 11l4 4 4-4",
+                "M5 21h14"
+            ],
+            "svgName": "wifi"
+        },
+        {
+            "text": "TallyDown",
+            "id": "tallyDownId",
+            "icon": [
+                "M12 3v12",
+                "M8 11l4 4 4-4",
+                "M5 21h14"
+            ],
+            "svgName": "exclamation"
+        }
+    ]
+}

package/bin/v1/commands/HeaderOnly/template/v5/Index/start.js

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

package/bin/v1/commands/HeaderOnly/template/v5/Index/tallyStatus.js

@@ -0,0 +1,53 @@
+const startFunc = async () => {
+    const tallyPromise = await fetch("/FromTally/V3/Status");
+
+    if (tallyPromise.status === 200) {
+        jFLocalDisplayShowtallyUpId();
+        jFLocalDisplayNonetallyDownId();
+    } else {
+        jFLocalDisplayNonetallyUpId();
+        jFLocalDisplayShowtallyDownId();
+    };
+};
+
+let jFLocalDisplayShowtallyDownId = () => {
+    let jVarLocalHtmlId = 'tallyDownId';
+    let jVarLocaltallyDownId = document.getElementById(jVarLocalHtmlId);
+
+    if (jVarLocaltallyDownId === null === false) {
+        jVarLocaltallyDownId.style.display = '';
+
+        jVarLocaltallyDownId.classList.add("danger");
+    };
+};
+
+let jFLocalDisplayNonetallyUpId = () => {
+    let jVarLocalHtmlId = 'tallyUpId';
+    let jVarLocaltallyUpId = document.getElementById(jVarLocalHtmlId);
+
+    if (jVarLocaltallyUpId === null === false) {
+        jVarLocaltallyUpId.style.display = 'none';
+    };
+};
+
+let jFLocalDisplayShowtallyUpId = () => {
+    let jVarLocalHtmlId = 'tallyUpId';
+    let jVarLocaltallyUpId = document.getElementById(jVarLocalHtmlId);
+
+    if (jVarLocaltallyUpId === null === false) {
+        jVarLocaltallyUpId.style.display = '';
+
+        jVarLocaltallyUpId.classList.add("active");
+    };
+};
+
+let jFLocalDisplayNonetallyDownId = () => {
+    let jVarLocalHtmlId = 'tallyDownId';
+    let jVarLocaltallyDownId = document.getElementById(jVarLocalHtmlId);
+
+    if (jVarLocaltallyDownId === null === false) {
+        jVarLocaltallyDownId.style.display = 'none';
+    };
+};
+
+export default startFunc;

package/bin/v1/commands/HeaderOnly/template/v5/index.html

@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>KeshavSoft10.5</title>
+
+    <!-- Tailwind CDN -->
+    <!-- <script src="https://cdn.tailwindcss.com"></script> -->
+
+    <!-- <link rel="stylesheet" href="./tailwind-3.css"> -->
+
+    <!-- Heroicons (SVG inline, no extra CDN needed) -->
+
+    <style>
+        tfoot tr {
+            background-color: #fff8dc;
+        }
+
+        tfoot tr:has(input:focus) {
+            background-color: #ffe082;
+        }
+
+        input:focus {
+            outline: none;
+            border: 2px solid #2563eb;
+            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.3);
+        }
+
+        mark {
+            background-color: yellow;
+            color: black;
+        }
+
+        .active svg {
+            stroke: #3b82f6;
+            /* Example color */
+        }
+
+        .active span {
+            color: #3b82f6;
+            /* Example color */
+        }
+
+        .danger svg {
+            stroke: #c41d14;
+            /* Example color */
+        }
+
+        .danger span {
+            color: #c41d14;
+            /* Example color */
+        }
+    </style>
+</head>
+
+<body class="bg-gray-100 flex flex-col min-h-screen">
+    <main class="flex-grow">
+        <!-- NAVBAR -->
+
+        <div id="header"></div>
+
+        <!-- body -->
+        <section class="mx-auto px-3 py-6 
+                max-w-3xl 
+                lg:max-w-5xl 
+                xl:max-w-6xl">
+
+            <!-- Table container -->
+
+            <div id="kSTableContainer">
+            </div>
+
+            <div id="kSSubTableContainer">
+            </div>
+        </section>
+
+
+    </main>
+    <footer class="bg-gray-200 text-gray-700 text-center py-4">
+        <div class="max-w-6xl mx-auto px-4">
+            © 2026 KeshavSoft • Contact
+        </div>
+    </footer>
+
+    <!-- <script src="https://keshavsoft.github.io/KsJsTableAi/Public/kstable.js" type="module"></script> -->
+    <!-- <script src="https://keshavsoft.github.io/tailwind-header-dom/Public/v4.2/ksheader.js" type="module"></script> -->
+
+    <!-- <script src="https://keshavsoft.github.io/tailwind-table-dom/Public/v10/kstable.js" type="module"></script> -->
+
+    <!-- <script src="./script.js" type="module"></script> -->
+
+    <script type="module" src="./Index/start.js"></script>
+</body>
+
+</html>

package/bin/v1/commands/HeaderOnly/template/v5/loadCss.js

@@ -0,0 +1,55 @@
+async function ensureTailwind() {
+    function loadCss(href) {
+        return new Promise((resolve, reject) => {
+            const link = document.createElement("link");
+
+            link.rel = "stylesheet";
+            link.href = href;
+
+            link.onload = resolve;
+            link.onerror = reject;
+
+            document.head.appendChild(link);
+        });
+    };
+
+    const tryLocal = async () => {
+        try {
+            await loadCss("./tailwind-3.css");
+
+            console.log("Tailwind loaded locally");
+            return true;
+        } catch { return false; }
+    };
+
+    const tryKsWebExtension = async () => {
+        try {
+            await loadCss("https://keshavsoft.github.io/KsWebExtension/tailwind-3.css");
+
+            console.log("Tailwind loaded from KsWebExtension");
+            return true;
+        } catch { return false; }
+    };
+
+    const tryGit = async () => {
+        try {
+            await loadCss("https://keshavsoft.github.io/tailwind-gen-css/tailwind-3.css");
+
+            console.log("Tailwind loaded from tailwind-gen-css");
+            return true;
+        } catch { return false; }
+    };
+
+    if (document.getElementById("KSTableTailwind")) {
+        console.log("Tailwind loaded from Firefox Extension");
+        return;
+    };
+
+    if (await tryLocal()) return;
+    if (await tryKsWebExtension()) return;
+    if (await tryGit()) return;
+
+    throw new Error("Tailwind could not be loaded");
+};
+
+await ensureTailwind();

package/bin/v1/commands/HeaderOnly/template/v5/loadJs.js

@@ -0,0 +1,55 @@
+async function ensureKSTable() {
+    function loadScriptAsModule(src) {
+        return new Promise((resolve, reject) => {
+            const script = document.createElement("script");
+
+            script.src = src;
+            script.onload = () => resolve(true);
+            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
+            script.type = "module";
+
+            document.head.appendChild(script);
+        });
+    };
+
+    function isKSTableLoaded() {
+        return !!window.KSTable;
+    };
+
+    async function tryGitHub() {
+        try {
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-table-dom/Public/v12/kstable.js");
+
+            console.log("KSTable loaded from Local Server");
+
+            if (fromPromise) return true;
+        } catch { return false };
+
+        return false;
+    };
+
+    async function tryLocal() {
+        try {
+            const fromPromise = await loadScriptAsModule("/KSTable/v1/entry.js");
+
+            console.log("KSTable loaded from Local Server");
+
+            if (fromPromise) return true;
+        } catch { return false };
+
+        return false;
+    };
+
+    if (isKSTableLoaded()) {
+        console.log("KSTable loaded from Firefox Extension");
+        return;
+    };
+
+    if (await tryLocal()) return;
+
+    if (await tryGitHub()) return;
+
+    throw new Error("KSTable could not be loaded");
+};
+
+await ensureKSTable();