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

1. View, filter, and save Product Permutation. \n 2. Synchronised with Product Category page and all common functionality moved into base and base table css, js, and python files.

Browse Source
This commit is contained in:
teddy
2024-09-24 23:25:52 +01:00
parent d37f632c92
commit cf78e4b3bc
239 changed files with 6371 additions and 4336 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
static/css/components/table.css Normal file
View File

@@ -0,0 +1,35 @@
thead, tbody {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
th {
}
td {
font-size: min(12px, calc(1vh * 3));
}
th, td {
min-width: fit-content;
}
tr:not(:last-child) > td {
border-bottom: 1px dashed var(--c_purple_dark);
}
td > table > tbody > tr > td {
border: none !important;
}
tr {
min-height: 1px;
border-bottom: 1px solid var(--c_purple_dark);
border-top: 1px solid var(--c_purple_dark);
padding-bottom: 1vh;
background-color: transparent;
}
/*
.row-new {
visibility: hidden;
}
*/

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

@@ -0,0 +1,15 @@
button.collapsed {
display: block;
opacity: 0;
}
form.filter button.save, form.filter button.button-cancel {
margin-top: 0;
margin-bottom: 0;
}
form.filter button.save, form.filter button.button-cancel {
margin-top: 0;
margin-bottom: 0;
}

15
static/css/layouts/table-main.css Normal file
View File

@@ -0,0 +1,15 @@
#tableMain {
overflow-x: auto;
padding: 1vh 2vh;
max-width: min(calc(1vh * 80), calc(1vw * 90));
width: fit-content;
margin: 1vh 2vh;
align-items: normal;
justify-content: normal;
}
#tableMain thead tr th, #tableMain tbody tr td {
width: 20vh;
min-width: 20vh;
padding: 0 0.5vh;
}

57
static/css/main.css
View File

@@ -1,5 +1,5 @@
/*
/* Base styles *
@import 'lib/reset.css';
@import 'lib/typography.css';
@@ -9,6 +9,7 @@
/* Layout styles *
@import 'layouts/header.css';
@import 'layouts/footer.css';
@import 'layouts/table-main.css';
/* Component styles *
@import 'components/button.css';
@@ -21,6 +22,7 @@
/* Section styles *
@import 'sections/store.css';
*/
/* Page-specific styles *
@import 'pages/page_admin.css';
@@ -31,15 +33,14 @@
@import 'pages/page_store_home.css';
@import 'pages/page_store_product_permutations.css';
@import 'pages/page_store_stock_items.css';
*
*/
/* Theme styles *
@import 'themes/light.css';
/* Uncomment the line below to enable dark theme *
/* @import 'themes/dark.css'; *
/* Uncomment the line below to enable dark theme */
/* @import 'themes/dark.css'; */
*/
/* Custom styles */
/* Add any custom styles or overrides here */
@@ -234,10 +235,9 @@ h5 {
text-align: center;
width: 100%;
align-self: center;
font-size: min(20px, calc(1vh * 6));
font-size: min(16px, calc(1vh * 4));
}
#pageBody > * > * {
width: 100%;
align-self: center;
padding-top: 1vh;
padding-bottom: 1vh;
@@ -374,6 +374,7 @@ img.header-logo {
display: flex;
flex-direction: column;
align-items: center;
margin: auto 0;
}
.row {
@@ -521,10 +522,10 @@ button:hover, input[type="submit"]:hover, #overlayHamburger .row *:hover {
z-index: 999;
}
.overlay.expanded {
display: block !important;
display: block;
}
.collapsed {
display: none !important;
display: none;
}
#overlayHamburger {
@@ -593,39 +594,5 @@ td.dirty {
/* Tables */
#pageBody > *, button {
font-size: min(14px, calc(1vh * 5)) !important;
}
thead, tbody {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
th {
}
td {
font-size: min(14px, calc(1vh * 5));
}
th, td {
min-width: fit-content;
}
tr:not(:last-child) > td {
border-bottom: 1px dashed var(--c_purple_dark);
}
td > table > tbody > tr > td {
border: none !important;
}
tr {
min-height: 1px;
border-bottom: 1px solid var(--c_purple_dark);
border-top: 1px solid var(--c_purple_dark);
padding-bottom: 1vh;
background-color: transparent;
}
/*
.row-new {
visibility: hidden;
}
*/
font-size: min(12px, calc(1vh * 3));
}

3
static/css/pages/core/home.css
View File

@@ -1,4 +1,7 @@
#pageBody > * > * {
width: 100%;
}
#pageBody > * {
height: 100%;
}

65
static/css/pages/store/product_categories.css
View File

