core/templates/components/summary-tile/lesson-card.component.html - develop - githubmirror/oppia

core/templates/components/summary-tile/lesson-card.component.html

39 строк3 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="lesson-card-container e2e-test-redesigned-lesson-card-container"  *ngIf="allNodes?.length !==0 && (!isRecommendation || statusIsPublished ||!isSerialChapterFeatureLearnerFlagEnabled())">
  <div class="align-items-center d-flex justify-content-center lesson-card-img relative rounded-top w-100" [ngStyle]="{'background-color': imgColor}">
    <img alt="" class="h-100" [src]="imgUrl">
    <div class="d-flex flex-column lesson-card-tags w-100">
      <!--TODO(#18384): Learner group tags-->
      <!--TODO(#18384): Should goal tags display if completed?-->
      <div *ngIf="isGoal" class="lesson-card-tags-container">
        <span aria-hidden="true" class="fas fa-bullseye lesson-card-tags-icon"></span>
        <p class="lesson-card-tags-text"> {{ 'I18N_LEARNER_DASHBOARD_GOALS_SECTION' | translate }} </p>
      </div>
      <div class="classroom-new-chapter" *ngIf="isNewChapterLabelVisible() && isSerialChapterFeatureLearnerFlagEnabled()">
        <p class="classroom-status e2e-test-new-label">New</p>
      </div>
    </div>
  </div>
  <div class="bg-white d-flex flex-column lesson-card-info justify-content-between">
    <div class="d-flex flex-column flex-grow">
      <div class="lesson-card-title-container mt-1 e2e-test-lesson-title">
        <p class="e2e-test-lesson-card-title lesson-card-title mb-0"> {{ title }} </p>
      </div>
      <p class="lesson-card-topic mb-0"> {{ 'I18N_LEARNER_DASHBOARD_CARD_TOPIC' | translate: {cardTopic: lessonTopic} }} </p>
      <p class="lesson-card-desc mb-0"> {{ desc.charAt(0).toUpperCase() + desc.slice(1) }} </p>
    </div>
    <div class="align-items-center d-flex justify-content-between mt-2">
      <circle-progress class="e2e-test-progress-lesson" [percent]="progress"> </circle-progress>
      <a [href]="lessonUrl"
         *ngIf="statusIsPublished || isSavedSection || isCommunityLesson || !isSerialChapterFeatureLearnerFlagEnabled()"
         class="align-items-center d-inline-flex justify-content-center lesson-card-button text-decoration-none e2e-test-resume-lesson-btn"
         target="_self">
        {{ getButtonTranslationKey() | translate }}
      </a>
      <span *ngIf="isSerialChapterFeatureLearnerFlagEnabled() && !statusIsPublished && !isSavedSection && !isCommunityLesson"
            class="align-items-center d-inline-flex justify-content-center lesson-card-button upcoming"
            [attr.title]="isSerialChapterFeatureLearnerFlagEnabled() ? ('I18N_LEARNER_STORY_TILE_COMING_SOON_TOOLTIP' | translate) : null" >
            {{ 'I18N_LEARNER_STORY_TILE_COMING_SOON' | translate }}
      </span>
    </div>
  </div>
</div>