Janus007/PlanTempusApp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adds localization support across application views

Browse source 
Implements localization for dashboard, cash register, account, and profile sections

Adds localization keys for various UI elements, improving internationalization support
Refactors view components to use ILocalizationService for dynamic text rendering
Prepares ground for multi-language support with translation-ready markup
This commit is contained in:
Janus C. H. Knudsen 2026-01-12 15:42:18 +01:00
parent 1f400dcc6e
commit ef174af0e1
36 changed files with 821 additions and 263 deletions
Download patch file Download diff file Expand all files Collapse all files

38
PlanTempus.Application/wwwroot/css/account.css
View file

@ -10,14 +10,14 @@
=========================================== */
swp-account-section {
display: block;
margin-bottom: var(--spacing-8);
margin-bottom: var(--section-gap);
}
swp-account-section-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: var(--spacing-4);
margin-bottom: var(--section-gap);
}
swp-account-section-title {
@ -40,7 +40,7 @@ swp-account-section-title i {
swp-plan-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--spacing-5);
gap: var(--card-gap);
}
@media (max-width: 1024px) {
@ -82,7 +82,7 @@ swp-plan-badge.popular {
/* Plan action buttons */
swp-plan-action {
margin-top: auto;
padding-top: var(--spacing-5);
padding-top: var(--card-padding);
}
swp-plan-action swp-btn {
@ -96,7 +96,7 @@ swp-plan-action swp-btn {
swp-billing-grid {
display: grid;
grid-template-columns: 380px 1fr;
gap: var(--spacing-6);
gap: var(--card-gap);
}
@media (max-width: 1024px) {
@ -111,18 +111,18 @@ swp-billing-grid {
swp-payment-card {
display: flex;
flex-direction: column;
gap: var(--spacing-5);
gap: var(--card-padding);
background: var(--color-surface);
border-radius: var(--radius-lg);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
padding: var(--spacing-6);
padding: var(--card-padding);
}
swp-payment-method {
display: flex;
align-items: center;
gap: var(--spacing-4);
padding: var(--spacing-4);
padding: var(--card-padding);
background: var(--color-background-alt);
border-radius: var(--radius-md);
}
@ -168,7 +168,7 @@ swp-payment-detail {
display: flex;
justify-content: space-between;
align-items: center;
padding: var(--spacing-3) 0;
padding: var(--spacing-4) 0;
border-bottom: 1px solid var(--color-border);
}
@ -206,7 +206,7 @@ swp-invoices-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--spacing-4) var(--spacing-5);
padding: var(--card-padding);
border-bottom: 1px solid var(--color-border);
}
@ -255,17 +255,17 @@ swp-invoice-row:last-child {
}
swp-invoice-cell {
padding: var(--spacing-3) var(--spacing-4);
padding: var(--spacing-4) var(--spacing-4);
font-size: var(--font-size-sm);
color: var(--color-text);
}
swp-invoice-cell:first-child {
padding-left: var(--spacing-5);
padding-left: var(--card-padding);
}
swp-invoice-cell:last-child {
padding-right: var(--spacing-5);
padding-right: var(--card-padding);
}
/* Header cells */
@ -275,8 +275,8 @@ swp-invoice-table-header swp-invoice-cell {
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--color-text-secondary);
padding-top: var(--spacing-3);
padding-bottom: var(--spacing-3);
padding-top: var(--spacing-4);
padding-bottom: var(--spacing-4);
}
/* Invoice number mono font */
@ -384,18 +384,18 @@ swp-btn.sm i {
}
swp-invoice-cell {
padding: var(--spacing-2) var(--spacing-3);
padding: var(--spacing-3) var(--spacing-3);
}
swp-invoice-cell:first-child {
padding-left: var(--spacing-4);
padding-left: var(--spacing-5);
}
swp-invoice-cell:last-child {
padding-right: var(--spacing-4);
padding-right: var(--spacing-5);
}
swp-payment-card {
padding: var(--spacing-4);
padding: var(--spacing-5);
}
}