listing selected filters

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

@@ -32,14 +32,14 @@
       <h2 class="title">
         Question analysis
       </h2>
-      @if (appState?.botMessage) {
+      @if (displayBotWarning) {
         <sae-bot-talks
           [message]="appState.botMessage"></sae-bot-talks>
       }
       <!--filters-->
       <!--      advanced filters-->
       <div class="filters-container">
-        <sae-filters-group (selectionchange)="onSelectedChoicesChange" [appState]="appState"
+        <sae-filters-group (selectionchange)="onSelectedChoicesChange()" [appState]="appState"
                            [disabled]="!appState.fromText.length"></sae-filters-group>
       </div>
     </div>

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

@@ -23,6 +23,7 @@ import {StateInterface} from '../../redux/reducers';
 export class Main {
 
   public appState: any = {};
+  public displayBotWarning: boolean = true;
 
   constructor(private store: Store<StateInterface>) {
     this.store.select(state => state.app).subscribe(app => {
@@ -32,8 +33,9 @@ export class Main {
   }
 
 
-  onSelectedChoicesChange(e: any) {
-    console.log('onSelectedChoicesChange', e);
+  onSelectedChoicesChange() {
+    console.log('onSelectedChoicesChange');
+    this.displayWarningToCheckFilters()
   }
 
   onAvailableChoicesChange(e: any) {
@@ -41,7 +43,8 @@ export class Main {
   }
 
   displayWarningToCheckFilters() {
+    this.displayBotWarning = true;
     // update app, displayBotT
-    this.store.dispatch()
+    // this.store.dispatch()
   }
 }

sae-csc/src/app/redux/initialState.ts

@@ -11,7 +11,7 @@ export const initialState: StateInterface = {
     // fromText: "",
     fromFile: "",
     toText: "",
-    botMessage: "",
+    botMessage: "Veuillez vérifier les filtres préselectionnés",
     dicaReference: "azhe ekhjfhkj e hkjzekjh",
     dicaReferenceURL: "fgkj kjrjgik  .pdf",
     associatedDocuments: [{
@@ -21,7 +21,6 @@ export const initialState: StateInterface = {
     filters: {
       engineType: {
         availableList: [{
-
           label: 'ABC',
           value: 'ABC',
         }],
@@ -44,7 +43,10 @@ export const initialState: StateInterface = {
       },
       technicalManual: {
         availableList: [],
-        selectedList: []
+        selectedList: [{
+          label: 'DEF',
+          value: 'DEF',
+        }]
       },
       onOffWing: {
         availableList: [],

sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.scss

@@ -1,4 +1,6 @@
 .bottom-navigation {
+  position: absolute;
+  top: 1000px;
   padding: 0 60px 16px;
 
   .nav-item {

sae-csc/src/app/shared/translate-texts/translate-texts.scss

@@ -87,7 +87,7 @@
     border: 1px solid var(--color-text-title, variables.$csc-nav-color);
     background: var(--color-background-card-on-base, #FFF);
     left: 0;
-    top: 68px;
+    top: 165px;
     position: relative;
     font-weight: 600;