From dfe109ac8d74d440365c2cecdd36e60e3f55cf7b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Joe=20K=C3=BCng?= Date: Mon, 9 Mar 2026 19:08:51 +0100 Subject: [PATCH 1/2] fix(front-end): css file duplicte --- .../admin-contact-requests.component.html | 71 ++- .../admin-contact-requests.component.scss | 218 +------- .../pages/admin-contact-requests.component.ts | 8 +- .../pages/admin-dashboard.component.html | 88 ++- .../pages/admin-dashboard.component.scss | 178 +----- .../admin/pages/admin-sessions.component.html | 23 +- .../admin/pages/admin-sessions.component.scss | 83 +-- .../features/checkout/checkout.component.html | 53 +- .../features/checkout/checkout.component.scss | 160 +----- .../contact-form/contact-form.component.html | 58 +- .../contact-form/contact-form.component.scss | 161 +----- .../contact-form/contact-form.component.ts | 9 + .../app/features/order/order.component.html | 53 +- .../app/features/order/order.component.scss | 107 +--- .../app-button/app-button.component.scss | 17 + .../app-button/app-button.component.ts | 4 +- .../app-card/app-card.component.html | 14 +- .../app-card/app-card.component.scss | 21 +- .../components/app-card/app-card.component.ts | 7 +- .../app-input/app-input.component.scss | 10 +- .../app-select/app-select.component.scss | 6 +- frontend/src/styles.scss | 1 + frontend/src/styles/_ui.scss | 509 ++++++++++++++++++ frontend/src/styles/theme.scss | 8 + frontend/src/styles/tokens.scss | 5 + 25 files changed, 829 insertions(+), 1043 deletions(-) create mode 100644 frontend/src/styles/_ui.scss diff --git a/frontend/src/app/features/admin/pages/admin-contact-requests.component.html b/frontend/src/app/features/admin/pages/admin-contact-requests.component.html index b5c596a..f14e7be 100644 --- a/frontend/src/app/features/admin/pages/admin-contact-requests.component.html +++ b/frontend/src/app/features/admin/pages/admin-contact-requests.component.html @@ -1,11 +1,18 @@ -
-
-
-

Richieste di contatto

-

Richieste preventivo personalizzato ricevute dal sito.

- {{ requests.length }} richieste +
+
+
+

Richieste di contatto

+

+ Richieste preventivo personalizzato ricevute dal sito. +

+ {{ requests.length }} richieste
-
@@ -13,11 +20,11 @@

{{ errorMessage }}

{{ successMessage }}

-
+

Lista richieste

-
- +
+
@@ -50,14 +57,18 @@
Data - {{ request.requestType }} + {{ + request.requestType + }} - {{ request.customerType }} + {{ + request.customerType + }} {{ request.status }} @@ -71,13 +82,14 @@ -
+

Dettaglio richiesta

ID {{ selectedRequest.id }}

