tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

up main page of csc

Browse source
This commit is contained in:
Tykayn 2025-09-24 11:06:25 +02:00 • committed by tykayn
parent 334b6c90cf
commit 7de81096bb
14 changed files with 165 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

5
sae-csc/README.md
View file

@ -57,3 +57,8 @@ Angular CLI does not come with an end-to-end testing framework by default. You c
## Additional Resources
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
## doing
display des dropdown de filtres
syncro from text et store

20
sae-csc/src/app/pages/main/main.html
View file

@ -32,18 +32,28 @@
<h2 class="title">
Question analysis
</h2>
@if (displayBotWarning) {
<sae-bot-talks
[message]="appState.botMessage"></sae-bot-talks>
}
<!-- @if (displayBotWarning) {-->
<sae-bot-talks
[message]="appState.botMessage"
[ngClass]="{ 'is-visible' : displayBotWarning }"></sae-bot-talks>
<!-- }-->
<!--filters-->
<!-- advanced filters-->
<div class="filters-container">
<sae-filters-group (selectionchange)="onSelectedChoicesChange()" [appState]="appState"
[disabled]="!appState.fromText.length"></sae-filters-group>
[disabled]="!appState.toText.length"></sae-filters-group>
</div>
</div>
<app-bottom-navigation></app-bottom-navigation>
fromText:
{{ appState.fromText }}
<br>
totext:
{{ appState.toText }}
</main>
<footer>

12
sae-csc/src/app/pages/main/main.scss
View file

@ -58,4 +58,16 @@
padding-bottom: 400px;
}
sae-bot-talks {
position: absolute;
top: 496px;
right: 0;
width: 100%;
visibility: hidden;
&.is-visible {
visibility: visible;
}
}
}

4
sae-csc/src/app/pages/main/main.ts
View file

@ -6,6 +6,7 @@ import {FeedbackButton} from 'sae-lib/buttons/feedback-button/feedback-button';
import {BotTalks} from 'sae-lib/chatbot/bot-talks/bot-talks';
import {Store} from '@ngrx/store';
import {StateInterface} from '../../redux/reducers';
import {NgClass} from '@angular/common';
@Component({
@ -15,7 +16,8 @@ import {StateInterface} from '../../redux/reducers';
FiltersGroup,
BottomNavigation,
FeedbackButton,
BotTalks
BotTalks,
NgClass
],
templateUrl: './main.html',
styleUrl: './main.scss'

2
sae-csc/src/app/pages/similar-cases/similar-cases.html
View file

@ -44,7 +44,7 @@
}
<div class="row filters-row">
<sae-filters-group [hideChipsList]="true"></sae-filters-group>
<sae-filters-group [disabled]="disabledFilters" [hideChipsList]="true"></sae-filters-group>
</div>
</header>
<main>

1
sae-csc/src/app/pages/similar-cases/similar-cases.ts
View file

