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.

This commit is contained in:
2025-07-24 16:48:18 +01:00
parent 6bb3a77a34
commit fad5336cc4
137 changed files with 10442 additions and 1116 deletions

View File

@@ -757,7 +757,7 @@ form.filter button.save, form.filter button.button-cancel {
margin-top: 1vh;
}
#tableMain {
table.table-main {
overflow-x: auto;
padding: 1vh 1vw;
max-width: 88vw; /* min(calc(1vh * 80), calc(1vw * 90)); */
@@ -766,28 +766,29 @@ form.filter button.save, form.filter button.button-cancel {
justify-content: normal;
}
#tableMain * {
table.table-main * {
padding: 0.25vh 0.5vh;
}
#tableMain thead {
table.table-main thead {
max-height: 4vh;
overflow-y: visible;
background-color: var(--colour-text-background);
}
#tableMain tbody {
table.table-main tbody {
max-height: 60vh;
overflow-y: auto;
min-width: fit-content;
max-width: fit-content;
overflow-x: visible;
}
#tableMain tbody.is_collapsed {
table.table-main tbody.is_collapsed {
display: block;
}
#tableMain:has(tbody > div) tbody {
table.table-main:has(tbody > div) tbody {
}
#tableMain tbody > div {
table.table-main tbody > div {
margin-left: auto;
margin-right: auto;
text-align: center;
@@ -802,62 +803,75 @@ form.filter button.save, form.filter button.button-cancel {
width: 100%; /* min(calc(90vh), calc(70vw)); */
}
#tableMain select,
#tableMain input:not([type="checkbox"]),
#tableMain textarea,
#tableMain div {
table.table-main select,
table.table-main input:not([type="checkbox"]),
table.table-main textarea,
table.table-main div {
box-sizing: border-box;
width: 100%;
max-width: 100%;
height: 100%;
border: 1px solid var(--colour-accent);
border-radius: 0.5vh;
text-align: center;
background-color: var(--colour-text-background);
}
#tableMain thead tr th, #tableMain tbody tr td {
width: 20vh;
table.table-main thead tr th,
table.table-main tbody tr td {
max-width: 20vh;
min-width: 20vh;
padding: 0 0.5vh;
}
#tableMain tbody tr td {
table.table-main tbody tr td {
height: 5vh;
/* padding-top: 0.5vh; */
}
#tableMain tbody tr td:has(.dirty) {
table.table-main thead tr th.notes,
table.table-main tbody tr td.notes {
max-width: fit-content;
}
table.table-main tbody tr td:has(.dirty) {
background-color: var(--colour-primary);
}
#tableMain tbody tr:not(:last-of-type) td {
table.table-main tbody tr td:has(.dirty) table {
background-color: var(--colour-text-background);
}
table.table-main tbody tr:not(:last-of-type) td {
padding-bottom: 0.25vh;
}
#tableMain tbody tr td.ddl-preview div,
#tableMain tbody tr td.ddl-preview select {
table.table-main tbody tr td.ddl-preview div {
cursor: pointer;
}
table.table-main tbody tr td.ddl-preview div,
table.table-main tbody tr td.ddl-preview select {
padding-left: 2vh;
padding-right: 2vh;
}
#tableMain tbody tr td.ddl-preview select {
table.table-main tbody tr td.ddl-preview select {
font-size: 12px;
}
#tableMain thead tr th.active,
#tableMain tbody tr td.active {
width: 6vh;
table.table-main thead tr th.active,
table.table-main tbody tr td.active {
max-width: 6vh;
min-width: 6vh;
}
#tableMain thead tr th.active svg.active.add {
table.table-main thead tr th.active svg.active.add {
fill: var(--colour-primary);
background-color: var(--colour-accent);
border: 2px solid var(--colour-accent);
padding: 0;
border-radius: 1vh;
}
#tableMain tbody tr td.active svg.active.add {
table.table-main tbody tr td.active svg.active.add {
fill: var(--colour-primary);
}
#tableMain tbody tr td.active svg.active.delete {
table.table-main tbody tr td.active svg.active.delete {
fill: var(--colour-error);
}
#tableMain tbody tr td.display_order,
#tableMain thead tr th.display_order {
width: 5vh;
table.table-main tbody tr td.display_order,
table.table-main thead tr th.display_order {
max-width: 5vh;
min-width: 5vh;
}
@@ -874,10 +888,10 @@ form.filter button.save, form.filter button.button-cancel {
width: 15vh;
/* height: 3vh; */
}
#tableMain {
table.table-main {
max-height: 60vh;
}
#tableMain tbody {
table.table-main tbody {
max-height: 53vh;
}
}