{{ selectedRequest.status }} - {{ + {{ selectedRequest.requestType }} - {{ + {{ selectedRequest.customerType }}
@@ -103,32 +115,32 @@ Caricamento dettaglio...

-
-
+
+
Creata
{{ selectedRequest.createdAt | date: "medium" }}
-
+
Aggiornata
{{ selectedRequest.updatedAt | date: "medium" }}
-
+
Email
{{ selectedRequest.email }}
-
+
Telefono
{{ selectedRequest.phone || "-" }}
-
+
Nome
{{ selectedRequest.name || "-" }}
-
+
Azienda
{{ selectedRequest.companyName || "-" }}
-
+
Referente
{{ selectedRequest.contactPerson || "-" }}
@@ -138,6 +150,7 @@
Stato pagamento
-
- +
+
@@ -93,12 +103,13 @@ -
+

Dettaglio ordine {{ selectedOrder.orderNumber }}

UUID: {{ selectedOrder.id }}Caricamento dettaglio...

-
-
+
+
Cliente{{ selectedOrder.customerEmail }}
-
+
Stato pagamento{{ selectedOrder.paymentStatus || "PENDING" }}
-
+
Stato ordine{{ selectedOrder.status }}
-
+
Totale{{ selectedOrder.totalChf | currency: "CHF" : "symbol" : "1.2-2" @@ -130,6 +141,7 @@
- -
@@ -215,7 +242,7 @@
-
+

Nessun ordine selezionato

Seleziona un ordine dalla lista per vedere i dettagli.

@@ -245,39 +275,39 @@

Dettagli stampa ordine {{ selectedOrder.orderNumber }}

-
-
+
+
Qualità{{ getQualityLabel(selectedOrder.printLayerHeightMm) }}
-
+
Materiale{{ selectedOrder.printMaterialCode || "-" }}
-
+
Layer height{{ selectedOrder.printLayerHeightMm || "-" }} mm
-
+
Nozzle{{ selectedOrder.printNozzleDiameterMm || "-" }} mm
-
+
Infill pattern{{ selectedOrder.printInfillPattern || "-" }}
-
+
Infill %{{ selectedOrder.printInfillPercent ?? "-" }}
-
+
Supporti{{ selectedOrder.printSupportsEnabled ? "Sì" : "No" }}
diff --git a/frontend/src/app/features/admin/pages/admin-dashboard.component.scss b/frontend/src/app/features/admin/pages/admin-dashboard.component.scss index 002ed94..622215f 100644 --- a/frontend/src/app/features/admin/pages/admin-dashboard.component.scss +++ b/frontend/src/app/features/admin/pages/admin-dashboard.component.scss @@ -4,67 +4,16 @@ gap: var(--space-5); } -.dashboard-header { - display: flex; - justify-content: space-between; - align-items: flex-start; - gap: var(--space-4); -} - -.dashboard-header h1 { - margin: 0; - font-size: 1.45rem; -} - -.dashboard-header p { - margin: var(--space-2) 0 0; - color: var(--color-text-muted); -} - .header-actions { display: flex; gap: var(--space-2); } -.workspace { - display: grid; - grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.9fr); - gap: var(--space-4); - align-items: start; -} - .list-panel, .detail-panel { min-width: 0; } -button { - border: 0; - border-radius: var(--radius-md); - background: var(--color-brand); - color: var(--color-neutral-900); - padding: var(--space-2) var(--space-4); - font-weight: 600; - cursor: pointer; - transition: background-color 0.2s ease; - line-height: 1.2; -} - -button:hover:not(:disabled) { - background: var(--color-brand-hover); -} - -button.ghost { - background: var(--color-bg-card); - color: var(--color-text); - border: 1px solid var(--color-border); -} - -button:disabled { - opacity: 0.65; - cursor: default; -} - .list-panel h2 { font-size: 1.05rem; margin-bottom: var(--space-2); @@ -91,50 +40,8 @@ button:disabled { color: var(--color-text-muted); } -.toolbar-field input, -.toolbar-field select { - width: 100%; - border: 1px solid var(--color-border); - border-radius: var(--radius-md); - padding: var(--space-2) var(--space-3); - background: var(--color-bg-card); - font: inherit; -} - -.table-wrap { - overflow: auto; - border: 1px solid var(--color-border); - border-radius: var(--radius-md); - background: var(--color-bg-card); - max-height: 72vh; -} - -table { - width: 100%; - border-collapse: collapse; - min-width: 760px; -} - -thead { - background: var(--color-neutral-100); -} - -th, -td { - text-align: left; - padding: var(--space-3); - border-bottom: 1px solid var(--color-border); - vertical-align: top; - font-size: 0.93rem; -} - tbody tr { cursor: pointer; - transition: background-color 0.15s ease; -} - -tbody tr:hover { - background: #fff9d9; } tbody tr.selected { @@ -149,22 +56,6 @@ tbody tr.no-results:hover { background: transparent; } -.detail-panel { - background: var(--color-bg-card); - border: 1px solid var(--color-border); - border-radius: var(--radius-md); - padding: var(--space-4); - min-height: 520px; -} - -.detail-panel.empty { - display: grid; - align-content: center; - justify-items: center; - text-align: center; - color: var(--color-text-muted); -} - .order-uuid { font-size: 0.84rem; color: var(--color-text-muted); @@ -172,38 +63,12 @@ tbody tr.no-results:hover { .order-uuid code { font-size: 0.82rem; - color: var(--color-text); - background: var(--color-neutral-100); - border: 1px solid var(--color-border); - border-radius: 6px; - padding: 2px 6px; } .detail-header h2 { margin: 0 0 var(--space-2); } -.meta-grid { - display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: var(--space-2); - margin-bottom: var(--space-3); -} - -.meta-grid > div { - background: var(--color-neutral-100); - border: 1px solid var(--color-border); - border-radius: var(--radius-md); - padding: var(--space-3); - display: grid; - gap: 2px; -} - -.meta-grid strong { - font-size: 0.78rem; - color: var(--color-text-muted); -} - .actions-block { display: flex; flex-wrap: wrap; @@ -223,15 +88,6 @@ tbody tr.no-results:hover { color: var(--color-text-muted); } -.status-editor select { - min-width: 210px; - border: 1px solid var(--color-border); - border-radius: var(--radius-md); - padding: var(--space-2) var(--space-3); - background: var(--color-bg-card); - font: inherit; -} - .doc-actions { display: flex; flex-wrap: wrap; @@ -333,26 +189,9 @@ tbody tr.no-results:hover { } .modal-grid { - display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: var(--space-2); margin-bottom: var(--space-4); } -.modal-grid > div { - border: 1px solid var(--color-border); - border-radius: var(--radius-md); - background: var(--color-neutral-100); - padding: var(--space-3); - display: grid; - gap: 2px; -} - -.modal-grid strong { - font-size: 0.78rem; - color: var(--color-text-muted); -} - h4 { margin: 0 0 var(--space-2); } @@ -390,10 +229,6 @@ h4 { } @media (max-width: 1280px) { - .workspace { - grid-template-columns: 1fr; - } - .detail-panel { min-height: unset; } @@ -408,15 +243,6 @@ h4 { grid-template-columns: 1fr; } - .dashboard-header { - flex-direction: column; - } - - .meta-grid, - .modal-grid { - grid-template-columns: 1fr; - } - .item { align-items: flex-start; } @@ -446,8 +272,8 @@ h4 { } @media (max-width: 520px) { - th, - td { + .ui-data-table th, + .ui-data-table td { padding: var(--space-2); font-size: 0.88rem; } diff --git a/frontend/src/app/features/admin/pages/admin-sessions.component.html b/frontend/src/app/features/admin/pages/admin-sessions.component.html index aea368c..33b6579 100644 --- a/frontend/src/app/features/admin/pages/admin-sessions.component.html +++ b/frontend/src/app/features/admin/pages/admin-sessions.component.html @@ -1,12 +1,14 @@ -
-
-
-

Sessioni quote

-

Sessioni create dal configuratore con stato e conversione ordine.

+
+
+
+

Sessioni quote

+

+ Sessioni create dal configuratore con stato e conversione ordine. +

Ordine
+
+
@@ -53,14 +55,14 @@
Sessione