From c27568435e8d65114c15a710759b0a96cb34f0c0 Mon Sep 17 00:00:00 2001 From: Marek Lesko Date: Wed, 22 Oct 2025 15:45:02 +0000 Subject: [PATCH] feat: update UI text and structure for improved user experience and localization --- Web/public/scss/pages/_frontend.scss | 8 +- .../side-login/side-login.component.html | 117 ++----- .../app/pages/front-pages/front-pagesData.ts | 21 +- .../homepage-details.component.html | 309 +----------------- .../homepage-details.component.scss | 15 +- .../homepage/homepage.component.html | 10 +- .../homepage/homepage.component.ts | 5 + .../portfolio/portfolio.component.html | 7 +- .../portfolio/portfolio.component.ts | 4 +- Web/src/index.html | 1 - 10 files changed, 85 insertions(+), 412 deletions(-) diff --git a/Web/public/scss/pages/_frontend.scss b/Web/public/scss/pages/_frontend.scss index e3e3113..3d02904 100755 --- a/Web/public/scss/pages/_frontend.scss +++ b/Web/public/scss/pages/_frontend.scss @@ -5,6 +5,8 @@ width: 100%; background-color: var(--mat-sys-background) !important; z-index: 9; + -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2); +box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2); } } @@ -17,9 +19,7 @@ } .tab-header { - .profileTabs { - .mat-mdc-tab { padding: 30px 16px; height: auto; @@ -34,7 +34,6 @@ border-top-width: 0; } } - } .home-page .expansion-panel .mat-expansion-panel-body { @@ -65,7 +64,6 @@ } } - .spacing-top-bottom { padding: 80px 0; } @@ -140,4 +138,4 @@ .footer-content .left-side-content { padding: 30px !important; } -} \ No newline at end of file +} diff --git a/Web/src/app/pages/authentication/side-login/side-login.component.html b/Web/src/app/pages/authentication/side-login/side-login.component.html index 024758b..6294343 100755 --- a/Web/src/app/pages/authentication/side-login/side-login.component.html +++ b/Web/src/app/pages/authentication/side-login/side-login.component.html @@ -4,71 +4,40 @@
-
- login +
+ login
-
+
-

Welcome to Modernize

- Your Admin Dashboard +

Vitajte!

