diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2016-03-14 13:50:19 +0100 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2016-03-14 13:50:19 +0100 |
commit | dc8bc31be517a53e8fbe7100cfe45cd73f596de0 (patch) | |
tree | c0b0d6641dd352dafff93b8fd33ddb262b59aa47 /client/angular/videos/components/add/videos-add.component.html | |
parent | bd324a669218f9ed302f7f54b36ee535d25c9733 (diff) | |
download | PeerTube-dc8bc31be517a53e8fbe7100cfe45cd73f596de0.tar.gz PeerTube-dc8bc31be517a53e8fbe7100cfe45cd73f596de0.tar.zst PeerTube-dc8bc31be517a53e8fbe7100cfe45cd73f596de0.zip |
Angular application :first draft
Diffstat (limited to 'client/angular/videos/components/add/videos-add.component.html')
-rw-r--r-- | client/angular/videos/components/add/videos-add.component.html | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/client/angular/videos/components/add/videos-add.component.html b/client/angular/videos/components/add/videos-add.component.html new file mode 100644 index 000000000..5f28ae650 --- /dev/null +++ b/client/angular/videos/components/add/videos-add.component.html | |||
@@ -0,0 +1,39 @@ | |||
1 | <h3>Upload a video</h3> | ||
2 | |||
3 | <form (ngSubmit)="uploadFile()" #videoForm="ngForm"> | ||
4 | <div class="form-group"> | ||
5 | <label for="name">Video name</label> | ||
6 | <input | ||
7 | type="text" class="form-control" name="name" id="name" required | ||
8 | ngControl="name" #name="ngForm" | ||
9 | > | ||
10 | <div [hidden]="name.valid || name.pristine" class="alert alert-danger"> | ||
11 | Name is required | ||
12 | </div> | ||
13 | </div> | ||
14 | |||
15 | <div class="btn btn-default btn-file"> | ||
16 | <span>Select the video...</span> | ||
17 | <input type="file" name="input_video" id="input_video"> | ||
18 | </div> | ||
19 | |||
20 | <span *ngIf="fileToUpload">{{ fileToUpload.name }}</span> | ||
21 | |||
22 | <div class="form-group"> | ||
23 | <label for="description">Description</label> | ||
24 | <textarea | ||
25 | name="description" id="description" class="form-control" placeholder="Description..." required | ||
26 | ngControl="description" #description="ngForm" | ||
27 | > | ||
28 | </textarea> | ||
29 | <div [hidden]="description.valid || description.pristine" class="alert alert-danger"> | ||
30 | A description is required | ||
31 | </div> | ||
32 | </div> | ||
33 | |||
34 | <div id="progress" *ngIf="progressBar.max !== 0"> | ||
35 | <progress [value]="progressBar.value" [max]="progressBar.max"></progress> | ||
36 | </div> | ||
37 | |||
38 | <input type="submit" value="Upload" class="btn btn-default" [disabled]="!videoForm.form.valid || !fileToUpload"> | ||
39 | </form> | ||