@@ -1,23 +1,58 @@
#formFilters {
width: 50vh;
}
td.display-order, th.display-order {
width: 8% !important;
#formFilters .container {
max-width: fit-content;
}
td.code, th.code {
width: 15% !important;
#formFilters .container-input.filter.is_not_empty {
width: 10vh;
}
#formFilters .container-input.filter.active {
width: 8vh;
}
td.name, th.name {
width: 25% !important;
#tableMain {
max-width: min(calc(1vh * 79), calc(1vw * 90));
}
td.description, th.description {
width: 35% !important;
/*
#tableMain thead tr th, #tableMain tbody tr td {
margin-left: 1vh;
margin-right: 1vh;
}
td.access_level, th.access_level {
width: 10% !important;
*/
#tableMain tbody tr td.display_order, #tableMain thead tr th.display_order {
width: 5vh;
min-width: 5vh;
}
td.active, th.active {
width: 7% !important;
#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;
}
/*
nips
*/
/*
.row-new {
@@ -26,15 +61,15 @@ td.active, th.active {
*/
textarea {
width: 95% !important;
width: 95%;
}
select {
width: 100% !important;
width: 100%;
}
input {
width: 90% !important;
width: 90%;
}
td > input, td > select, td > textarea, .container-input > input, .container-input > select, .container-input > textarea {

114
static/css/pages/store/product_permutations.css
View File

@@ -1,28 +1,110 @@
#formFilters {
width: 50vh;
}
#formFilters .container {
max-width: fit-content;
}
td.category, th.category {
width: 16% !important;
#tableMain {
max-width: 90vw;
}
td.product, th.product {
width: 23% !important;
#tableMain thead tr th.category, #tableMain tbody tr td.category {
width: 8vh;
min-width: 8vh;
}
td.variations, th.variations {
width: 19% !important;
#tableMain thead tr th.product, #tableMain tbody tr td.product {
width: 10vh;
min-width: 10vh;
}
td.quantity-stock, th.quantity-stock {
width: 10% !important;
#tableMain thead tr th.product_variations.collapsed, #tableMain tbody tr td.product_variations.collapsed {
width: 10vh;
min-width: 10vh;
display: table-cell !important;
}
td.quantity-min, th.quantity-min {
width: 10% !important;
#tableMain thead tr th.product_variations, #tableMain tbody tr td.product_variations {
width: 20vh;
min-width: 20vh;
}
td.quantity-max, th.quantity-max {
width: 10% !important;
#tableMain tbody tr td.product_variations table thead tr th, #tableMain tbody tr td.product_variations table tbody tr td {
width: 8vh;
min-width: 8vh;
}
td.cost-local-VAT-incl, th.cost-local-VAT-incl {
width: 6% !important;
#tableMain tbody tr td.product_variations table thead tr th:last-of-type, #tableMain tbody tr td.product_variations table tbody tr td:last-of-type {
width: 4vh;
min-width: 4vh;
}
td.detail, th.detail {
width: 6% !important;
#tableMain thead tr th.description, #tableMain tbody tr td.description {
}
#tableMain thead tr th.quantity_stock, #tableMain tbody tr td.quantity_stock {
width: 6vh;
min-width: 6vh;
}
#tableMain thead tr th.quantity_min, #tableMain tbody tr td.quantity_min {
width: 6vh;
min-width: 6vh;
}
#tableMain thead tr th.quantity_max, #tableMain tbody tr td.quantity_max {
width: 6vh;
min-width: 6vh;
}
#tableMain thead tr th.count_unit_measurement_per_quantity_step, #tableMain tbody tr td.count_unit_measurement_per_quantity_step {
width: 6vh;
min-width: 6vh;
}
#tableMain thead tr th.id_unit_measurement_quantity, #tableMain tbody tr td.id_unit_measurement_quantity {
width: 8vh;
min-width: 8vh;
}
#tableMain thead tr th.is_subscription, #tableMain tbody tr td.is_subscription {
width: 9vh;
min-width: 9vh;
}
#tableMain thead tr th.count_interval_recurrence, #tableMain tbody tr td.count_interval_recurrence {
width: 8vh;
min-width: 8vh;
}
#tableMain thead tr th.id_unit_measurement_interval_recurrence, #tableMain tbody tr td.id_unit_measurement_interval_recurrence {
width: 8vh;
min-width: 8vh;
}
#tableMain thead tr th.id_stripe_product, #tableMain tbody tr td.id_stripe_product {
width: 10vh;
min-width: 10vh;
}
#tableMain thead tr th.does_expire_faster_once_unsealed, #tableMain tbody tr td.does_expire_faster_once_unsealed {
width: 7vh;
min-width: 7vh;
}
#tableMain thead tr th.count_interval_expiration_unsealed, #tableMain tbody tr td.count_interval_expiration_unsealed {
width: 8vh;
min-width: 8vh;
}
#tableMain thead tr th.id_unit_measurement_interval_expiration_unsealed, #tableMain tbody tr td.id_unit_measurement_interval_expiration_unsealed {
width: 8vh;
min-width: 8vh;
}
#tableMain thead tr th.cost_local, #tableMain tbody tr td.cost_local {
width: 9vh;
min-width: 9vh;
}
#tableMain thead tr th.id_currency_cost, #tableMain tbody tr td.id_currency_cost {
width: 6vh;
min-width: 6vh;
}
#tableMain thead tr th.profit_local_min, #tableMain tbody tr td.profit_local_min {
width: 9vh;
min-width: 9vh;
}
#tableMain thead tr th.latency_manufacture_days, #tableMain tbody tr td.latency_manufacture_days {
width: 9vh;
min-width: 9vh;
}
#tableMain thead tr th.active, #tableMain tbody tr td.active {
width: 6vh;
min-width: 6vh;
}
textarea {

3
static/css/sections/store.css
View File

@@ -1,3 +1,4 @@
.img-product {
max-width: 20vh;
max-height: 20vh;
@@ -12,7 +13,7 @@
justify-self: left;
}
.buttonAdd2Basket {
.buttonAddToBasket {
background-color: var(--c_blue_pastel);
color: var(--c_blue_dark);
border-color: var(--c_blue_dark);