diff --git a/frontend/src/app/core/constants/colors.const.ts b/frontend/src/app/core/constants/colors.const.ts
index 66b1336..7dde6f2 100644
--- a/frontend/src/app/core/constants/colors.const.ts
+++ b/frontend/src/app/core/constants/colors.const.ts
@@ -12,22 +12,22 @@ export interface ColorCategory {
export const PRODUCT_COLORS: ColorCategory[] = [
{
- name: 'Lucidi', // Glossy
+ name: 'COLOR.CATEGORY_GLOSSY',
colors: [
- { label: 'Black', value: 'Black', hex: '#1a1a1a' }, // Not pure black for visibility
- { label: 'White', value: 'White', hex: '#f5f5f5' },
- { label: 'Red', value: 'Red', hex: '#d32f2f', outOfStock: true },
- { label: 'Blue', value: 'Blue', hex: '#1976d2' },
- { label: 'Green', value: 'Green', hex: '#388e3c' },
- { label: 'Yellow', value: 'Yellow', hex: '#fbc02d' }
+ { label: 'COLOR.NAME.BLACK', value: 'Black', hex: '#1a1a1a' }, // Not pure black for visibility
+ { label: 'COLOR.NAME.WHITE', value: 'White', hex: '#f5f5f5' },
+ { label: 'COLOR.NAME.RED', value: 'Red', hex: '#d32f2f', outOfStock: true },
+ { label: 'COLOR.NAME.BLUE', value: 'Blue', hex: '#1976d2' },
+ { label: 'COLOR.NAME.GREEN', value: 'Green', hex: '#388e3c' },
+ { label: 'COLOR.NAME.YELLOW', value: 'Yellow', hex: '#fbc02d' }
]
},
{
- name: 'Opachi', // Matte
+ name: 'COLOR.CATEGORY_MATTE',
colors: [
- { label: 'Matte Black', value: 'Matte Black', hex: '#2c2c2c' }, // Lighter charcoal for matte
- { label: 'Matte White', value: 'Matte White', hex: '#e0e0e0' },
- { label: 'Matte Gray', value: 'Matte Gray', hex: '#757575' }
+ { label: 'COLOR.NAME.MATTE_BLACK', value: 'Matte Black', hex: '#2c2c2c' }, // Lighter charcoal for matte
+ { label: 'COLOR.NAME.MATTE_WHITE', value: 'Matte White', hex: '#e0e0e0' },
+ { label: 'COLOR.NAME.MATTE_GRAY', value: 'Matte Gray', hex: '#757575' }
]
}
];
diff --git a/frontend/src/app/features/about/about-page.component.html b/frontend/src/app/features/about/about-page.component.html
index 20e8f97..5672ff1 100644
--- a/frontend/src/app/features/about/about-page.component.html
+++ b/frontend/src/app/features/about/about-page.component.html
@@ -40,11 +40,11 @@
(keydown.space)="toggleSelectedMember('joe'); $event.preventDefault()"
>
-

+
- Joe Küng
- Studente Ingegneria Informatica
+ {{ 'ABOUT.MEMBER_JOE_NAME' | translate }}
+ {{ 'ABOUT.MEMBER_JOE_ROLE' | translate }}
-

+
- Matteo Caletti
- Studente Ingegneria Elettronica
+ {{ 'ABOUT.MEMBER_MATTEO_NAME' | translate }}
+ {{ 'ABOUT.MEMBER_MATTEO_ROLE' | translate }}
diff --git a/frontend/src/app/features/calculator/components/upload-form/upload-form.component.html b/frontend/src/app/features/calculator/components/upload-form/upload-form.component.html
index e6a9ff3..bc8da94 100644
--- a/frontend/src/app/features/calculator/components/upload-form/upload-form.component.html
+++ b/frontend/src/app/features/calculator/components/upload-form/upload-form.component.html
@@ -20,8 +20,8 @@
@if (items().length === 0) {
@@ -60,7 +60,11 @@
-