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

Feat(SQL, UI): 1. Dog Command Links page completed with get + set functionality. \n 2. Commands page and Command Categories page completed with get + set functionality.

Browse Source
This commit is contained in:
Teddy Middleton-Smith
2025-07-09 17:42:43 +01:00
parent 660b15cb8f
commit 28158cb0c4
68 changed files with 3302 additions and 3926 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
static/css/components/button.css
View File

@@ -1,17 +1,23 @@
.button {
display: inline-block;
padding: 0.75rem 1.5rem;
border-radius: 6px;
padding: 0.5vh 0.75vh;
border-radius: 0.75vh;
text-decoration: none;
font-weight: 500;
font-weight: bold;
transition: all 0.3s ease;
width: fit-content;
cursor: pointer;
}
.button.collapsed {
display: block;
opacity: 0;
}
.button-primary {
background: var(--colour-primary);
color: white;
background: var(--colour-accent);
color: var(--colour-primary);
border: 2px solid var(--colour-primary);
}
.button-primary:hover {

12
static/css/components/overlay.css
View File

@@ -79,4 +79,16 @@
left: 25vw;
width: 50vw;
height: 50vh;
}
#overlayConfirm .row > * {
margin-left: auto;
margin-right: auto;
}
#overlayConfirm .row .button.button-cancel {
margin-right: 0.5vh;
}
#overlayConfirm .row .button.submit {
margin-left: 0.5vh;
}

5
static/css/layouts/header.css
View File

@@ -115,6 +115,9 @@ header {
#formFilters .container-input {
padding: 0 0.5vh;
}
#formFilters .container-input:has(.dirty) {
background-color: var(--colour-accent);
}
#formFilters .container-input input {
width: 10vh;
@@ -152,6 +155,7 @@ header {
width: 12vh;
}
/*
#formFilters button {
padding: 0.5vh 0.75vh;
background-color: var(--colour-accent);
@@ -165,6 +169,7 @@ header {
display: block;
opacity: 0;
}
*/
form.filter button.save, form.filter button.button-cancel {
margin-top: 0;

7
static/css/layouts/table-main.css
View File

@@ -4,7 +4,6 @@
padding: 1vh;
max-width: 95vw; /* min(calc(1vh * 80), calc(1vw * 90)); */
width: min-content;
margin: 1vh auto;
align-items: normal;
justify-content: normal;
}
@@ -39,10 +38,14 @@
#tableMain select,
#tableMain input:not([type="checkbox"]),
#tableMain textarea, #tableMain div {
#tableMain textarea,
#tableMain div {
box-sizing: border-box;
width: 100%;
height: 100%;
border: 1px solid var(--colour-accent);
border-radius: 0.5vh;
text-align: center;
}
#tableMain thead tr th, #tableMain tbody tr td {

2
static/css/main.css
View File

@@ -95,7 +95,7 @@ script, link {
}
#pageBody > .card {
height: fit-content;
margin-top: 1vh;
margin: 1vh auto;
}
#pageBody > .card:first-of-type{
margin-top: 0vh;

32
static/css/pages/dog/command_categories.css Normal file
View File

@@ -0,0 +1,32 @@
/*
#formFilters .container {
max-width: fit-content;
}
*/
#tableMain tbody tr td.name .name {
border: 1px solid var(--colour-accent);
/*
align-content: center;
align-items: center;
align-self: center;
text-align: center;
justify-content: center;
justify-items: center;
justify-self: center;
padding-top: auto;
padding-bottom: auto;
display: flex;
resize: none;
box-sizing: border-box;
*/
}
#tableMain thead tr th.code,
#tableMain tbody tr td.code,
#tableMain thead tr th.name ,
#tableMain tbody tr td.name {
width: 35vh;
min-width: 35vh;
}

51
static/css/pages/dog/commands.css
View File

@@ -1,53 +1,6 @@
/*
#formFilters .container {
max-width: fit-content;
}
#formFilters .container-input.filter.is_not_empty {
width: 10vh;
}
#formFilters .container-input.filter.active {
width: 8vh;
}
#tableMain {
max-width: min(calc(1vh * 65), calc(1vw * 90));
}
#tableMain tbody tr td.display_order, #tableMain thead tr th.display_order {
width: 5vh;
min-width: 5vh;
}
#tableMain tbody tr td.product_category, #tableMain thead tr th.product_category {
width: 15vh;
min-width: 15vh;
}
#tableMain tbody tr td.name, #tableMain thead tr th.name {
width: 15vh;
min-width: 15vh;
}
#tableMain thead tr th.has_variations, #tableMain tbody tr td.has_variations {
width: 5vh;
min-width: 5vh;
}
#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%;
}
*/

34
static/css/pages/dog/dog_command_links.css
View File

@@ -1,16 +1,8 @@
#formFilters .container {
max-width: fit-content;
}
#formFilters .container-input:has(.dirty) {
background-color: var(--colour-accent);
}
/*
#formFilters .container-input.filter.active_only {
}
*/
#tableMain {
max-width: 90vw;
@@ -39,22 +31,20 @@
}
*/
td > input
, td > select
, td > textarea
, .container-input > input
, .container-input > select
, .container-input > textarea
{
td > input,
td > select,
td > textarea,
.container-input > input,
.container-input > select,
.container-input > textarea {
border: 2px solid var(--colour-primary);
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
{
#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%;
}

7
static/css/pages/dog/home.css
View File

@@ -0,0 +1,7 @@
#pageBody .column .row {
margin-top: 0.5vh;
}
#pageBody .column .row .button {
margin-left: auto;
margin-right: auto;
}