From bca0e5563cda6f62a3b27b8d17da8a0d5fd9fb92 Mon Sep 17 00:00:00 2001 From: Tykayn Date: Tue, 2 Sep 2025 14:40:47 +0200 Subject: [PATCH] privacy policy style --- .../filters/filters-group/filters-group.html | 4 +- .../filters/filters-group/filters-group.scss | 20 +++++++- .../filters/filters-group/filters-group.ts | 8 +-- .../inputs/multi-selector/multi-selector.html | 51 +++++++++++-------- .../inputs/multi-selector/multi-selector.scss | 18 +++++++ .../inputs/multi-selector/multi-selector.ts | 3 ++ sae-csc/src/app/pages/main/main.scss | 2 +- .../bottom-navigation/bottom-navigation.html | 29 ++++++++--- .../bottom-navigation/bottom-navigation.scss | 32 +++++++----- 9 files changed, 117 insertions(+), 50 deletions(-) diff --git a/my-workspace/projects/sae-lib/filters/filters-group/filters-group.html b/my-workspace/projects/sae-lib/filters/filters-group/filters-group.html index b47a1bc..359d8d3 100644 --- a/my-workspace/projects/sae-lib/filters/filters-group/filters-group.html +++ b/my-workspace/projects/sae-lib/filters/filters-group/filters-group.html @@ -1,4 +1,4 @@ -
+
@@ -7,7 +7,7 @@
-
+
diff --git a/my-workspace/projects/sae-lib/filters/filters-group/filters-group.scss b/my-workspace/projects/sae-lib/filters/filters-group/filters-group.scss index bfafa39..ec4540f 100644 --- a/my-workspace/projects/sae-lib/filters/filters-group/filters-group.scss +++ b/my-workspace/projects/sae-lib/filters/filters-group/filters-group.scss @@ -7,7 +7,7 @@ sae-multi-selector { margin-left: 20px; - + } } @@ -79,16 +79,32 @@ background: variables.$csc-chips-bg-color; color: white; border: solid 1px variables.$csc-chips-bg-color; - width: 100%; border-radius: 20px; margin-bottom: 10px; display: flex; padding: 8px 10px 10px 12px; + + text-align: center; + font-size: 14px; + font-weight: 600; + line-height: 14px; + justify-content: center; align-items: center; gap: 5px; align-self: stretch; padding-right: 10px; + + } + + + } + + &.highlighted .chips-listing { + border-radius: 8px; + border: 1px solid #C2A9FD; + background: #E3EAF1; + box-shadow: 0 0 10px 0 #A86CFD; } } diff --git a/my-workspace/projects/sae-lib/filters/filters-group/filters-group.ts b/my-workspace/projects/sae-lib/filters/filters-group/filters-group.ts index 20f1bac..7ca88cd 100644 --- a/my-workspace/projects/sae-lib/filters/filters-group/filters-group.ts +++ b/my-workspace/projects/sae-lib/filters/filters-group/filters-group.ts @@ -1,14 +1,16 @@ -import {Component} from '@angular/core'; +import {Component, Input} from '@angular/core'; import {MultiSelector} from '../../inputs/multi-selector/multi-selector'; +import {NgClass} from '@angular/common'; @Component({ selector: 'sae-filters-group', imports: [ - MultiSelector + MultiSelector, + NgClass ], templateUrl: './filters-group.html', styleUrl: './filters-group.scss' }) export class FiltersGroup { - + @Input() highlighted = false; } diff --git a/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.html b/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.html index 7399fa7..3486b42 100644 --- a/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.html +++ b/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.html @@ -6,31 +6,40 @@ {{ label }}
- -
-
- - -
-
- -
+ + @if (displayDropdown) { +
+
+ +
-
-
- -
-
- choix 1 -
+
+ +
+ + @for (sc of selectedChoices; track sc) { +
+ + + {{ sc }} +
+ }
-
-
- choix 2 -
+
+
+ + @for (c of choices; track c) { +
+ + {{ c }} +
+ }
-
+ + }
diff --git a/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.scss b/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.scss index 4ba7fcd..29461e3 100644 --- a/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.scss +++ b/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.scss @@ -61,4 +61,22 @@ border-color: #525668; } } + + .dropdown { + background: white; + padding: 1rem; + border-radius: 8px; + position: relative; + display: block; + + .dropdown-item { + padding: 4px; + cursor: pointer; + + &:hover { + background: #525668; + color: white; + } + } + } } diff --git a/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.ts b/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.ts index 523bfd5..801b5d7 100644 --- a/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.ts +++ b/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.ts @@ -8,5 +8,8 @@ import {Component, Input} from '@angular/core'; }) export class MultiSelector { @Input() label!: string; + @Input() choices: any = ['choix 1', 'choix 2', 'choix 3']; + @Input() selectedChoices: any = ['choix 4']; + displayDropdown = true; } diff --git a/sae-csc/src/app/pages/main/main.scss b/sae-csc/src/app/pages/main/main.scss index 2238d93..fd17653 100644 --- a/sae-csc/src/app/pages/main/main.scss +++ b/sae-csc/src/app/pages/main/main.scss @@ -14,7 +14,7 @@ #translation_request { .helper { - padding-left: 5.3vw; + padding-left: 2.65vw; padding-bottom: 16px; } } diff --git a/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html b/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html index 52c2dd9..d6e7807 100644 --- a/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html +++ b/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html @@ -28,21 +28,34 @@ ×
-

Privacy Policy

+

Privacy Policy

- This privacy policy explains how we collect, use, and protect your personal information when you use our - services. + Personal Data Protection Policy

- We collect information to provide better services to all our users. This includes information you provide to - us, such as your name, email address, and other personal details. + We are committed to protecting your data in accordance with the General Data Protection Regulation (GDPR).

- We use this information to provide, maintain, and improve our services, develop new ones, and protect our - users. + Key Principles: To facilitate the search for similar cases when a customer requests support, Safran Aircraft Engines (www.safran-group.com) processes personal data based on its legitimate interest in saving time when handling customer requests and meeting its commitments regarding response times.

- We will not share your personal information with anyone except as described in this Privacy Policy. + The company processes the following personal data of CSC employees, customers, and partners (GE): + Identification data: first name, last name + Professional data: employee ID (for internal staff), email address, phone number, postal address, affiliated company, or any other information contained in email signatures + Connection data: login logs containing employee ID, IP address, actions performed, date and time of connection, technical status (technical error) + User account data comes from the CRM and is retained based on the onboarding and offboarding of CSC employees. This data is only accessible to individuals who need it to perform their duties, including the CSC team, IT service providers, and technical and functional administrators. +

+

+ As part of Safran's legitimate interest in securing its information system by ensuring traceability, login logs are also processed and retained for 3 months; they are only accessible to administrators and the IT security team. +

+

+ Data subjects have the right to access, rectify, erase, restrict, and port their data, as well as the right to object. These rights can be exercised by contacting the Data Protection Officer of Safran Aircraft Engines at: dpo.sae@safrangroup.com. +

+

+ Data subjects may also file a complaint with the French data protection authority (www.cnil.fr). +

+

+ Last updated: March 2025

diff --git a/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.scss b/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.scss index e62e1dc..a0ade46 100644 --- a/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.scss +++ b/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.scss @@ -57,6 +57,7 @@ display: flex; justify-content: center; align-items: center; + color: #1B1D27; .popup-overlay { position: absolute; @@ -96,7 +97,6 @@ align-items: center; cursor: pointer; font-size: 24px; - color: var(--color-text-title, #255B8E); &:hover { background-color: rgba(0, 0, 0, 0.05); @@ -107,20 +107,25 @@ padding: 30px; overflow-y: auto; - h2 { - color: var(--color-text-title, #255B8E); - font-family: var(--Fonts-Font-text, Barlow); - font-size: 24px; + .title { + color: #000; + leading-trim: both; + text-edge: cap; + font-family: Barlow; + font-size: 20px; + font-style: normal; font-weight: 600; - margin-bottom: 20px; + line-height: 20px; /* 100% */ } p { - color: var(--color-text, #333); - font-family: var(--Fonts-Font-text, Barlow); - font-size: 16px; - line-height: 1.5; - margin-bottom: 15px; + color: #000; + font-family: Barlow; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 120%; /* 16.8px */ + margin-bottom: 1rem; } } @@ -133,9 +138,10 @@ .agree-button { padding: 12px 30px; - border-radius: 10px; border: none; - background: var(--Gradient, linear-gradient(77deg, #073A7C -4.23%, #1767AD 51.8%, #255B8E 87.72%)); + + border-radius: 8px; + background: linear-gradient(145deg, #55BCEC -21.82%, #005AA2 82.35%), #FFF; color: white; font-family: var(--Fonts-Font-text, Barlow); font-size: 16px;