up csc placeholder and file csv upload

sae-csc/src/app/pages/main/main.html

@@ -31,7 +31,11 @@
       <h2 class="title">
         Question analysis
       </h2>
-      <sae-bot-talks [message]="'Generating a summary...analyzing client’s question...'"></sae-bot-talks>
+      @if (appState.botMessage) {
+
+        <sae-bot-talks
+          [message]="appState.botMessage"></sae-bot-talks>
+      }
       <!--filters-->
       <!--      advanced filters-->
       <div class="filters-container">

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;
+        }
+      }
     }
   }
 

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: {},

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,

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

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;
 }

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 {
-
-    }
 
   }