core/templates/components/state-directives/response-header/response-header.component.html - develop - githubmirror/oppia

core/templates/components/state-directives/response-header/response-header.component.html

53 строки2 KB

Aditya Lakhotia

Fix part of #25941: Clean up legacy embedded <style> tags from HTML templates removing inconsistency of next 30 files (part-2) (#26855)

24 июл 2026, 19:54

Не верифицирован

24 июл 2026, 19:545531df6

<div class="oppia-response-header-block">
  <div class="oppia-response-header">
    <span *ngIf="showWarning">⚠</span>
    <div class="oppia-response-container-desktop">
      <i class="fas fa-times oppia-response-tick-cross oppia-response-cross e2e-test-incorrect-response-icon" *ngIf="!isCorrect() && isResponse && !isCurrentInteractionLinear()"></i>
      <i class="fas fa-check oppia-response-tick-cross  oppia-response-tick e2e-test-correct-tick-mark" *ngIf="isCorrect() && isResponse && !isCurrentInteractionLinear()"></i>
    </div>
    <div class="oppia-responses-mobile">
      <div class="oppia-response-mobile-item oppia-response-mobile-item-incorrect" *ngIf="!isCorrect() && isResponse && !isCurrentInteractionLinear()">
        Incorrect
      </div>
      <div class="oppia-response-mobile-item oppia-response-mobile-item-correct" *ngIf="isCorrect() && isResponse && !isCurrentInteractionLinear()">
        Correct
      </div>
    </div>
    <span class="oppia-response-summary" [attr.title]="summary">
      <span class="oppia-response-short-summary e2e-test-response-summary">{{shortSummary}}</span>
      <span *ngIf="numRules > 1" class="badge bg-primary position-relative oppia-num-rules">
        +{{numRules - 1}}
      </span>
    </span>
  </div>

  <br class="break-in-mobile">
  <span class="oppia-outcome-arrow" *ngIf="outcome">→</span>
  <span *ngIf="isCorrect() && isInQuestionMode()">
    Correct
  </span>
  <span *ngIf="outcome && !isOutcomeLooping() && !isCreatingNewState() && !isInQuestionMode()"
        (click)="returnToState()" class="oppia-nested-link">
    {{outcome.dest}}
  </span>
  <span class="oppia-nested-link" *ngIf="outcome && !isOutcomeLooping() && isCreatingNewState()">
    <em *ngIf="outcome.newStateName">{{outcome.newStateName}}</em>
    <em *ngIf="!outcome.newStateName">Nowhere yet...</em>
  </span>
  <span *ngIf="outcome && !isInQuestionMode() && isOutcomeLooping()">
    <em>(try again)</em>
  </span>
  <span *ngIf="outcome && isInQuestionMode() && !isCorrect()">
    <em>Wrong<br> (try again)</em>
  </span>
</div>

<span class="oppia-delete-response-button oppia-transition-200 e2e-test-delete-response"
      *ngIf="editabilityService.isEditable() && !defaultOutcome && !outcome"
      (keydown.enter)="deleteResponse($event)"
      tabindex="0"
      role="button"
      aria-label="delete response"
      (click)="deleteResponse($event)">
  <i class="material-icons md-18">&#xE5CD;</i>
</span>