@ -29,6 +29,7 @@ export class SimilarCases {
public appState: any = {};
activeTab: string = "summarized";
displayHeaderTabs: boolean = false;
disabledFilters: boolean = true;
constructor(private store: Store<StateInterface>) {
this.store.select(state => state.app).subscribe(app => {

21
sae-csc/src/app/shared/translate-texts/translate-texts.html
View file

@ -1,7 +1,9 @@
<div class="translate-texts is-{{disabled? 'disabled' : 'enabled'}}">
<div id="fromText">
<div [ngClass]="{
'is-focused' : fromTextFocused
}" id="fromText">
@if (!fileIsUploaded || !appState.fromText.length) {
<!-- @if (appState.fromText.length == 0) {-->
@ -46,9 +48,10 @@
@if (!fileIsUploaded) {
<textarea
(focus)="focusFromText()"
(blur)="blurFromText()"
(keyup)="onFromTextChanged()"
(ngModelChange)="onFromTextChanged()"
[(ngModel)]="appState.fromText"
[ngModel]="appState.fromText"
cols="30"
id="from_text"
name="from_text"
@ -57,7 +60,9 @@
}
</div>
<div id="toText">
<div [ngClass]="{
'is-focused' : toTextFocused
}" id="toText">
@if (loadingResume) {
<div class="loading-container">
@ -72,9 +77,13 @@
<button (click)="emptyText('toText')" class="delete-button button">x</button>
}
@if (!loadingResume) {
<textarea [(ngModel)]="toText" cols="30" id="to_text" name="to_text" rows="10"></textarea>
<textarea
[ngModel]="appState.toText"
(ngModelChange)="onToTextChanged()"
(keyup)="onToTextChanged()"
(focus)="focusToText()"
(blur)="blurToText()"
cols="30" id="to_text" name="to_text" rows="10"></textarea>
}
</div>
</div>

10
sae-csc/src/app/shared/translate-texts/translate-texts.scss
View file

@ -17,13 +17,17 @@
background: white;
height: 235px;
width: 648px;
overflow-y: auto;
overflow: hidden;
border-radius: 8px;
textarea {
padding: variables.$spacing-4 42px variables.$spacing-4 variables.$spacing-4;
}
&.is-focused {
outline: 3px solid #255B8E;
}
}
.delete-button {
@ -77,6 +81,10 @@
line-height: 140%;
width: 370px;
}
&:focus {
outline: none;
}
}
.click-file-upload {

106
sae-csc/src/app/shared/translate-texts/translate-texts.ts
View file

@ -17,7 +17,8 @@ export class TranslateTexts {
public loadingResume: boolean = false;
public mode: string = 'demo';
public debounceEnabled: boolean = true;
public textFocused: boolean = false;
public fromTextFocused: boolean = false;
public toTextFocused: boolean = false;
public fileIsUploaded: boolean = false;
@ -45,7 +46,7 @@ export class TranslateTexts {
}
onToTextChanged(e: any): void {
onToTextChanged(e?: any): void {
console.log('text changed toText', e)
// launch request
// in demo mode, fill some filters
@ -61,14 +62,68 @@ export class TranslateTexts {
// in demo mode, load demo filters
console.log('demo mode, on émet updateFilters')
const newFilters = [
['filter demo 1', 'filter demo 2'],
['filter demo 3'],
['filter demo 4', 'filter demo ABCD'],
['filter demo 5'],
]
// this.updateFilters.emit(newFilters);
this.updateFilters.emit();
this.store.dispatch({
type: ActionTypes.UPDATE_APP,
payload: {
toText: e && typeof e.value === 'function' ? e.value() : this.appState.toText,
filters: {
engineType:
{
// availableList: ['filter demo 1', 'filter demo 2'],
selectedList: [{
label: 'filter demo 1',
value: 'DEF',
}, {
label: 'filter demo 2',
value: 'DEF',
}]
},
findings: {
availableList: [{
label: 'DEF',
value: 'DEF',
}],
selectedList: [{
label: 'GER',
value: 'GER',
}, {
label: '134D',
value: '134D',
},]
},
ata: {
availableList: [{
label: 'DEF',
value: 'DEF',
}],
selectedList: []
},
partNumber: {
availableList: [{
label: 'DEF',
value: 'DEF',
}],
selectedList: []
},
technicalManual: {
availableList: [{
label: 'DEF',
value: 'DEF',
}],
selectedList: [{
label: 'DEF',
value: 'DEF',
}]
},
onOffWing: {
availableList: [],
selectedList: []
}
}
}
})
this.loadingResume = false;
}, this.debounceEnabled ? this.debounceDuration : 0);
}
@ -80,7 +135,14 @@ export class TranslateTexts {
console.log('text changed fromText', e)
// this.store.dispatch({})
// Update the fromText property in the Redux store
this.store.dispatch({
type: ActionTypes.UPDATE_APP,
payload: {
fromText: this.fromText
}
});
// run research after a delay
if (this.mode !== 'production') {
this.loadingResume = true;
@ -94,13 +156,14 @@ export class TranslateTexts {
this.fromTimeout = setTimeout(() => {
// in demo mode, make a fake resume
console.log('demo mode')
this.toText = "Résumé de démo à titre d'exemple"
this.loadingResume = false;
this.store.dispatch({
type: ActionTypes.UPDATE_APP,
state: {
displayBot: true
payload: {
displayBot: true,
toText: "Résumé de démo à titre d'exemple"
}
})
@ -140,10 +203,19 @@ export class TranslateTexts {
}
focusFromText(e?: any) {
console.log('focus from text', e)
console.log('focus from text')
this.onRemoveFileSelected()
// this.fromText = ' '
this.textFocused = true
this.fromTextFocused = true
}
blurFromText() {
this.fromTextFocused = false
}
focusToText() {
this.toTextFocused = true
}
blurToText() {
this.toTextFocused = false
}
}