listing selected filters
This commit is contained in:
parent
a4a3cf399d
commit
4e2451d600
5 changed files with 16 additions and 9 deletions
|
@ -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>
|
||||||
|
|
|
@ -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()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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: [],
|
||||||
|
|
|
@ -1,4 +1,6 @@
|
||||||
.bottom-navigation {
|
.bottom-navigation {
|
||||||
|
position: absolute;
|
||||||
|
top: 1000px;
|
||||||
padding: 0 60px 16px;
|
padding: 0 60px 16px;
|
||||||
|
|
||||||
.nav-item {
|
.nav-item {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue