diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2017-12-07 11:15:19 +0100 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2017-12-07 11:15:19 +0100 |
commit | ff249f499ccca2e37757f338384e7ba44c906a69 (patch) | |
tree | cb8f88c105536e5edf4bf02030edecfe6b6c0d17 /client/src/app/videos/+video-edit/shared/video-edit.component.html | |
parent | 59aa1e5e7541f604363d2a1ebfd670a5d1db245f (diff) | |
download | PeerTube-ff249f499ccca2e37757f338384e7ba44c906a69.tar.gz PeerTube-ff249f499ccca2e37757f338384e7ba44c906a69.tar.zst PeerTube-ff249f499ccca2e37757f338384e7ba44c906a69.zip |
Move video form inside a component
Diffstat (limited to 'client/src/app/videos/+video-edit/shared/video-edit.component.html')
-rw-r--r-- | client/src/app/videos/+video-edit/shared/video-edit.component.html | 85 |
1 files changed, 85 insertions, 0 deletions
diff --git a/client/src/app/videos/+video-edit/shared/video-edit.component.html b/client/src/app/videos/+video-edit/shared/video-edit.component.html new file mode 100644 index 000000000..e087b71a4 --- /dev/null +++ b/client/src/app/videos/+video-edit/shared/video-edit.component.html | |||
@@ -0,0 +1,85 @@ | |||
1 | <div [formGroup]="form"> | ||
2 | <div class="form-group"> | ||
3 | <label for="name">Name</label> | ||
4 | <input | ||
5 | type="text" class="form-control" id="name" | ||
6 | formControlName="name" | ||
7 | > | ||
8 | <div *ngIf="formErrors.name" class="alert alert-danger"> | ||
9 | {{ formErrors.name }} | ||
10 | </div> | ||
11 | </div> | ||
12 | |||
13 | <div class="form-group"> | ||
14 | <label for="privacy">Privacy</label> | ||
15 | <select class="form-control" id="privacy" formControlName="privacy"> | ||
16 | <option></option> | ||
17 | <option *ngFor="let privacy of videoPrivacies" [value]="privacy.id">{{ privacy.label }}</option> | ||
18 | </select> | ||
19 | |||
20 | <div *ngIf="formErrors.privacy" class="alert alert-danger"> | ||
21 | {{ formErrors.privacy }} | ||
22 | </div> | ||
23 | </div> | ||
24 | |||
25 | <div class="form-group"> | ||
26 | <input | ||
27 | type="checkbox" id="nsfw" | ||
28 | formControlName="nsfw" | ||
29 | > | ||
30 | <label for="nsfw">This video contains mature or explicit content</label> | ||
31 | </div> | ||
32 | |||
33 | <div class="form-group"> | ||
34 | <label for="category">Category</label> | ||
35 | <select class="form-control" id="category" formControlName="category"> | ||
36 | <option></option> | ||
37 | <option *ngFor="let category of videoCategories" [value]="category.id">{{ category.label }}</option> | ||
38 | </select> | ||
39 | |||
40 | <div *ngIf="formErrors.category" class="alert alert-danger"> | ||
41 | {{ formErrors.category }} | ||
42 | </div> | ||
43 | </div> | ||
44 | |||
45 | <div class="form-group"> | ||
46 | <label for="licence">Licence</label> | ||
47 | <select class="form-control" id="licence" formControlName="licence"> | ||
48 | <option></option> | ||
49 | <option *ngFor="let licence of videoLicences" [value]="licence.id">{{ licence.label }}</option> | ||
50 | </select> | ||
51 | |||
52 | <div *ngIf="formErrors.licence" class="alert alert-danger"> | ||
53 | {{ formErrors.licence }} | ||
54 | </div> | ||
55 | </div> | ||
56 | |||
57 | <div class="form-group"> | ||
58 | <label for="language">Language</label> | ||
59 | <select class="form-control" id="language" formControlName="language"> | ||
60 | <option></option> | ||
61 | <option *ngFor="let language of videoLanguages" [value]="language.id">{{ language.label }}</option> | ||
62 | </select> | ||
63 | |||
64 | <div *ngIf="formErrors.language" class="alert alert-danger"> | ||
65 | {{ formErrors.language }} | ||
66 | </div> | ||
67 | </div> | ||
68 | |||
69 | <div class="form-group"> | ||
70 | <label class="label-tags">Tags</label> <span class="little-information">(press enter to add the tag)</span> | ||
71 | <tag-input | ||
72 | [ngModel]="tags" [validators]="tagValidators" [errorMessages]="tagValidatorsMessages" | ||
73 | formControlName="tags" maxItems="5" modelAsStrings="true" | ||
74 | ></tag-input> | ||
75 | </div> | ||
76 | |||
77 | <div class="form-group"> | ||
78 | <label for="description">Description</label> | ||
79 | <my-video-description formControlName="description"></my-video-description> | ||
80 | |||
81 | <div *ngIf="formErrors.description" class="alert alert-danger"> | ||
82 | {{ formErrors.description }} | ||
83 | </div> | ||
84 | </div> | ||
85 | </div> | ||