listing selected filters

This commit is contained in:
Tykayn 2025-09-22 11:56:49 +02:00 committed by tykayn
parent a4a3cf399d
commit 4e2451d600
5 changed files with 16 additions and 9 deletions

View file

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

View file

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

View file

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

View file

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

View file

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