();
diff --git a/my-workspace/projects/sae-lib/src/styles/_variables.scss b/my-workspace/projects/sae-lib/src/styles/_variables.scss
index 828fd53..438dc26 100644
--- a/my-workspace/projects/sae-lib/src/styles/_variables.scss
+++ b/my-workspace/projects/sae-lib/src/styles/_variables.scss
@@ -56,13 +56,16 @@ $csc-light-yellow-color: #FFF3D8;
$csc-magic-color: #a86FCD;
$csc-bg-color: #F5F5F5;
$csc-title-color: #000;
+$csc-text-color: #1B1D27;
+$csc-light-text-color: #525668;
$csc-nav-color: $main-color-400;
$csc-chips-bg-color: $main-color-400;
$csc-textarea-color: #1B1D27;
$csc-textarea-placeholder-color: #7B7B7B;
-$csc-filters-box-color: #E3EAF1;
+$csc-file-selector-bg-color: #e3eaf1;
+$csc-filters-box-color: #e3eaf1;
$bot-bubble: $csc-light-yellow-color;
// sizes
diff --git a/sae-csc/src/app/pages/main/main.html b/sae-csc/src/app/pages/main/main.html
index 609fd90..ea1234c 100644
--- a/sae-csc/src/app/pages/main/main.html
+++ b/sae-csc/src/app/pages/main/main.html
@@ -31,7 +31,11 @@
Question analysis
-
+ @if (appState.botMessage) {
+
+
+ }
diff --git a/sae-csc/src/app/pages/main/main.scss b/sae-csc/src/app/pages/main/main.scss
index 0cb704d..f75019e 100644
--- a/sae-csc/src/app/pages/main/main.scss
+++ b/sae-csc/src/app/pages/main/main.scss
@@ -1,5 +1,8 @@
:host {
+ width: 1312px;
+ display: block;
+
#question_analysis {
sae-bot-talks {
top: -50px;
@@ -22,9 +25,22 @@
}
#translation_request {
+
.helper {
- padding-left: 2.65vw;
+ display: flex;
+ flex-direction: row;
+ justify-content: start;
+ align-items: center;
+
padding-bottom: 16px;
+
+ span {
+ &:nth-of-type(1) {
+ width: 560px;
+ display: inline-block;
+ text-align: right;
+ }
+ }
}
}
diff --git a/sae-csc/src/app/redux/initialState.ts b/sae-csc/src/app/redux/initialState.ts
index 8feecc6..c7de8e3 100644
--- a/sae-csc/src/app/redux/initialState.ts
+++ b/sae-csc/src/app/redux/initialState.ts
@@ -1,7 +1,22 @@
// Define initial state
import {StateInterface} from './reducers';
-
+export type filterGroupType = {
+ engineType: filterDoubleListType,
+ findings: filterDoubleListType,
+ ata: filterDoubleListType,
+ partNumber: filterDoubleListType,
+ technicalManual: filterDoubleListType,
+ onOffWing: filterDoubleListType,
+}
+export type filterDoubleListType = {
+ availableList: filterListType[],
+ selectedList: filterListType[],
+}
+export type filterListType = {
+ label: string,
+ value: string,
+}
export const initialState: StateInterface = {
app: {
backendAPIRoot: "",
@@ -9,10 +24,17 @@ export const initialState: StateInterface = {
fromText: "",
fromFile: "",
toText: "",
+ botMessage: "Generating a summary...analyzing client’s question...",
filters: {
engineType: {
- availableList: ['choix 1'],
- selectedList: ['choix 2']
+ availableList: [{
+ label: 'choix 1',
+ value: 'choix 1',
+ }],
+ selectedList: [{
+ label: 'choix 2',
+ value: 'choix 2',
+ }]
},
findings: {
availableList: {},
diff --git a/sae-csc/src/app/redux/reducers/index.ts b/sae-csc/src/app/redux/reducers/index.ts
index a795839..b12bdcd 100644
--- a/sae-csc/src/app/redux/reducers/index.ts
+++ b/sae-csc/src/app/redux/reducers/index.ts
@@ -102,6 +102,7 @@ export interface StateInterface {
fromFile: string,
fromText: string,
toText: string,
+ botMessage: string,
filters: {
engineType: SelectFilterType,
findings: SelectFilterType,
diff --git a/sae-csc/src/styles.scss b/sae-csc/src/styles.scss
index 6bc98d9..331c9b2 100644
--- a/sae-csc/src/styles.scss
+++ b/sae-csc/src/styles.scss
@@ -3,6 +3,8 @@
@use "sass:color";
// lib SAE Aero styles
@use 'sae-lib/src/styles/index.scss';
+@use 'sae-lib/buttons/feedback-button/feedback-button.scss';
+//@use 'sae-lib/src/styles/feedback.scss';
/* Fichier de styles global pour l'application */
// Importer les styles principaux
diff --git a/sae-csc/src/styles/_variables-barrel.scss b/sae-csc/src/styles/_variables-barrel.scss
index e6c6bb4..bf67a5b 100644
--- a/sae-csc/src/styles/_variables-barrel.scss
+++ b/sae-csc/src/styles/_variables-barrel.scss
@@ -1,6 +1,6 @@
// Ce fichier regroupe toutes les variables de sae-lib pour faciliter l'importation
@forward 'sae-lib/src/styles/variables.scss';
-.all-pages{
- padding: 50px 64px;
+.all-pages {
+ padding: 70px 64px;
}
diff --git a/sae-csc/src/styles/app/styles/pages/_main.scss b/sae-csc/src/styles/app/styles/pages/_main.scss
index 09bbf2c..bfc7864 100644
--- a/sae-csc/src/styles/app/styles/pages/_main.scss
+++ b/sae-csc/src/styles/app/styles/pages/_main.scss
@@ -7,11 +7,11 @@
.title {
font-size: 20px;
font-weight: 600;
+ margin-bottom: 30px;
}
.helper {
text-align: center;
- margin-bottom: 16px;
color: #000;
font-size: 16px;
@@ -26,29 +26,6 @@
}
}
- .delete-button {
- border: 0;
- border-radius: 100%;
- background: #F2F2F2;
- color: grey;
- cursor: pointer;
- padding: 10px;
- position: relative;
- left: 92%;
- top: 50px;
- width: 37px;
- display: none;
-
- &:hover {
- background: #888;
- color: #222;
- display: block;
- }
- }
-
- textarea {
-
- }
}