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