diff options
Diffstat (limited to 'client/src/app/+videos/+video-edit/video-add-components/video-upload.component.html')
-rw-r--r-- | client/src/app/+videos/+video-edit/video-add-components/video-upload.component.html | 19 |
1 files changed, 16 insertions, 3 deletions
diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.html b/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.html index 677fa1197..88ee4e32a 100644 --- a/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.html +++ b/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.html | |||
@@ -44,17 +44,30 @@ | |||
44 | </div> | 44 | </div> |
45 | </div> | 45 | </div> |
46 | 46 | ||
47 | <!-- Upload progress/cancel/error/success header --> | ||
47 | <div *ngIf="isUploadingVideo && !error" class="upload-progress-cancel"> | 48 | <div *ngIf="isUploadingVideo && !error" class="upload-progress-cancel"> |
48 | <div class="progress" i18n-title title="Total video quota"> | 49 | <div class="progress" i18n-title title="Total video uploaded"> |
49 | <div class="progress-bar" role="progressbar" [style]="{ width: videoUploadPercents + '%' }" [attr.aria-valuenow]="videoUploadPercents" aria-valuemin="0" [attr.aria-valuemax]="100"> | 50 | <div class="progress-bar" role="progressbar" [style]="{ width: videoUploadPercents + '%' }" [attr.aria-valuenow]="videoUploadPercents" aria-valuemin="0" [attr.aria-valuemax]="100"> |
50 | <span *ngIf="videoUploadPercents === 100 && videoUploaded === false" i18n>Processing…</span> | 51 | <span *ngIf="videoUploadPercents === 100 && videoUploaded === false" i18n>Processing…</span> |
51 | <span *ngIf="videoUploadPercents !== 100 || videoUploaded">{{ videoUploadPercents }}%</span> | 52 | <span *ngIf="videoUploadPercents !== 100 || videoUploaded">{{ videoUploadPercents }}%</span> |
52 | </div> | 53 | </div> |
53 | </div> | 54 | </div> |
54 | <input *ngIf="videoUploaded === false" type="button" value="Cancel" (click)="cancelUpload()" /> | 55 | <input *ngIf="videoUploaded === false" type="button" i18n-value="Cancel ongoing upload of a video" value="Cancel" (click)="cancelUpload()" /> |
55 | </div> | 56 | </div> |
56 | 57 | ||
57 | <div *ngIf="error" class="alert alert-danger"> | 58 | <div *ngIf="error && enableRetryAfterError" class="upload-progress-retry"> |
59 | <div class="progress"> | ||
60 | <div class="progress-bar red" role="progressbar" [style]="{ width: '100%' }" [attr.aria-valuenow]="100" aria-valuemin="0" [attr.aria-valuemax]="100"> | ||
61 | <span>{{ error }}</span> | ||
62 | </div> | ||
63 | </div> | ||
64 | <div class="btn-group" role="group"> | ||
65 | <input type="button" class="btn" i18n-value="Retry failed upload of a video" value="Retry" (click)="retryUpload()" /> | ||
66 | <input type="button" class="btn" i18n-value="Cancel ongoing upload of a video" value="Cancel" (click)="cancelUpload()" /> | ||
67 | </div> | ||
68 | </div> | ||
69 | |||
70 | <div *ngIf="error && !enableRetryAfterError" class="alert alert-danger"> | ||
58 | <div i18n>Sorry, but something went wrong</div> | 71 | <div i18n>Sorry, but something went wrong</div> |
59 | {{ error }} | 72 | {{ error }} |
60 | </div> | 73 | </div> |