ng-implementation/sae-csc/src/app/pages/similar-cases/case-result/case-result.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>