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:
@@ -4,7 +4,7 @@
|
||||
margin-top: 1vh;
|
||||
}
|
||||
|
||||
#tableMain {
|
||||
table.table-main {
|
||||
overflow-x: auto;
|
||||
padding: 1vh 1vw;
|
||||
max-width: 88vw; /* min(calc(1vh * 80), calc(1vw * 90)); */
|
||||
@@ -13,28 +13,29 @@
|
||||
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;
|
||||
@@ -49,62 +50,75 @@
|
||||
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 tr:not(:has(.dirty)) {
|
||||
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;
|
||||
}
|
||||
|
||||
@@ -121,10 +135,10 @@
|
||||
width: 15vh;
|
||||
/* height: 3vh; */
|
||||
}
|
||||
#tableMain {
|
||||
table.table-main {
|
||||
max-height: 60vh;
|
||||
}
|
||||
#tableMain tbody {
|
||||
table.table-main tbody {
|
||||
max-height: 53vh;
|
||||
}
|
||||
}
|
||||
66
static/css/pages/dog/assessment.css
Normal file
66
static/css/pages/dog/assessment.css
Normal file
@@ -0,0 +1,66 @@
|
||||
|
||||
|
||||
.container.save.button-cancel {
|
||||
position: fixed;
|
||||
top: 10vh;
|
||||
right: 10vh;
|
||||
}
|
||||
|
||||
|
||||
table.table-main.assessment thead tr th.active,
|
||||
table.table-main.assessment tbody tr td.active,
|
||||
table.table-main.distraction thead tr th.active,
|
||||
table.table-main.distraction tbody tr td.active,
|
||||
table.table-main.assessment_command_modality_link thead tr th.active,
|
||||
table.table-main.assessment_command_modality_link tbody tr td.active,
|
||||
table.table-main.assessment_response thead tr th.active,
|
||||
table.table-main.assessment_response tbody tr td.active {
|
||||
max-width: 6vh;
|
||||
min-width: 6vh;
|
||||
}
|
||||
|
||||
table.table-main.assessment thead tr th,
|
||||
table.table-main.assessment tbody tr td {
|
||||
max-width: 15vh;
|
||||
min-width: 15vh;
|
||||
}
|
||||
|
||||
table.table-main.distraction thead tr th,
|
||||
table.table-main.distraction tbody tr td {
|
||||
max-width: 12vh;
|
||||
min-width: 12vh;
|
||||
}
|
||||
|
||||
table.table-main.assessment_command_modality_link thead tr th,
|
||||
table.table-main.assessment_command_modality_link tbody tr td {
|
||||
max-width: 6vh;
|
||||
min-width: 6vh;
|
||||
}
|
||||
table.table-main.assessment_command_modality_link tbody tr td.ddl-preview div,
|
||||
table.table-main.assessment_command_modality_link tbody tr td.ddl-preview select {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
table.table-main.assessment_command_modality_link thead tr th.is-in-hearing-range-of-handler,
|
||||
table.table-main.assessment_command_modality_link tbody tr td.is-in-hearing-range-of-handler,
|
||||
table.table-main.assessment_command_modality_link thead tr th.is-in-scent-range-of-handler,
|
||||
table.table-main.assessment_command_modality_link tbody tr td.is-in-scent-range-of-handler,
|
||||
table.table-main.assessment_command_modality_link thead tr th.is-in-sight-of-handler,
|
||||
table.table-main.assessment_command_modality_link tbody tr td.is-in-sight-of-handler,
|
||||
table.table-main.assessment_command_modality_link thead tr th.is-on-lead,
|
||||
table.table-main.assessment_command_modality_link tbody tr td.is-on-lead {
|
||||
max-width: 4vh;
|
||||
min-width: 4vh;
|
||||
}
|
||||
table.table-main.assessment_command_modality_link thead tr th.notes,
|
||||
table.table-main.assessment_command_modality_link tbody tr td.notes {
|
||||
max-width: 12vh;
|
||||
min-width: 12vh;
|
||||
}
|
||||
|
||||
|
||||
table.table-main.assessment_command_modality_link thead tr th.assessment_response,
|
||||
table.table-main.assessment_command_modality_link tbody tr td.assessment_response {
|
||||
max-width: 43vh;
|
||||
min-width: 43vh;
|
||||
}
|
||||
@@ -1,90 +0,0 @@
|
||||
|
||||
#formFilters .container-input.filter.active {
|
||||
width: 8vh;
|
||||
}
|
||||
#formFilters .container-input.filter.date_from,
|
||||
#formFilters .container-input.filter.date_to {
|
||||
width: 8vh;
|
||||
}
|
||||
|
||||
|
||||
#tableMain tbody tr td.cost_total_local_vat_excl, #tableMain thead tr th.cost_total_local_vat_excl,
|
||||
#tableMain tbody tr td.cost_total_local_vat_incl, #tableMain thead tr th.cost_total_local_vat_incl {
|
||||
width: 10vh;
|
||||
min-width: 10vh;
|
||||
}
|
||||
|
||||
#tableMain thead tr th.order_items.is_collapsed,
|
||||
#tableMain tbody tr td.order_items.is_collapsed {
|
||||
width: 15vh;
|
||||
min-width: 15vh;
|
||||
}
|
||||
#tableMain:has(tbody tr td.order_items table thead tr th.product_variations.is_collapsed) thead tr th.order_items,
|
||||
#tableMain:has(tbody tr td.order_items table thead tr th.product_variations.is_collapsed) tbody tr td.order_items {
|
||||
width: 100vh; /* 95vh */
|
||||
min-width: 100vh;
|
||||
}
|
||||
#tableMain thead tr th.order_items,
|
||||
#tableMain tbody tr td.order_items {
|
||||
width: 110vh;
|
||||
min-width: 110vh;
|
||||
}
|
||||
#tableMain tbody tr td.order_items table thead tr th, #tableMain tbody tr td.order_items table tbody tr td {
|
||||
width: 12vh;
|
||||
min-width: 12vh;
|
||||
}
|
||||
#tableMain tbody tr td.order_items table thead tr th.display_order, #tableMain tbody tr td.order_items table tbody tr td.display_order {
|
||||
width: 5vh;
|
||||
min-width: 5vh;
|
||||
}
|
||||
#tableMain tbody tr td.order_items table thead tr th.id_unit_measurement_quantity, #tableMain tbody tr td.order_items table tbody tr td.id_unit_measurement_quantity,
|
||||
#tableMain tbody tr td.order_items table thead tr th.unit_measurement_latency_manufacture, #tableMain tbody tr td.order_items table tbody tr td.unit_measurement_latency_manufacture {
|
||||
width: 6vh;
|
||||
min-width: 6vh;
|
||||
}
|
||||
|
||||
#tableMain tbody tr td.order_items table thead tr th.product_variations.is_collapsed, #tableMain tbody tr td.order_items table tbody tr td.product_variations.is_collapsed {
|
||||
width: 10vh;
|
||||
min-width: 10vh;
|
||||
}
|
||||
#tableMain tbody tr td.order_items table thead tr th.product_variations, #tableMain tbody tr td.order_items table tbody tr td.product_variations {
|
||||
width: 20vh;
|
||||
min-width: 20vh;
|
||||
}
|
||||
#tableMain tbody tr td.order_items table tbody tr td.product_variations table thead tr th, #tableMain tbody tr td.order_items table tbody tr td.product_variations table tbody tr td {
|
||||
width: 8vh;
|
||||
min-width: 8vh;
|
||||
}
|
||||
#tableMain tbody tr td.order_items table tbody tr td.product_variations table thead tr th:last-of-type, #tableMain tbody tr td.order_items table tbody tr td.product_variations table tbody tr td:last-of-type {
|
||||
width: 4vh;
|
||||
min-width: 4vh;
|
||||
}
|
||||
|
||||
#tableMain tbody tr td.order_items table thead tr th.quantity_used, #tableMain tbody tr td.order_items table tbody tr td.quantity_used,
|
||||
#tableMain tbody tr td.order_items table thead tr th.quantity_produced, #tableMain tbody tr td.order_items table tbody tr td.quantity_produced,
|
||||
#tableMain tbody tr td.order_items table thead tr th.latency_manufacture, #tableMain tbody tr td.order_items table tbody tr td.latency_manufacture {
|
||||
width: 8vh;
|
||||
min-width: 8vh;
|
||||
}
|
||||
#tableMain tbody tr td.order_items table thead tr th.active, #tableMain tbody tr td.order_items table tbody tr td.active,
|
||||
#tableMain tbody tr td.order_items table thead tr th.add, #tableMain tbody tr td.order_items table tbody tr td.delete {
|
||||
width: 4vh;
|
||||
min-width: 4vh;
|
||||
}
|
||||
|
||||
#tableMain thead tr th.currency.is_collapsed, #tableMain tbody tr td.currency.is_collapsed {
|
||||
width: 9vh;
|
||||
min-width: 9vh;
|
||||
}
|
||||
#tableMain thead tr th.currency, #tableMain tbody tr td.currency {
|
||||
width: 11vh;
|
||||
min-width: 11vh;
|
||||
}
|
||||
|
||||
#tableMain tbody tr td.cost_total_local_vat_excl, #tableMain thead tr th.cost_total_local_vat_excl,
|
||||
#tableMain tbody tr td.cost_total_local_vat_incl, #tableMain thead tr th.cost_total_local_vat_incl,
|
||||
#tableMain tbody tr td.price_total_local_vat_excl, #tableMain thead tr th.price_total_local_vat_excl,
|
||||
#tableMain tbody tr td.price_total_local_vat_incl, #tableMain thead tr th.price_total_local_vat_incl {
|
||||
width: 5vh;
|
||||
min-width: 5vh;
|
||||
}
|
||||
@@ -23,7 +23,7 @@
|
||||
#tableMain tbody tr td table tbody tr td.colour,
|
||||
#tableMain tbody tr td table thead tr th.button_icon,
|
||||
#tableMain tbody tr td table tbody tr td.button_icon {
|
||||
width: 12vh;
|
||||
max-width: 12vh;
|
||||
max-width: 12vh;
|
||||
}
|
||||
|
||||
@@ -36,7 +36,7 @@ select.id_variation, select.id_variation_type {
|
||||
@media screen and (max-width: 850px) {
|
||||
#formFilters input,
|
||||
#formFilters select {
|
||||
width: 12vh;
|
||||
max-width: 12vh;
|
||||
min-width: 12vh;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
|
||||
#formFilters #search {
|
||||
width: 20vh;
|
||||
max-width: 20vh;
|
||||
min-width: 20vh;
|
||||
}
|
||||
|
||||
#tableMain tbody > div {
|
||||
width: 58vh;
|
||||
max-width: 58vh;
|
||||
}
|
||||
#tableMain thead tr th,
|
||||
#tableMain tbody tr td {
|
||||
@@ -20,19 +20,19 @@
|
||||
*/
|
||||
#tableMain thead tr th.name ,
|
||||
#tableMain tbody tr td.name {
|
||||
width: 50vh;
|
||||
max-width: 50vh;
|
||||
min-width: 50vh;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
#tableMain thead tr th.name ,
|
||||
#tableMain tbody tr td.name {
|
||||
width: 63vw;
|
||||
max-width: 63vw;
|
||||
min-width: 63vw;
|
||||
}
|
||||
#tableMain thead tr th.active ,
|
||||
#tableMain tbody tr td.active {
|
||||
width: 3vw;
|
||||
max-width: 3vw;
|
||||
min-width: 3vw;
|
||||
}
|
||||
}
|
||||
@@ -10,7 +10,7 @@
|
||||
}
|
||||
#tableMain thead tr th.can-have-button,
|
||||
#tableMain tbody tr td.can-have-button {
|
||||
width: 6vh;
|
||||
max-width: 6vh;
|
||||
min-width: 6vh;
|
||||
}
|
||||
|
||||
|
||||
@@ -38,7 +38,7 @@ select.id_variation, select.id_variation_type {
|
||||
@media screen and (max-width: 850px) {
|
||||
#formFilters input,
|
||||
#formFilters select {
|
||||
width: 12vh;
|
||||
max-width: 12vh;
|
||||
min-width: 12vh;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,48 +0,0 @@
|
||||
|
||||
#formFilters .container {
|
||||
max-width: fit-content;
|
||||
}
|
||||
|
||||
#formFilters .container-input.filter.is_not_empty {
|
||||
width: 10vh;
|
||||
}
|
||||
|
||||
#formFilters .container-input.filter.active {
|
||||
width: 8vh;
|
||||
}
|
||||
|
||||
|
||||
#tableMain tbody tr td.display_order, #tableMain thead tr th.display_order {
|
||||
width: 5vh;
|
||||
min-width: 5vh;
|
||||
}
|
||||
#tableMain tbody tr td.code, #tableMain thead tr th.code {
|
||||
width: 10vh;
|
||||
min-width: 10vh;
|
||||
}
|
||||
#tableMain tbody tr td.name, #tableMain thead tr th.name {
|
||||
width: 15vh;
|
||||
min-width: 15vh;
|
||||
}
|
||||
#tableMain tbody tr td.description, #tableMain thead tr th.description {
|
||||
width: 25vh;
|
||||
min-width: 25vh;
|
||||
}
|
||||
#tableMain tbody tr td.access_level, #tableMain thead tr th.access_level {
|
||||
width: 7vh;
|
||||
min-width: 7vh;
|
||||
}
|
||||
#tableMain tbody tr td.active, #tableMain thead tr th.active {
|
||||
width: 5vh;
|
||||
min-width: 5vh;
|
||||
}
|
||||
|
||||
td > input, td > select, td > textarea, .container-input > input, .container-input > select, .container-input > textarea {
|
||||
border: 2px solid var(--border-colour);
|
||||
border-radius: 0.5vh;
|
||||
}
|
||||
|
||||
#tableMain tbody tr td table thead tr th.id_variation_type, #tableMain tbody tr td table tbody tr td.id_variation_type, #tableMain tbody tr td table thead tr th.id_variation, #tableMain tbody tr td table tbody tr td.id_variation {
|
||||
width: 47.5%;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user