diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2016-11-27 18:10:26 +0100 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2016-11-27 18:10:26 +0100 |
commit | bf57d5eebf8b0fa2361b7973ce9772abd1bb4828 (patch) | |
tree | 6f8ba86f2bedf8bb630c5f0cef4fbce88c2abf76 /client/src/app/videos/video-add/video-add.component.html | |
parent | 447fde277497dfff73310dc12bf79fb576139b94 (diff) | |
download | PeerTube-bf57d5eebf8b0fa2361b7973ce9772abd1bb4828.tar.gz PeerTube-bf57d5eebf8b0fa2361b7973ce9772abd1bb4828.tar.zst PeerTube-bf57d5eebf8b0fa2361b7973ce9772abd1bb4828.zip |
Client: try to improve ux for the upload form
Diffstat (limited to 'client/src/app/videos/video-add/video-add.component.html')
-rw-r--r-- | client/src/app/videos/video-add/video-add.component.html | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/client/src/app/videos/video-add/video-add.component.html b/client/src/app/videos/video-add/video-add.component.html index 14c7a0136..b6be0d782 100644 --- a/client/src/app/videos/video-add/video-add.component.html +++ b/client/src/app/videos/video-add/video-add.component.html | |||
@@ -15,7 +15,7 @@ | |||
15 | </div> | 15 | </div> |
16 | 16 | ||
17 | <div class="form-group"> | 17 | <div class="form-group"> |
18 | <label for="tags">Tags</label> | 18 | <label for="tags">Tags</label> <span class="little-information">(press enter to add the tag)</span> |
19 | <input | 19 | <input |
20 | type="text" class="form-control" id="currentTag" | 20 | type="text" class="form-control" id="currentTag" |
21 | formControlName="currentTag" (keyup)="onTagKeyPress($event)" | 21 | formControlName="currentTag" (keyup)="onTagKeyPress($event)" |
@@ -32,6 +32,10 @@ | |||
32 | </div> | 32 | </div> |
33 | </div> | 33 | </div> |
34 | 34 | ||
35 | <div *ngIf="tagsError" class="alert alert-danger"> | ||
36 | {{ tagsError }} | ||
37 | </div> | ||
38 | |||
35 | <div class="form-group"> | 39 | <div class="form-group"> |
36 | <label for="videofile">File</label> | 40 | <label for="videofile">File</label> |
37 | <div class="btn btn-default btn-file" [ngClass]="{ 'disabled': filename !== null }" > | 41 | <div class="btn btn-default btn-file" [ngClass]="{ 'disabled': filename !== null }" > |
@@ -39,6 +43,7 @@ | |||
39 | <input | 43 | <input |
40 | type="file" name="videofile" id="videofile" | 44 | type="file" name="videofile" id="videofile" |
41 | ng2FileSelect [uploader]="uploader" [disabled]="filename !== null" | 45 | ng2FileSelect [uploader]="uploader" [disabled]="filename !== null" |
46 | (change)="fileChanged()" | ||
42 | > | 47 | > |
43 | </div> | 48 | </div> |
44 | </div> | 49 | </div> |
@@ -50,6 +55,10 @@ | |||
50 | </div> | 55 | </div> |
51 | </div> | 56 | </div> |
52 | 57 | ||
58 | <div *ngIf="fileError" class="alert alert-danger"> | ||
59 | {{ fileError }} | ||
60 | </div> | ||
61 | |||
53 | <div class="form-group"> | 62 | <div class="form-group"> |
54 | <label for="description">Description</label> | 63 | <label for="description">Description</label> |
55 | <textarea | 64 | <textarea |
@@ -69,7 +78,6 @@ | |||
69 | <div class="form-group"> | 78 | <div class="form-group"> |
70 | <input | 79 | <input |
71 | type="button" value="Upload" class="btn btn-default form-control" | 80 | type="button" value="Upload" class="btn btn-default form-control" |
72 | [title]="getInvalidFieldsTitle()" [disabled]="!form.valid || tags.length === 0 || filename === null" | ||
73 | (click)="upload()" | 81 | (click)="upload()" |
74 | > | 82 | > |
75 | </div> | 83 | </div> |