+ Váš uživateľský prístup -
-
- +
-
or sign in with
+ - Password - + +
-
+ \ No newline at end of file diff --git a/Web/src/app/pages/front-pages/front-pagesData.ts b/Web/src/app/pages/front-pages/front-pagesData.ts index e349bdf..0c224b0 100755 --- a/Web/src/app/pages/front-pages/front-pagesData.ts +++ b/Web/src/app/pages/front-pages/front-pagesData.ts @@ -636,29 +636,32 @@ export const followercardThird: followercards[] = [ export const topcardsGrid = [ { - key: 1, title: 'Personalizácia podpory pomocou umelej inteligencie (AI)', subtitle: 'Obsah a aktivity sa adaptujú na tempo a pokrok každého.', + key: 1, + title: 'Hlavné prínosy', + subtitle: '', img: '/assets/images/svgs/icon-briefcase.svg', color: 'warning' }, { key: 2, - title: 'Podpora samostatnosti cez IoT', subtitle: 'Prepojené zariadenia uľahčujú každodenné fungovanie.', + title: 'Ako to funguje', + subtitle: '', img: '/assets/images/svgs/icon-dd-message-box.svg', color: 'secondary', imgMain: '/assets/images/landingpage/background/feature-apps.png', }, { key: 3, - title: 'Rozhodovanie na základe dát', subtitle: 'Prehľadné reporty a analýzy optimalizujú intervencie', + title: 'Míľniky a kvalita', subtitle: '', img: '/assets/images/front-pages/logoIcon.svg', color: 'primary', imgMain: '/assets/images/landingpage/background/screen1.png' }, { key: 4, - title: 'Dostupnosť kdekoľvek', subtitle: 'Online prístup znižuje regionálne rozdiely v dostupnosti služieb.', + title: 'Pre koho je projekt určený', subtitle: '', img: '/assets/images/front-pages/icon-speech-bubble.svg', color: 'success' }, - { - key: 5, - title: 'Škálovateľnosť a prenositeľnosť', subtitle: 'Riešenie je pripravené aj pre seniorov a ďalšie cieľové skupiny a má globálny dosah.', - img: '/assets/images/front-pages/icon-favorites.svg', color: 'error' - }, + // { + // key: 5, + // title: 'Škálovateľnosť a prenositeľnosť', subtitle: 'Riešenie je pripravené aj pre seniorov a ďalšie cieľové skupiny a má globálny dosah.', + // img: '/assets/images/front-pages/icon-favorites.svg', color: 'error' + // }, ]; export const setupCards: setupCards[] = [ diff --git a/Web/src/app/pages/front-pages/homepage-details/homepage-details.component.html b/Web/src/app/pages/front-pages/homepage-details/homepage-details.component.html index 3bacb8b..930dc7a 100755 --- a/Web/src/app/pages/front-pages/homepage-details/homepage-details.component.html +++ b/Web/src/app/pages/front-pages/homepage-details/homepage-details.component.html @@ -89,8 +89,6 @@

-

Hlavné prínosy

- @@ -101,11 +99,11 @@
- + - icon -
{{ topcard.title }}
-

{{ topcard.subtitle }}

+
icon
+
{{ topcard.title }}
+

@@ -157,17 +155,11 @@
@for (topcard of topcards; track topcard.title) { @if (!topcard.title.includes('New Demos')) { - + - @if (!topcard.title.includes('12+')) { - icon - } -
{{ topcard.title }}
-

{{ topcard.subtitle }}

- - @if (topcard.title.includes('12+')) { - image - } +
icon
+
{{ topcard.title }}
+
} @@ -230,7 +222,7 @@ -
+ + Panel 0 @@ -259,7 +251,7 @@
- + Panel 1
@@ -275,7 +267,7 @@
- + Panel 2 & 3 merged
@@ -298,13 +290,13 @@
-
+
-->
-
+
@@ -322,280 +314,11 @@
- -
-
-
-
-

- Discover Powerful Dozens of
Purpose-Fit Templates -

-
-
-
-
- - slide - -
-
-
-
- - slide - -
-
-
-
- - slide - -
-
-
-
- slide -
-
-
-
- - slide - -
-
-
-
- slide -
-
-
-
- slide -
-
-
-
- slide -
-
-
-
-
-
-

High Customizability

-

- Tailor the dashboard to your exact needs. Customize layouts, color - schemes, and widgets effortlessly for a personalized user - experience. -

-
-
-

Powerful Data Analytics

-

- Unlock the true potential of your data with our advanced analytics - tools. Gain valuable insights and make data-driven decisions with - ease. -

-
- -
-

Interactive Charts

-

- Visualize complex data sets beautifully with our interactive - graphs and charts. Quickly grasp trends and patterns for smarter - analysis. -

-
-
-
-
-
-
- -
-
-
- -
-
-

- What our clients
think logo - about us? -

-

- Our users' feedback is a testament to our commitment to quality - and user satisfaction. Read what they have to say about their - journey with us. -

-
-
-
- - - Features availability - -
-
- -
-
{{ currentUser().name }}
-
- -

- Our users' feedback is a testament to our commitment to quality - and user satisfaction. Read what they have to say about their - journey with us. -

- - - -
- - - {{ displayCount() }} - - -
- - -
-
-
-
- -
-
-
-
-
-

- Enjoy unparalleled features & exceptional flexibility. -

-
-
- -
-
-
- @for (followercard of followercardsfirst; track followercard.title) - { -
- - -
- icon -
- {{ followercard.title }} -
-
- - -
- } -
-
-
-
- @for (followercard of followercardsecond; track followercard.title) - { -
- - -
- icon -
- {{ followercard.title }} -
-
- - -
- } -
-
-
-
- @for (followercard of followercardthird; track followercard.title) { -
- - -
- icon -
- {{ followercard.title }} -
-
- - -
- } -
-
-
-
-
-
- -
-
-

Frequently Asked Questions

-
-
- - @for (item of faqList; track item) { - - - {{ - item.question - }} - - - - - -

{{ item.answer }}

- - } - -
-
-
-
- Still have a question? - Ask on discord - or - Submit a ticket -
-
-
-
+
 
- \ No newline at end of file diff --git a/Web/src/app/pages/front-pages/homepage-details/homepage-details.component.scss b/Web/src/app/pages/front-pages/homepage-details/homepage-details.component.scss index 3727ce2..5f9ecaa 100755 --- a/Web/src/app/pages/front-pages/homepage-details/homepage-details.component.scss +++ b/Web/src/app/pages/front-pages/homepage-details/homepage-details.component.scss @@ -7,9 +7,7 @@ } .home-page-header { - .header-container-content { - .cardPosition { .float-image { animation: floatUpDown 6s ease-in-out infinite; @@ -17,7 +15,6 @@ } .cardPositionTwo { - .float-image { animation: floatUpDown 6s ease-in-out infinite; } @@ -43,9 +40,7 @@ } .dashboardCards { - .card-container { - mat-card-content { padding: 0px !important; } @@ -64,7 +59,6 @@ } } } - } .template-slider { @@ -78,7 +72,6 @@ } .features { - .cardWithShadow { mat-card-content { padding: 0px !important; @@ -146,10 +139,12 @@ } } } + li { + text-align: justify; + } } @keyframes floatUpDown { - 0%, 100% { transform: translateY(0); @@ -180,10 +175,8 @@ } } - - @media (max-width: 1199px) { .home-page-header { padding-bottom: 48px; } -} \ No newline at end of file +} diff --git a/Web/src/app/pages/front-pages/homepage/homepage.component.html b/Web/src/app/pages/front-pages/homepage/homepage.component.html index a3fe97f..eec3c7b 100755 --- a/Web/src/app/pages/front-pages/homepage/homepage.component.html +++ b/Web/src/app/pages/front-pages/homepage/homepage.component.html @@ -46,27 +46,27 @@
-
+
diff --git a/Web/src/app/pages/front-pages/homepage/homepage.component.ts b/Web/src/app/pages/front-pages/homepage/homepage.component.ts index 18fe6d9..460e3a1 100755 --- a/Web/src/app/pages/front-pages/homepage/homepage.component.ts +++ b/Web/src/app/pages/front-pages/homepage/homepage.component.ts @@ -34,6 +34,11 @@ export class HomepageComponent { this.closeSidenavIfNeeded(); }); } + + close() { + this.customizerRight.close(); + } + closeSidenavIfNeeded() { if (!this.isMobileView && this.customizerRight?.opened) { this.customizerRight.close(); diff --git a/Web/src/app/pages/front-pages/portfolio/portfolio.component.html b/Web/src/app/pages/front-pages/portfolio/portfolio.component.html index dfa0334..d90d6a9 100755 --- a/Web/src/app/pages/front-pages/portfolio/portfolio.component.html +++ b/Web/src/app/pages/front-pages/portfolio/portfolio.component.html @@ -11,7 +11,7 @@
-
Portfolio
+
Novinky
{{ filteredCount }}
@@ -20,7 +20,7 @@ search - +
@@ -32,6 +32,9 @@ + {{ + productcard.claim + }}
diff --git a/Web/src/app/pages/front-pages/portfolio/portfolio.component.ts b/Web/src/app/pages/front-pages/portfolio/portfolio.component.ts index 2ffa565..a8044ea 100755 --- a/Web/src/app/pages/front-pages/portfolio/portfolio.component.ts +++ b/Web/src/app/pages/front-pages/portfolio/portfolio.component.ts @@ -3,7 +3,7 @@ import { Component, OnInit } from '@angular/core'; import { IconModule } from '../../../icon/icon.module'; import { MaterialModule } from '../../../material.module'; -import { productcards } from '../front-pagesData'; +import { newscards } from '../front-pagesData'; import { FooterComponent } from '../footer/footer.component'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; @@ -16,7 +16,7 @@ import { FormsModule } from '@angular/forms'; }) export class PortfolioComponent implements OnInit { - filteredCards = productcards; + filteredCards = newscards; searchText: string = ''; diff --git a/Web/src/index.html b/Web/src/index.html index b451810..ef240f5 100755 --- a/Web/src/index.html +++ b/Web/src/index.html @@ -3,7 +3,6 @@ - Modernize Angular 20 Admin Template