]>
Commit | Line | Data |
---|---|---|
d1992b93 C |
1 | <div *ngIf="error" class="row"> |
2 | <div class="alert alert-danger"> | |
3 | The video load seems to be abnormally long. | |
4 | <ul> | |
49abbbbe | 5 | <li>Maybe the server {{ video.podHost }} is down :(</li> |
d1992b93 C |
6 | <li> |
7 | If not, you can report an issue on | |
8 | <a href="https://github.com/Chocobozzz/PeerTube/issues" title="Report an issue"> | |
9 | https://github.com/Chocobozzz/PeerTube/issues | |
10 | </a> | |
11 | </li> | |
12 | </ul> | |
13 | </div> | |
3ad109e4 C |
14 | </div> |
15 | ||
d1992b93 C |
16 | <div class="row"> |
17 | <div class="col-md-12"> | |
18 | <div class="embed-responsive embed-responsive-19by9"> | |
e31f6ad6 | 19 | <video id="video-container" class="video-js vjs-default-skin vjs-big-play-centered"></video> |
d1992b93 C |
20 | </div> |
21 | </div> | |
dc8bc31b | 22 | </div> |
da932efc | 23 | |
d1992b93 | 24 | <div id="torrent-info" class="row"> |
a64668c0 C |
25 | <div id="torrent-info-download" class="col-md-4 col-sm-4 col-xs-4">Download: {{ downloadSpeed | bytes }}/s</div> |
26 | <div id="torrent-info-upload" class="col-md-4 col-sm-4 col-xs-4">Upload: {{ uploadSpeed | bytes }}/s</div> | |
27 | <div id="torrent-info-peers" class="col-md-4 col-sm-4 col-xs-4">Number of peers: {{ numPeers }}</div> | |
d1992b93 C |
28 | </div> |
29 | ||
30 | <div *ngIf="video !== null" id="video-info"> | |
31 | <div class="row" id="video-name-actions"> | |
32 | <div class="col-md-8"> | |
33 | <div class="row"> | |
34 | <div id="video-name" class="col-md-12"> | |
35 | {{ video.name }} | |
36 | </div> | |
37 | </div> | |
38 | ||
39 | <div class="row"> | |
40 | <div class="col-md-12" id="video-by-date"> | |
41 | <span id="video-by"> | |
42 | from | |
43 | <a [routerLink]="['/videos/list', { field: 'author', search: video.author }]" class="video-miniature-author"> | |
44 | {{ video.by }} | |
45 | </a> | |
46 | </span> | |
47 | <span id="video-date">on {{ video.createdDate | date:'short' }}</span> | |
48 | </div> | |
49 | </div> | |
50 | </div> | |
51 | ||
52 | <div id="video-actions" class="col-md-4 text-right"> | |
99cc4f49 C |
53 | <button id="share" class="btn btn-default" (click)="showShareModal()"> |
54 | <span class="glyphicon glyphicon-share"></span> Share | |
55 | </button> | |
56 | ||
3154f382 | 57 | <button title="Get magnet URI" id="magnet-uri" class="btn btn-default" (click)="showMagnetUriModal()"> |
d1992b93 C |
58 | <span class="glyphicon glyphicon-magnet"></span> Magnet |
59 | </button> | |
60 | </div> | |
61 | </div> | |
62 | ||
63 | <div id="video-tags" class="row"> | |
64 | <div class="col-md-12"> | |
65 | <a *ngFor="let tag of video.tags" [routerLink]="['/videos/list', { field: 'tags', search: tag }]" class="label label-primary"> | |
66 | {{ tag }} | |
67 | </a> | |
68 | </div> | |
69 | </div> | |
70 | ||
71 | <div id="video-description" class="row"> | |
72 | <div class="col-md-12"> | |
73 | <div id="description-label">Description</div> | |
74 | {{ video.description }} | |
75 | </div> | |
76 | </div> | |
77 | </div> | |
78 | ||
99cc4f49 | 79 | <div *ngIf="video !== null" bsModal #magnetUriModal="bs-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="magnetUriModal" aria-hidden="true"> |
3154f382 | 80 | <div class="modal-dialog"> |
99cc4f49 | 81 | <div class="modal-content modal-lg"> |
3154f382 C |
82 | |
83 | <div class="modal-header"> | |
84 | <button type="button" class="close" aria-label="Close" (click)="hideMagnetUriModal()"> | |
85 | <span aria-hidden="true">×</span> | |
86 | </button> | |
87 | <h4 class="modal-title">Magnet Uri</h4> | |
88 | </div> | |
89 | ||
90 | <div class="modal-body"> | |
91 | <input #magnetUriInput (click)="magnetUriInput.select()" type="text" class="form-control input-sm" readonly [value]="video.magnetUri" /> | |
92 | </div> | |
93 | </div> | |
94 | </div> | |
95 | </div> | |
99cc4f49 C |
96 | |
97 | <div *ngIf="video !== null" bsModal #shareModal="bs-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="shareModal" aria-hidden="true"> | |
98 | <div class="modal-dialog modal-lg"> | |
99 | <div class="modal-content"> | |
100 | ||
101 | <div class="modal-header"> | |
102 | <button type="button" class="close" aria-label="Close" (click)="hideShareModal()"> | |
103 | <span aria-hidden="true">×</span> | |
104 | </button> | |
105 | <h4 class="modal-title">Share</h4> | |
106 | </div> | |
107 | ||
108 | <div class="modal-body"> | |
109 | <div class="form-group"> | |
110 | <label>URL</label> | |
111 | <input #urlInput (click)="urlInput.select()" type="text" class="form-control input-sm" readonly [value]="getVideoUrl()" /> | |
112 | </div> | |
113 | ||
114 | <div class="form-group"> | |
115 | <label>Embed</label> | |
116 | <input #shareInput (click)="shareInput.select()" type="text" class="form-control input-sm" readonly [value]="getVideoIframeCode()" /> | |
117 | </div> | |
118 | </div> | |
119 | </div> | |
120 | </div> | |
121 | </div> |