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

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

@ -1,17 +1,29 @@
<div class="case-result">
<!--case result-->
<div class="title">
<header class="case-header">
<div class="title">
<span class="label">
7B / 72-21-02 / Booster blades stg 3 / LPC STG.3 BLADES DISLOCATION / 894773
</span>
<i class="ri-arrow-down-s-line"></i>
</div>
<i class="ri-arrow-down-s-line"></i>
</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 (click)="selectCaseTab('information')" [ngClass]="{ 'is-active' : activeTab == 'information' }"
class="tab-item">
<i class="ri-file-list-2-line"></i>
@ -19,34 +31,34 @@
Information
</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">
<i class="ri-file-list-2-line"></i>
<div class="label">
Original Question
</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">
<i class="ri-file-list-2-line"></i>
<div class="label">
Answer Sent
</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">
<i class="ri-file-list-2-line"></i>
<div class="label">
Engine part
</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>
<div class="label">
Findings
</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>
<div class="label">
DICA
@ -69,6 +81,10 @@
@if (activeTab == 'dica') {
{{ case.DICA }}
{{ case.DICA_file }}
} @else {
@if (activeTab[case] == 'dica') {
{{ activeTab[case] }}
}
}