npm - json-crud-ui-comp-table - Versions diffs - 1.2.5 - Mend

json-crud-ui-comp-table 1.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (569) hide show

package/bin/v1/commands/WithHeader/template/v7/index.html ADDED Viewed

@@ -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>KeshavSoft2</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/Public/v5/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/WithHeader/template/v7/script.js ADDED Viewed

@@ -0,0 +1,44 @@
+function loadScript(src) {
+    return new Promise((resolve, reject) => {
+        const script = document.createElement("script");
+        script.src = src;
+        script.onload = () => resolve();
+        script.onerror = () => reject(new Error(`Failed to load: ${src}`));
+        document.head.appendChild(script);
+    });
+};
+async function ensureKSTable() {
+    if (window.KSTable) {
+        console.log("KSTable loaded from Firefox Extension");
+        return;
+    }
+    try {
+        console.log("before github");
+        await loadScript("https://keshavsoft.github.io/tailwind-table-dom/Public/v12/kstable.js");
+        console.log("after github");
+        if (window.KSTable) {
+            console.log("KSTable loaded from GitHub CDN");
+            return;
+        }
+    } catch { }
+    try {
+        await loadScript("/KSTable/v12.js");
+        if (window.KSTable) {
+            console.log("KSTable loaded from Local Server");
+            return;
+        }
+    } catch (error) {
+        console.error(error);
+    };
+    throw new Error("KSTable could not be loaded");
+};
+await ensureKSTable();

package/bin/v1/commands/WithHeader/template/v7/tailwind-3.css ADDED Viewed

@@ -0,0 +1 @@

+ *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.right-2{right:.5rem}.top-2{top:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-0{margin-left:0}.ml-3{margin-left:.75rem}.mt-0{margin-top:0}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\/2{width:50%}.w-24{width:6rem}.w-36{width:9rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-auto{width:auto}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{row-gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.p-6{padding:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-2{padding-bottom:.5rem}.pl-3{padding-left:.75rem}.pr-9{padding-right:2.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-colors{transition-duration:.15s}.odd\:bg-gray-100:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-gray-500:active{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}@media (min-width:768px){.md\:ml-0{margin-left:0}.md\:mt-0{margin-top:0}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-wrap{flex-wrap:wrap}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:gap-4{gap:1rem}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.md\:text-center{text-align:center}}@media (min-width:1024px){.lg\:h-7{height:1.75rem}.lg\:w-7{width:1.75rem}.lg\:max-w-5xl{max-width:64rem}.lg\:bg-transparent{background-color:transparent}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:py-1{padding-top:.25rem;padding-bottom:.25rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:max-w-6xl{max-width:72rem}.xl\:max-w-full{max-width:100%}.xl\:px-10{padding-left:2.5rem;padding-right:2.5rem}}

package/bin/v1/commands/WithHeader/template/v8/Index/Configs/ShowAll/config.json ADDED Viewed

@@ -0,0 +1,60 @@
+{
+    "containerId": "kSTableContainer",
+    "tableName": "",
+    "mode": "create",
+    "layout": {
+        "verticalPosition": "top",
+        "type": "table"
+    },
+    "endPoints": {
+        "create": "",
+        "update": "",
+        "delete": "",
+        "read": "/Api/V4/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": {}
+            }
+        }
+    ]
+}

package/bin/v1/commands/WithHeader/template/v8/Index/Configs/WithSearch/config.json ADDED Viewed

@@ -0,0 +1,66 @@
+{
+    "containerId": "kSTableContainer",
+    "tableName": "Ledger Names",
+    "mode": "create",
+    "layout": {
+        "verticalPosition": "top",
+        "type": "table"
+    },
+    "endPoints": {
+        "create": "",
+        "update": "",
+        "delete": "",
+        "read": "/Api/V1/LedgerNames/ShowAll",
+        "find": "",
+        "filter": "",
+        "dataLists": {}
+    },
+    "options": {
+        "firstRow": {
+            "showSearch": true
+        },
+        "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": {}
+            }
+        }
+    ]
+}

package/bin/v1/commands/WithHeader/template/v8/Index/Configs/WithSerial/config.json ADDED Viewed

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

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/BuildTable/callKSSubTable.js ADDED Viewed

@@ -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/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/BuildTable/callKSTable.js ADDED Viewed

@@ -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/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/BuildTable/formSearchParamsFunc.js ADDED Viewed

@@ -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/AddItemHtmlId/BuildTable/getKSTableConfig.js ADDED Viewed

@@ -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/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/BuildTable/index.js ADDED Viewed

@@ -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/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/FetchAsGet/AfterFetch/entryFile.js ADDED Viewed

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

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/FetchAsGet/AfterFetch/status200.js ADDED Viewed

@@ -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/AddItemHtmlId/FetchAsGet/AfterFetch/status401.js ADDED Viewed

@@ -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/AddItemHtmlId/FetchAsGet/AfterFetch/status409.js ADDED Viewed

@@ -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/AddItemHtmlId/FetchAsGet/AfterFetch/url.json ADDED Viewed

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

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

@@ -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/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/FetchAsGet/getUrl.json ADDED Viewed

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

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

@@ -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/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/clickFunc.js ADDED Viewed

@@ -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/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/AddItemHtmlId/start.js ADDED Viewed

@@ -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/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/ShowAllHtmlId/BuildTable/callKSTable.js ADDED Viewed

@@ -0,0 +1,9 @@
+export const callKSTable = async (config) => {
+    if (window?.KSTable?.initShowTable) {
+        return window.KSTable.initShowTable(config);
+    };
+    const { initShowTable } = await import("/KSTable/v12/entry.js");
+    return initShowTable(config);
+};

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

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

package/bin/v1/commands/WithHeader/template/v8/Index/FormLoad/DomContentLoaded/AddListeners/ShowAllHtmlId/BuildTable/index.js ADDED Viewed

@@ -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/ShowAllHtmlId/clickFunc.js ADDED Viewed

@@ -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 };