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 | 21 |
1 files changed, 9 insertions, 12 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 7ad671ae7..cf8fc2b80 100644 --- a/client/src/app/videos/video-edit/video-add.component.html +++ b/client/src/app/videos/video-edit/video-add.component.html | |||
@@ -3,7 +3,7 @@ | |||
3 | 3 | ||
4 | <h3>Upload a video</h3> | 4 | <h3>Upload a video</h3> |
5 | 5 | ||
6 | <div *ngIf="error" class="alert alert-danger">{{ error }}</div> | 6 | <div *ngIf="error !== undefined" class="alert alert-danger">{{ error }}</div> |
7 | 7 | ||
8 | <form novalidate [formGroup]="form"> | 8 | <form novalidate [formGroup]="form"> |
9 | <div class="form-group"> | 9 | <div class="form-group"> |
@@ -62,7 +62,7 @@ | |||
62 | </div> | 62 | </div> |
63 | 63 | ||
64 | <div class="form-group"> | 64 | <div class="form-group"> |
65 | <label for="tags" class="label-tags">Tags</label> <span class="little-information">(press enter to add the tag)</span> | 65 | <label class="label-tags">Tags</label> <span class="little-information">(press enter to add the tag)</span> |
66 | <tag-input | 66 | <tag-input |
67 | [ngModel]="tags" [validators]="tagValidators" [errorMessages]="tagValidatorsMessages" | 67 | [ngModel]="tags" [validators]="tagValidators" [errorMessages]="tagValidatorsMessages" |
68 | formControlName="tags" maxItems="3" modelAsStrings="true" | 68 | formControlName="tags" maxItems="3" modelAsStrings="true" |
@@ -71,25 +71,22 @@ | |||
71 | 71 | ||
72 | <div class="form-group"> | 72 | <div class="form-group"> |
73 | <label for="videofile">File</label> | 73 | <label for="videofile">File</label> |
74 | <div class="btn btn-default btn-file" [ngClass]="{ 'disabled': filename !== null }" > | 74 | <div class="btn btn-default btn-file"> |
75 | <span>Select the video...</span> | 75 | <span>Select the video...</span> |
76 | <input | 76 | <input #videofileInput type="file" name="videofile" id="videofile" (change)="fileChange($event)" /> |
77 | type="file" name="videofile" id="videofile" | 77 | <input type="hidden" name="videofileHidden" formControlName="videofile"/> |
78 | ng2FileSelect [uploader]="uploader" [disabled]="filename !== null" | ||
79 | (change)="fileChanged()" | ||
80 | > | ||
81 | </div> | 78 | </div> |
82 | </div> | 79 | </div> |
83 | 80 | ||
84 | <div class="file-to-upload"> | 81 | <div class="file-to-upload"> |
85 | <div class="file" *ngIf="uploader.queue.length > 0"> | 82 | <div class="file" *ngIf="filename"> |
86 | <span class="filename">{{ filename }}</span> | 83 | <span class="filename">{{ filename }}</span> |
87 | <span class="glyphicon glyphicon-remove" (click)="removeFile()"></span> | 84 | <span class="glyphicon glyphicon-remove" (click)="removeFile()"></span> |
88 | </div> | 85 | </div> |
89 | </div> | 86 | </div> |
90 | 87 | ||
91 | <div *ngIf="fileError" class="alert alert-danger"> | 88 | <div *ngIf="formErrors.videofile" class="alert alert-danger"> |
92 | {{ fileError }} | 89 | {{ formErrors.videofile }} |
93 | </div> | 90 | </div> |
94 | 91 | ||
95 | <div class="form-group"> | 92 | <div class="form-group"> |
@@ -105,7 +102,7 @@ | |||
105 | </div> | 102 | </div> |
106 | 103 | ||
107 | <div class="progress"> | 104 | <div class="progress"> |
108 | <progressbar [value]="uploader.progress" max="100"></progressbar> | 105 | <progressbar [value]="progressPercent" max="100"></progressbar> |
109 | </div> | 106 | </div> |
110 | 107 | ||
111 | <div class="form-group"> | 108 | <div class="form-group"> |