admin/dog_training
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat(SQL, UI): 1. Calc and Get Many Stored Procedures created for Weather, Lighting Level, Assessment, Distraction Type, Distraction Intensity Level, Distraction, Bribe, Assessment Command Modality Link, Response Quality Metric, Obedience Level, and Assessment Response. \n 2. Assessments and Assessment pages created with data loading and hooked up, but not saving.

Browse Source
This commit is contained in:
Teddy Middleton-Smith
2025-07-24 16:48:18 +01:00
parent 6bb3a77a34
commit fad5336cc4
137 changed files with 10442 additions and 1116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
static/js/pages/base_table.js
View File

@@ -73,7 +73,7 @@ export default class TableBasePage extends BasePage {
filterActiveNew.setAttribute('id', flagActiveOnly);
if (isChecked) filterActiveNew.classList.add(flagIsChecked);
this.hookupEventHandler("click", filterSelector, (event, filterActive) => {
Events.hookupEventHandler("click", filterSelector, (event, filterActive) => {
Utils.consoleLogIfNotProductionEnvironment({ filterActive });
Utils.consoleLogIfNotProductionEnvironment({ [filterActive.tagName]: filterActive.tagName });
let svgElement = (filterActive.tagName.toUpperCase() == 'SVG') ? filterActive : filterActive.parentElement;
@@ -93,7 +93,7 @@ export default class TableBasePage extends BasePage {
}
hookupFilter(filterFlag, handler = (event, filter) => { return this.handleChangeFilter(event, filter); }) {
let filterSelector = idFormFilters + ' #' + filterFlag;
this.hookupEventHandler("change", filterSelector, handler);
Events.hookupEventHandler("change", filterSelector, handler);
let filter = document.querySelector(filterSelector);
let filterValuePrevious = DOM.getElementValueCurrent(filter);
filter.setAttribute(attrValueCurrent, filterValuePrevious);
@@ -140,7 +140,7 @@ export default class TableBasePage extends BasePage {
this.hookupFilter(flagIsNotEmpty);
}
hookupButtonApplyFilters() {
this.hookupEventHandler("click", idButtonApplyFilters, (event, button) => {
Events.hookupEventHandler("click", idButtonApplyFilters, (event, button) => {
event.stopPropagation();
this.callFilterTableContent();
});
@@ -178,6 +178,9 @@ export default class TableBasePage extends BasePage {
hookupFilterCommand() {
this.hookupFilter(attrIdCommand);
}
hookupFilterLocation() {
this.hookupFilter(attrIdLocation);
}
/*
getAndLoadFilteredTableContent = () => {
this.callFilterTableContent()
@@ -334,11 +337,9 @@ export default class TableBasePage extends BasePage {
if (this.constructor === TableBasePage) {
throw new Error("Must implement hookupTableMain() method.");
}
if (true) { // _rowBlank == null) {
Events.initialiseEventHandler(idTableMain, flagInitialised, (table) => {
this.cacheRowBlank();
});
}
Events.initialiseEventHandler(idTableMain, flagInitialised, (table) => {
this.cacheRowBlank();
});
}
cacheRowBlank() {
let selectorRowNew = idTableMain + ' tbody tr.' + flagRowNew;
@@ -379,79 +380,6 @@ export default class TableBasePage extends BasePage {
handler(null, input);
});
}
/*
handleChangeElementCellTable(event, element) {
let row = DOM.getRowFromElement(element);
let td = DOM.getCellFromElement(element);
let wasDirtyRow = DOM.hasDirtyChildrenContainer(row);
let wasDirtyElement = element.classList.contains(flagDirty);
let isDirtyElement = DOM.updateAndCheckIsElementDirty(element);
if (isDirtyElement != wasDirtyElement) {
DOM.handleDirtyElement(td, isDirtyElement);
let isNowDirtyRow = DOM.hasDirtyChildrenContainer(row);
if (isNowDirtyRow != wasDirtyRow) {
DOM.handleDirtyElement(row, isNowDirtyRow);
let rows = this.getTableRecords(true);
let existsDirtyRecord = rows.length > 0;
this.toggleShowButtonsSaveCancel(existsDirtyRecord);
}
}
}
handleChangeElementNestedCellTable(event, element, flagColumnList = [], orderNesting = 1) {
let orderNestingTemp = orderNesting;
let row, td, nestedRowSelector;
while (orderNestingTemp > 0) {
nestedRowSelector = idTableMain;
for (let indexOrderNesting = 0; indexOrderNesting < orderNestingTemp; indexOrderNesting++) {
nestedRowSelector += ' tbody tr';
}
row = DOM.getClosestParent(element, nestedRowSelector);
td = row.querySelector('td.' + flag);
}
let row = DOM.getRowFromElement(element);
let td = DOM.getCellFromElement(element);
let wasDirtyRow = DOM.hasDirtyChildrenContainer(row);
let wasDirtyElement = element.classList.contains(flagDirty);
let isDirtyElement = DOM.updateAndCheckIsElementDirty(element);
if (isDirtyElement != wasDirtyElement) {
DOM.handleDirtyElement(td, isDirtyElement);
let isNowDirtyRow = DOM.hasDirtyChildrenContainer(row);
if (isNowDirtyRow != wasDirtyRow) {
DOM.handleDirtyElement(row, isNowDirtyRow);
let rows = this.getTableRecords(true);
let existsDirtyRecord = rows.length > 0;
this.toggleShowButtonsSaveCancel(existsDirtyRecord);
}
}
}
handleChangeElementSubtableCell(event, element, flagFieldSubtable) {
let rowSubtable = element.closest(idTableMain + ' td.' + flagFieldSubtable + ' tbody tr');
let rowTable = rowSubtable.closest(idTableMain + ' > tbody > tr');
let td = DOM.getCellFromElement(element);
// let tdSubtable = td.closest('td.' + flagFieldSubtable);
let wasDirtyRowSubtable = DOM.hasDirtyChildrenContainer(rowSubtable);
let wasDirtyRowTable = DOM.hasDirtyChildrenContainer(rowTable);
let wasDirtyElement = element.classList.contains(flagDirty);
let isDirtyElement = DOM.updateAndCheckIsElementDirty(element);
Utils.consoleLogIfNotProductionEnvironment({isDirtyElement, wasDirtyElement});
if (isDirtyElement != wasDirtyElement) {
DOM.handleDirtyElement(td, isDirtyElement);
let isNowDirtyRowSubtable = DOM.hasDirtyChildrenContainer(rowSubtable);
Utils.consoleLogIfNotProductionEnvironment({isNowDirtyRowSubtable, wasDirtyRowSubtable});
if (isNowDirtyRowSubtable != wasDirtyRowSubtable) {
DOM.handleDirtyElement(rowSubtable, isNowDirtyRowSubtable);
let isNowDirtyRowTable = DOM.hasDirtyChildrenContainer(rowTable);
Utils.consoleLogIfNotProductionEnvironment({isNowDirtyRowTable, wasDirtyRowTable});
if (isNowDirtyRowTable != wasDirtyRowTable) {
DOM.handleDirtyElement(rowTable, isNowDirtyRowTable);
let rows = this.getTableRecords(true);
let existsDirtyRecord = rows.length > 0;
this.toggleShowButtonsSaveCancel(existsDirtyRecord);
}
}
}
}
*/
handleChangeNestedElementCellTable(event, element) {
let wasDirtyParentRows = this.getAllIsDirtyRowsInParentTree(element);
let wasDirtyElement = element.classList.contains(flagDirty);
@@ -493,7 +421,7 @@ export default class TableBasePage extends BasePage {
hookupChangeHandlerTableCellsWhenNotCollapsed(inputSelector, handler = (event, element) => {
if (!element.classList.contains(flagIsCollapsed)) this.handleChangeNestedElementCellTable(event, element);
}) {
this.hookupEventHandler("change", inputSelector, handler);
Events.hookupEventHandler("change", inputSelector, handler);
}
hookupFieldsCodeTable() {
this.hookupChangeHandlerTableCells(idTableMain + ' > tbody > tr > td.' + flagCode + ' > .' + flagCode);
@@ -508,20 +436,20 @@ export default class TableBasePage extends BasePage {
this.hookupChangeHandlerTableCells(idTableMain + ' > tbody > tr > td.' + flagNotes + ' > .' + flagNotes);
}
hookupFieldsActive(flagTable = '', handleClickRowNew = (event, element) => { this.handleClickAddRowTable(event, element); }) {
let selectorButton = 'table' + (Validation.isEmpty(flagTable) ? '' : '.' + flagTable) + ' > tbody > tr > td.' + flagActive + ' .' + flagButton + '.' + flagActive;
let selectorButton = 'table.table-main' + (Validation.isEmpty(flagTable) ? '' : '.' + flagTable) + ' > tbody > tr > td.' + flagActive + ' .' + flagButton + '.' + flagActive;
let selectorButtonDelete = selectorButton + '.' + flagDelete;
let selectorButtonUndelete = selectorButton + ':not(.' + flagDelete + ')';
Utils.consoleLogIfNotProductionEnvironment("hookupFieldsActive: ", selectorButtonDelete, selectorButtonUndelete);
this.hookupButtonsRowDelete(selectorButtonDelete, selectorButtonUndelete);
this.hookupButtonsRowUndelete(selectorButtonDelete, selectorButtonUndelete);
this.hookupEventHandler(
Events.hookupEventHandler(
"click"
, 'table' + (Validation.isEmpty(flagTable) ? '' : '.' + flagTable) + ' > thead > tr > th.' + flagActive + ' .' + flagButton + '.' + flagActive
, 'table.table-main' + (Validation.isEmpty(flagTable) ? '' : '.' + flagTable) + ' > thead > tr > th.' + flagActive + ' .' + flagButton + '.' + flagActive
, (event, button) => { handleClickRowNew(event, button); }
);
}
hookupButtonsRowDelete(selectorButtonDelete, selectorButtonUndelete, changeHandler = (event, element) => { this.handleChangeNestedElementCellTable(event, element); }) {
this.hookupEventHandler("click", selectorButtonDelete, (event, element) => {
Events.hookupEventHandler("click", selectorButtonDelete, (event, element) => {
this.handleClickButtonRowDelete(event, element, selectorButtonDelete, selectorButtonUndelete, (changeEvent, changeElement) => { changeHandler(changeEvent, changeElement); });
});
}
@@ -546,7 +474,7 @@ export default class TableBasePage extends BasePage {
this.updateAndToggleShowButtonsSaveCancel();
}
hookupButtonsRowUndelete(selectorButtonDelete, selectorButtonUndelete, changeHandler = (event, element) => { this.handleChangeNestedElementCellTable(event, element); }) {
this.hookupEventHandler("click", selectorButtonUndelete, (event, element) => {
Events.hookupEventHandler("click", selectorButtonUndelete, (event, element) => {
this.handleClickButtonRowUndelete(event, element, selectorButtonDelete, selectorButtonUndelete, (changeEvent, changeElement) => { changeHandler(changeEvent, changeElement); });
});
}
@@ -575,7 +503,7 @@ export default class TableBasePage extends BasePage {
, changeHandler = (event, element) => { this.handleChangeNestedElementCellTable(event, element); }
) {
if (cellSelector == null) cellSelector = idTableMain + ' > tbody > tr > td.' + fieldFlag;
this.hookupEventHandler("click", cellSelector + ' div.' + fieldFlag, (event, div) => {
Events.hookupEventHandler("click", cellSelector + ' div.' + fieldFlag, (event, div) => {
this.handleClickTableCellDdlPreview(
event
, div
@@ -619,7 +547,7 @@ export default class TableBasePage extends BasePage {
}
/*
hookupTableCellDDlPreviewsWhenNotCollapsed(cellSelector, optionList, ddlHookup = (event, element) => { this.hookupTableCellDdls(event, element); }) {
this.hookupEventHandler("click", cellSelector + ' div', (event, div) => {
Events.hookupEventHandler("click", cellSelector + ' div', (event, div) => {
this.handleClickTableCellDdlPreview(event, div, optionList, cellSelector, (event, element) => { ddlHookup(event, element); });
});
}
@@ -631,11 +559,12 @@ export default class TableBasePage extends BasePage {
this.toggleColumnHasClassnameFlag(flagColumn, isCollapsed, flagIsCollapsed);
}
hookupFieldsCommandCategory() {
hookupFieldsCommandCategory(idTable = null) {
if (idTable == null) idTable = idTableMain;
this.hookupTableCellDdlPreviews(
flagCommandCategory
, Utils.getListFromDict(filterCommandCategories).sort((a, b) => a[flagName].localeCompare(b[flagName]))
, null
, idTable + ' > tbody > tr > td.' + flagCommandCategory // + ' .' + flagCommandCategory
, (cellSelector) => { this.hookupCommandCategoryDdls(cellSelector); }
);
}
@@ -647,7 +576,11 @@ export default class TableBasePage extends BasePage {
let idCommandCategoryRowOld = this.getIdCommandCategoryRow(row); // DOM.getElementAttributeValueCurrent(ddlCategory);
this.handleChangeNestedElementCellTable(event, ddlCategory);
let idCommandCategoryRowNew = this.getIdCommandCategoryRow(row); // DOM.getElementAttributeValueCurrent(ddlCategory);
if (idCommandCategoryRowOld == idCommandCategoryRowNew) return;
if (
idCommandCategoryRowOld == idCommandCategoryRowNew
|| idCommandCategoryRowNew == 0
) return;
console.log({ idCommandCategoryRowNew, idCommandCategoryRowOld });
let idCommandCategoryFilter = this.getIdCommandCategoryFilter();
let tdCommand = row.querySelector('td.' + flagCommand);
tdCommand.dispatchEvent(new Event('click'));
@@ -673,8 +606,9 @@ export default class TableBasePage extends BasePage {
});
this.handleChangeNestedElementCellTable(event, ddlCommand);
}
hookupFieldsCommand() {
this.hookupEventHandler("click", idTableMain + ' td.' + flagCommand + ' .' + flagCommand, (event, div) => {
hookupFieldsCommand(idTable = null) {
if (idTable == null) idTable = idTableMain;
Events.hookupEventHandler("click", idTable + ' > tbody > tr > td.' + flagCommand + ' div.' + flagCommand, (event, div) => {
Utils.consoleLogIfNotProductionEnvironment(div);
let parentTr = DOM.getRowFromElement(div);
Utils.consoleLogIfNotProductionEnvironment({ div, parentTr });
@@ -698,16 +632,35 @@ export default class TableBasePage extends BasePage {
this.handleClickTableCellDdlPreview(
event
, div
, flagCommand
, sortedCommands
, null
, flagCommand // fieldFlag
, sortedCommands // optionList
, idTable + ' > tbody > tr > td.' + flagCommand // cellSelector
, (cellSelector) => { this.hookupTableCellDdls(
cellSelector
, (event, element) => { this.handleChangeNestedElementCellTable(event, element); }
, (event, element) => { this.handleChangeCommandDdl(event, element); }
); }
);
});
this.hookupTableCellDdls(idTableMain + ' td.' + flagCommand + ' select.' + flagCommand);
this.hookupTableCellDdls(
idTable + ' > tbody > tr > td.' + flagCommand + ' select.' + flagCommand
, (event, element) => { this.handleChangeCommandDdl(event, element); }
);
}
handleChangeCommandDdl(event, ddlCommand) {
// console.log("handle change command ddl");
let row = DOM.getRowFromElement(ddlCommand);
this.handleChangeNestedElementCellTable(event, ddlCommand);
let idCommandCategoryRowOld = this.getIdCommandCategoryRow(row);
let idCommandNew = this.getIdCommandRow(row);
let commandNew = filterCommands[idCommandNew];
// console.log({ idCommandCategoryRowOld, commandNew });
if (commandNew == null || idCommandCategoryRowOld == commandNew[attrIdCommandCategory]) return;
let divCommandCategory = row.querySelector('td.' + flagCommandCategory + ' div');
if (divCommandCategory) divCommandCategory.dispatchEvent(new Event('click'));
let ddlCommandCategory = row.querySelector('td.' + flagCommandCategory + ' select.' + flagCommandCategory);
DOM.setElementValueCurrent(ddlCommandCategory, commandNew[attrIdCommandCategory]);
// console.log({ ddlCommandCategory, commandNew });
this.handleChangeNestedElementCellTable(event, ddlCommandCategory);
}
getIdCommandCategoryRow(tr) {
let elementCommandCategory = tr.querySelector('td.' + flagCommandCategory + ' .' + flagCommandCategory);
@@ -715,9 +668,10 @@ export default class TableBasePage extends BasePage {
}
getIdCommandCategoryFilter() {
let formFilters = TableBasePage.getFormFilters();
let idCommandCategory = 0;
if (formFilters == null) return idCommandCategory;
let commandCategoryFilter = formFilters.querySelector('#' + attrIdCommandCategory);
let commandFilter = formFilters.querySelector('#' + attrIdCommand);
let idCommandCategory = 0;
let valueCurrentCommandCategoryFilter = DOM.getElementAttributeValueCurrent(commandCategoryFilter);
Utils.consoleLogIfNotProductionEnvironment({ valueCurrentCommandCategoryFilter });
if (valueCurrentCommandCategoryFilter == "") {
@@ -758,7 +712,7 @@ export default class TableBasePage extends BasePage {
let elementDog = tr.querySelector('td.' + flagDog + ' .' + flagDog);
return DOM.getElementAttributeValueCurrent(elementDog);
}
/*
createTdActive(isActive) {
let tdActive = document.createElement("td");
tdActive.classList.add(flagActive);
@@ -770,7 +724,7 @@ export default class TableBasePage extends BasePage {
tdActive.appendChild(buttonActive);
return tdActive;
}
*/
leave() {
if (this.constructor === TableBasePage) {
throw new Error("Must implement leave() method.");