/
githubmirror
/
oppia
Обзор
Документация
Войти
/
githubmirror
/
oppia
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
extensions/rich_text_components/Image/directives/image.component.html
32 строки
1 KB
Ashwath Kannan
M1_Feedback: Reduce the image size for alt-image section. (#18813)
31 авг 2023, 13:24
Не верифицирован
31 авг 2023, 13:24
0121e6a
Код
Авторство
О чём код?
<figure> <div *ngIf="!isLoadingIndicatorShown && !isTryAgainShown && !altTextIsDisplayed"> <img [src]="imageUrl" alt="{{imageAltText}}" class="center-element-horizontally e2e-test-image" [ngStyle]="imageContainerStyle"> <figcaption class="text-center">{{imageCaption}}</figcaption> </div> <div *ngIf="!isLoadingIndicatorShown && !isTryAgainShown && altTextIsDisplayed"> <img [src]="imageUrl" alt="{{imageAltText}}" class="e2e-test-image" [ngStyle]="miniatureImageContainerStyle"> <figcaption><strong>Caption:</strong> {{imageCaption}}</figcaption> <figcaption class="alt-text mb-5"><strong>Description:</strong> {{imageAltText}}</figcaption> </div> <div *ngIf="isLoadingIndicatorShown" class="oppia-image-container" [ngStyle]="imageContainerStyle"> <img [src]="loadingIndicatorUrl" class="center-element-horizontally" [ngStyle]="loadingIndicatorStyle" alt="Loading..."> </div> <div *ngIf="isTryAgainShown" class="oppia-image-container" [ngStyle]="imageContainerStyle"> <button matButton (click)="loadImage()" class="oppia-learner-reload-image-button center-element-horizontally"> <span>Reload image<i class="material-icons oppia-reload-image-symbol">⟳</i></span> </button> </div> </figure>