diff options
Diffstat (limited to 'client/src/app/videos/+video-edit/video-add.component.html')
-rw-r--r-- | client/src/app/videos/+video-edit/video-add.component.html | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/client/src/app/videos/+video-edit/video-add.component.html b/client/src/app/videos/+video-edit/video-add.component.html index f8355f3db..78e5bb70e 100644 --- a/client/src/app/videos/+video-edit/video-add.component.html +++ b/client/src/app/videos/+video-edit/video-add.component.html | |||
@@ -5,13 +5,13 @@ | |||
5 | 5 | ||
6 | <div *ngIf="error" class="alert alert-danger">{{ error }}</div> | 6 | <div *ngIf="error" class="alert alert-danger">{{ error }}</div> |
7 | 7 | ||
8 | <div class="upload-video-container"> | 8 | <div *ngIf="!isUploadingVideo" class="upload-video-container"> |
9 | <div class="upload-video"> | 9 | <div class="upload-video"> |
10 | <div class="icon icon-upload"></div> | 10 | <div class="icon icon-upload"></div> |
11 | 11 | ||
12 | <div class="button-file"> | 12 | <div class="button-file"> |
13 | <span>Select the file to upload</span> | 13 | <span>Select the file to upload</span> |
14 | <input #videofileInput type="file" name="videofile" id="videofile" (change)="fileChange($event)" /> | 14 | <input #videofileInput type="file" name="videofile" id="videofile" (change)="fileChange()" /> |
15 | </div> | 15 | </div> |
16 | 16 | ||
17 | <div class="form-group"> | 17 | <div class="form-group"> |
@@ -26,20 +26,20 @@ | |||
26 | </select> | 26 | </select> |
27 | </div> | 27 | </div> |
28 | </div> | 28 | </div> |
29 | </div> | ||
29 | 30 | ||
30 | 31 | <!-- Hidden because we need to load the component --> | |
31 | <form *ngIf="isUploadingVideo" novalidate [formGroup]="form"> | 32 | <form [hidden]="!isUploadingVideo" novalidate [formGroup]="form"> |
32 | <my-video-edit | 33 | <my-video-edit |
33 | [form]="form" [formErrors]="formErrors" | 34 | [form]="form" [formErrors]="formErrors" |
34 | [validationMessages]="validationMessages" [videoPrivacies]="videoPrivacies" | 35 | [validationMessages]="validationMessages" [videoPrivacies]="videoPrivacies" |
35 | ></my-video-edit> | 36 | ></my-video-edit> |
36 | 37 | ||
37 | <div class="submit-container"> | 38 | <div class="submit-container"> |
38 | <div class="submit-button" [ngClass]="{ disabled: !form.valid }"> | 39 | <div class="submit-button" [ngClass]="{ disabled: !form.valid }"> |
39 | <span class="icon icon-validate"></span> | 40 | <span class="icon icon-validate"></span> |
40 | <input type="button" value="Publish" (click)="upload()" /> | 41 | <input type="button" value="Publish" (click)="upload()" /> |
41 | </div> | ||
42 | </div> | 42 | </div> |
43 | </form> | 43 | </div> |
44 | </div> | 44 | </form> |
45 | </div> | 45 | </div> |