<div *ngIf="videoNotFound" id="video-not-found">Video not found :'(</div>
</div>
-<!-- P2P informations -->
+<!-- P2P information -->
<div id="torrent-info" class="row">
<div id="torrent-info-download" class="col-md-4 col-sm-4 col-xs-4">Download: {{ downloadSpeed | bytes }}/s</div>
<div id="torrent-info-upload" class="col-md-4 col-sm-4 col-xs-4">Upload: {{ uploadSpeed | bytes }}/s</div>
<div id="torrent-info-peers" class="col-md-4 col-sm-4 col-xs-4">Number of peers: {{ numPeers }}</div>
</div>
-<!-- Video informations -->
+<!-- Video information -->
<div *ngIf="video !== null" id="video-info">
<div class="row video-name-views">
<div class="col-xs-8 col-md-8 video-name">
Published on {{ video.createdAt | date:'short' }}
</div>
- <div class="video-details-description">
- {{ video.description }}
+ <div class="video-details-description" [innerHTML]="videoHTMLDescription"></div>
+
+ <div *ngIf="completeDescriptionShown === false && video.description.length === 250" (click)="showMoreDescription()" class="video-details-description-more">
+ Show more
+ <span class="glyphicon glyphicon-menu-down"></span>
+ </div>
+
+ <div *ngIf="completeDescriptionShown === true" (click)="showLessDescription()" class="video-details-description-more">
+ Show less
+ <span class="glyphicon glyphicon-menu-up"></span>
</div>
</div>
<div class="video-details-attributes col-xs-4 col-md-3">
+ <div class="video-details-attribute">
+ <span class="video-details-attribute-label">
+ Privacy:
+ </span>
+ <span class="video-details-attribute-value">
+ {{ video.privacyLabel }}
+ </span>
+ </div>
+
<div class="video-details-attribute">
<span class="video-details-attribute-label">
Category: