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

added tabs in cases

Browse source
This commit is contained in:
Tykayn 2025-09-15 17:53:14 +02:00 • committed by tykayn
parent 89cb0f2635
commit 2c4de2260f
5 changed files with 45 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

30
sae-csc/src/app/pages/similar-cases/case-result/case-result.html
View file

@ -1,6 +1,8 @@
<div class="case-result"> <div class="case-result">
<!--case result--> <!--case result-->
<header class="case-header">
<div class="title"> <div class="title">
<span class="label"> <span class="label">
@ -8,10 +10,20 @@
</span> </span>
<i class="ri-arrow-down-s-line"></i> <i class="ri-arrow-down-s-line"></i>
</div> </div>
<div class="actions">
@if (case.suggested) {
<div class="magic-text">
<i class="ri ri-magic-fill"></i>
Suggested
</div>
}
</div>
</header>
<div class="row tabs"> <div class="row tabs">
<div (click)="selectCaseTab('information')" [ngClass]="{ 'is-active' : activeTab == 'information' }" <div (click)="selectCaseTab('information')" [ngClass]="{ 'is-active' : activeTab == 'information' }"
class="tab-item"> class="tab-item">
<i class="ri-file-list-2-line"></i> <i class="ri-file-list-2-line"></i>
@ -19,34 +31,34 @@
Information Information
</div> </div>
</div> </div>
<div (click)="selectCaseTab('original_question')" [ngClass]="{ 'is-active' : activeTab == 'information' }" <div (click)="selectCaseTab('original_question')" [ngClass]="{ 'is-active' : activeTab == 'original_question' }"
class="tab-item"> class="tab-item">
<i class="ri-file-list-2-line"></i> <i class="ri-file-list-2-line"></i>
<div class="label"> <div class="label">
Original Question Original Question
</div> </div>
</div> </div>
<div (click)="selectCaseTab('answer_sent')" [ngClass]="{ 'is-active' : activeTab == 'information' }" <div (click)="selectCaseTab('answer_sent')" [ngClass]="{ 'is-active' : activeTab == 'answer_sent' }"
class="tab-item"> class="tab-item">
<i class="ri-file-list-2-line"></i> <i class="ri-file-list-2-line"></i>
<div class="label"> <div class="label">
Answer Sent Answer Sent
</div> </div>
</div> </div>
<div (click)="selectCaseTab('engine_part')" [ngClass]="{ 'is-active' : activeTab == 'information' }" <div (click)="selectCaseTab('engine_part')" [ngClass]="{ 'is-active' : activeTab == 'engine_part' }"
class="tab-item"> class="tab-item">
<i class="ri-file-list-2-line"></i> <i class="ri-file-list-2-line"></i>
<div class="label"> <div class="label">
Engine part Engine part
</div> </div>
</div> </div>
<div (click)="selectCaseTab('findings')" [ngClass]="{ 'is-active' : activeTab == 'information' }" class="tab-item"> <div (click)="selectCaseTab('findings')" [ngClass]="{ 'is-active' : activeTab == 'findings' }" class="tab-item">
<i class="ri-file-list-2-line"></i> <i class="ri-file-list-2-line"></i>
<div class="label"> <div class="label">
Findings Findings
</div> </div>
</div> </div>
<div (click)="selectCaseTab('dica')" [ngClass]="{ 'is-active' : activeTab == 'information' }" class="tab-item"> <div (click)="selectCaseTab('dica')" [ngClass]="{ 'is-active' : activeTab == 'dica' }" class="tab-item">
<i class="ri-file-list-2-line"></i> <i class="ri-file-list-2-line"></i>
<div class="label"> <div class="label">
DICA DICA
@ -69,6 +81,10 @@
@if (activeTab == 'dica') { @if (activeTab == 'dica') {
{{ case.DICA }} {{ case.DICA }}
{{ case.DICA_file }} {{ case.DICA_file }}
} @else {
@if (activeTab[case] == 'dica') {
{{ activeTab[case] }}
}
} }

21
sae-csc/src/app/pages/similar-cases/case-result/case-result.scss
View file

@ -1,9 +1,24 @@
@use '../../../../styles/variables-barrel' as variables;
:host { :host {
background: white; background: white;
padding: 16px; padding: 16px;
display: block; display: block;
border-radius: 8px; border-radius: 8px;
.magic-text {
color: variables.$csc-magic-color;
}
.case-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-bottom: 16px;
}
.title { .title {
color: var(--Black-text, #1B1D27); color: var(--Black-text, #1B1D27);
text-align: left; text-align: left;
@ -69,7 +84,9 @@
} }
.summary {
max-width: 80ch; .selected-tab-content {
min-height: 3rem;
} }
} }

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

@ -101,15 +101,6 @@
@if (displayedTab == 'similar-cases') { @if (displayedTab == 'similar-cases') {
<div id="similar_cases_tab"> <div id="similar_cases_tab">
<!-- <div class="row">-->
<!-- <div class="columns">-->
<!-- <div class="toggle-ai-suggestion column">-->
<!-- AI suggestions-->
<!-- &lt;!&ndash; applied&ndash;&gt;-->
<!-- &lt;!&ndash; disabled&ndash;&gt;-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="row cases-results"> <div class="row cases-results">
<!-- boucle des résultats--> <!-- boucle des résultats-->

2
sae-csc/src/app/styles/_app.scss
View file

@ -1,6 +1,4 @@
// dev tools // dev tools
@use '_global.scss'; @use '_global.scss';
@use '_debug.scss'; @use '_debug.scss';
@use '_variables.scss';

0
sae-csc/src/app/styles/_variables.scss
View file