110 lines
2.9 KiB
HTML
110 lines
2.9 KiB
HTML
<div class="case-result">
|
||
|
||
<!--case result-->
|
||
<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>
|
||
<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>
|
||
<div class="label">
|
||
Information
|
||
</div>
|
||
</div>
|
||
<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 == '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 == '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 == '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 == 'dica' }" class="tab-item">
|
||
<i class="ri-file-list-2-line"></i>
|
||
<div class="label">
|
||
DICA
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="row selected-tab-content summary">
|
||
|
||
@if (activeTab == 'info') {
|
||
|
||
<strong>
|
||
AI’s summary :</strong>
|
||
<div class="content">
|
||
|
||
{{ case.info }}
|
||
</div>
|
||
|
||
}
|
||
@if (activeTab == 'dica') {
|
||
{{ case.DICA }}
|
||
{{ case.DICA_file }}
|
||
} @else {
|
||
@if (activeTab[case] == 'dica') {
|
||
{{ activeTab[case] }}
|
||
}
|
||
}
|
||
|
||
|
||
</div>
|
||
<div class="row case-more-infos">
|
||
<div class="info-item">
|
||
<span class="label">Date :</span>
|
||
<span class="value">{{ case.date }}</span>
|
||
</div>
|
||
<div class="info-item">
|
||
<span class="label">Chrono ID :</span>
|
||
<span class="value">{{ case.chrono_id }}</span>
|
||
</div>
|
||
<div class="info-item">
|
||
<span class="label">Responsable Team :</span>
|
||
<span class="value">{{ case.responsable_team }}</span>
|
||
</div>
|
||
<div class="info-item">
|
||
<span class="label">GE Instruction:</span>
|
||
<span class="value">{{ case.ge_instruction }}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|