Use bootstrap loader

[github/Chocobozzz/PeerTube.git] / client / src / app / +videos / +video-watch / shared / metadata / video-description.component.html

<div class="video-info-description">
  <div
    class="video-info-description-html"
    [innerHTML]="videoHTMLDescription"
    (timestampClicked)="onTimestampClicked($event)"
    myTimestampRouteTransformer
  ></div>

  <div class="video-info-description-more" *ngIf="completeDescriptionShown === false && video.description?.length >= 250" (click)="showMoreDescription()">
    <ng-container i18n>Show more</ng-container>
    <span *ngIf="descriptionLoading === false" class="glyphicon glyphicon-menu-down"></span>
    <my-loader size="sm" class="description-loading" [loading]="descriptionLoading"></my-loader>
  </div>

  <div *ngIf="completeDescriptionShown === true" (click)="showLessDescription()" class="video-info-description-more">
    <ng-container i18n>Show less</ng-container>
    <span *ngIf="descriptionLoading === false" class="glyphicon glyphicon-menu-up"></span>
  </div>
</div>