up results cases blocks

This commit is contained in:
Tykayn 2025-09-02 16:33:00 +02:00 committed by tykayn
parent 5f90c813dd
commit 70e3790e6e
4 changed files with 255 additions and 27 deletions

View file

@ -7,16 +7,50 @@
<div class="button button-toggle chevron">v</div>
</div>
<div class="row tabs">
<div class="tab-item" (click)="selectCaseTab('information')">
<div (click)="selectCaseTab('information')" class="tab-item is-active">
<i class="ri-file-list-2-line"></i>
<div class="label">
Information
</div>
</div>
<div (click)="selectCaseTab('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')" class="tab-item">
<i class="ri-file-list-2-line"></i>
<div class="label">
Answer Sent
</div>
</div>
<div (click)="selectCaseTab('engine_part')" class="tab-item">
<i class="ri-file-list-2-line"></i>
<div class="label">
Engine part
</div>
</div>
<div (click)="selectCaseTab('findings')" class="tab-item">
<i class="ri-file-list-2-line"></i>
<div class="label">
Findings
</div>
</div>
<div (click)="selectCaseTab('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">
AIs summary : Work stoppage case for CFM56-7B engine (ESN: 894773) at MTU Zhuhai. LPC Stage 3 blade platform
<div class="row selected-tab-content summary">
<strong>
AIs summary :</strong> Work stoppage case for CFM56-7B engine (ESN: 894773) at MTU Zhuhai. LPC Stage 3 blade
platform
dislocation detected during shop visit BSI. Maximum dislocation: 1.22mm axial, 0.63mm radial. Customer requests
evaluation, acceptance criteria, or DICA for further action. No corresponding limits in AMM 72-00-00 BSI inspection
chapter.
@ -30,5 +64,13 @@
<span class="label">Chrono ID :</span>
<span class="value">CSC/CFM/2023-10/00446-A</span>
</div>
<div class="info-item">
<span class="label">Responsable Team :</span>
<span class="value">FO-CFM</span>
</div>
<div class="info-item">
<span class="label">GE Instruction:</span>
<span class="value">-</span>
</div>
</div>
</div>

View file

@ -0,0 +1,69 @@
:host {
background: white;
padding: 16px;
display: block;
border-radius: 8px;
.title {
color: var(--Black-text, #1B1D27);
text-align: left;
font-family: Barlow;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
}
.info-item {
.label {
font-weight: 600;
}
}
.summary {
border-top: 1px solid grey;
padding-top: 10px;
}
.tabs {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.case-more-infos {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: start;
margin-top: 10px;
margin-bottom: 10px;
.value {
padding-left: 6px;
padding-right: 30px;
}
}
.tab-item {
display: flex;
flex-direction: row;
align-items: start;
padding-bottom: 6px;
label {
padding-left: 6px;
display: inline-block;
}
&.is-active {
border-bottom: 2px solid black;
}
}
.summary {
max-width: 80ch;
}
}