Feat(SQL, UI): Logic for Get-Many SQL Stored Procedures refactored to use Calc Stored Procedures and Dog Command Links page styling improved.

2025-07-01 21:21:51 +01:00
parent caeb13429a
commit 0d1e644e6c
102 changed files with 6971 additions and 1797 deletions
--- a/static/js/pages/dog/dogs.js
+++ b/static/js/pages/dog/dogs.js
@@ -0,0 +1,132 @@
+ 
+import Events from "../../lib/events.js";
+import TableBasePage from "../base_table.js";
+import API from "../../api.js";
+import DOM from "../../dom.js";
+import DogTableMixinPage from "./mixin_table.js";
+
+export default class PageDogDogs extends TableBasePage {
+    static hash = hashPageDogDogs;
+    static attrIdRowObject = attrIdDog;
+    callSaveTableContent = API.saveDogs;
+
+    constructor(router) {
+        super(router);
+        this.dogMixin = new DogTableMixinPage(this);
+    }
+
+    initialize() {
+        this.sharedInitialize();
+    }
+
+    hookupFilters() {
+        this.sharedHookupFilters();
+        this.hookupFilterIsNotEmpty();
+        this.hookupFilterActive();
+    }
+    hookupFilterIsNotEmpty() {
+        this.hookupEventHandler("change", idFormFilters + ' .' + flagIsNotEmpty, (event, filter) => {
+            PageDogDogs.isDirtyFilter(filter);
+        });
+    }
+
+    loadRowTable(rowJson) {
+        if (rowJson == null) return;
+        if (_verbose) { console.log("applying data row: ", rowJson); }
+        let row = _rowBlank.cloneNode(true);
+        row.classList.remove(flagRowNew);
+        row.classList.remove(flagInitialised);
+        row.querySelectorAll('.' + flagInitialised).forEach(function(element) {
+            element.classList.remove(flagInitialised);
+        });
+        let sliderDisplayOrder = row.querySelector('td.' + flagDisplayOrder + ' .' + flagSlider);
+        let textareaCode = row.querySelector('td.' + flagCode + ' textarea');
+        let textareaName = row.querySelector('td.' + flagName + ' textarea');
+        let textareaDescription = row.querySelector('td.' + flagDescription + ' textarea');
+        let tdAccessLevel = row.querySelector('td.' + flagAccessLevel);
+        let divAccessLevel = tdAccessLevel.querySelector('div.' + flagAccessLevel);
+        let inputActive = row.querySelector('td.' + flagActive + ' input[type="checkbox"]');
+
+        DOM.setElementValuesCurrentAndPrevious(sliderDisplayOrder, rowJson[flagDisplayOrder]);
+        DOM.setElementValuesCurrentAndPrevious(textareaCode, rowJson[flagCode]);
+        DOM.setElementValuesCurrentAndPrevious(textareaName, rowJson[flagName]);
+        DOM.setElementValuesCurrentAndPrevious(textareaDescription, rowJson[flagDescription]);
+        tdAccessLevel.setAttribute(attrIdAccessLevel, rowJson[attrIdAccessLevel]);
+        tdAccessLevel.setAttribute(flagAccessLevelRequired, rowJson[flagAccessLevelRequired]);
+        divAccessLevel.setAttribute(attrIdAccessLevel, rowJson[attrIdAccessLevel]);
+        DOM.setElementValuesCurrentAndPrevious(divAccessLevel, rowJson[attrIdAccessLevel]);
+        divAccessLevel.textContent = rowJson[flagAccessLevelRequired];
+        DOM.setElementValuesCurrentAndPrevious(inputActive, rowJson[flagActive]);
+        row.setAttribute(rowJson[flagKeyPrimary], rowJson[rowJson[flagKeyPrimary]]);
+        
+        let table = TableBasePage.getTableMain();
+        let bodyTable = table.querySelector('tbody');
+        bodyTable.appendChild(row);
+    }
+    getJsonRow(row) {
+        if (row == null) return;
+        let sliderDisplayOrder = row.querySelector('td.' + flagDisplayOrder + ' .' + flagSlider);
+        let textareaCode = row.querySelector('td.' + flagCode + ' textarea');
+        let textareaName = row.querySelector('td.' + flagName + ' textarea');
+        let textareaDescription = row.querySelector('td.' + flagDescription + ' textarea');
+        let tdAccessLevel = row.querySelector('td.' + flagAccessLevel);
+        let buttonActive = row.querySelector(':scope > td.' + flagActive + ' button');
+
+        let jsonDog = {};
+        jsonDog[attrIdDog] = row.getAttribute(attrIdDog);
+        jsonDog[flagCode] = DOM.getElementAttributeValueCurrent(textareaCode);
+        jsonDog[flagName] = DOM.getElementAttributeValueCurrent(textareaName);
+        jsonDog[flagDescription] = DOM.getElementAttributeValueCurrent(textareaDescription);
+        // jsonDog[flagAccessLevelRequired] = tdAccessLevel.getAttribute(flagAccessLevelRequired);
+        jsonDog[attrIdAccessLevel] = DOM.getElementAttributeValueCurrent(tdAccessLevel);
+        jsonDog[flagActive] = buttonActive.classList.contains(flagDelete);
+        jsonDog[flagDisplayOrder] = DOM.getElementAttributeValueCurrent(sliderDisplayOrder);
+        return jsonDog;
+    }
+    initialiseRowNew(tbody, row) {
+        if (row == null) return;
+        this.initialiseSliderDisplayOrderRowNew(tbody, row);
+    }
+
+    hookupTableMain() {
+        super.hookupTableMain();
+        this.hookupSlidersDisplayOrderTable();
+        this.hookupTextareasCodeTable();
+        this.hookupTextareasNameTable();
+        this.hookupTextareasDescriptionTable();
+        this.hookupTdsAccessLevel();
+        this.hookupFieldsActive();
+    }
+    
+    /*
+    isDirtyRow(row) {
+        if (row == null) return false;
+        console.log("Product Dog isDirtyRow");
+        console.log("row: ", row);
+        let sliderDisplayOrder = row.querySelector('td.' + flagDisplayOrder);
+        let inputCode = row.querySelector('td.' + flagCode + ' textarea');
+        let inputName = row.querySelector('td.' + flagName + ' textarea');
+        let inputDescription = row.querySelector('td.' + flagDescription + ' textarea');
+        let tdAccessLevel = row.querySelector('td.' + flagAccessLevel);
+        let inputActive = row.querySelector('td.' + flagActive + ' input[type="checkbox"]');
+        let isDirty = sliderDisplayOrder.classList.contains(flagDirty) || inputCode.classList.contains(flagDirty) || inputName.classList.contains(flagDirty) || 
+            inputDescription.classList.contains(flagDirty) || tdAccessLevel.classList.contains(flagDirty) || inputActive.classList.contains(flagDirty);
+        DOM.handleDirtyElement(row, isDirty);
+        return isDirty;
+    }
+    */
+    
+    leave() {
+        super.leave();
+    }
+
+    /*
+    getFiltersDefaults() {
+        filters = {};
+        filters.flagIsNotEmpty = true;
+        filters.flagActive = true;
+        return filters;
+    }
+    */
+}
+