aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/videos/+video-edit/shared/video-edit.component.html
diff options
context:
space:
mode:
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.html224
1 files changed, 124 insertions, 100 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 d031825bd..899249778 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,109 +1,133 @@
1<div class="video-edit row" [formGroup]="form"> 1<div class="video-edit row" [formGroup]="form">
2 2 <tabset class="root-tabset bootstrap">
3 <div class="col-md-8"> 3
4 <div class="form-group"> 4 <tab heading="Basic info">
5 <label for="name">Title</label> 5 <div class="col-md-8">
6 <input type="text" id="name" formControlName="name" /> 6 <div class="form-group">
7 <div *ngIf="formErrors.name" class="form-error"> 7 <label for="name">Title</label>
8 {{ formErrors.name }} 8 <input type="text" id="name" formControlName="name" />
9 </div> 9 <div *ngIf="formErrors.name" class="form-error">
10 </div> 10 {{ formErrors.name }}
11 11 </div>
12 <div class="form-group"> 12 </div>
13 <label class="label-tags">Tags</label> <span>(press Enter to add)</span> 13
14 <tag-input 14 <div class="form-group">
15 [ngModel]="tags" [validators]="tagValidators" [errorMessages]="tagValidatorsMessages" 15 <label class="label-tags">Tags</label> <span>(press Enter to add)</span>
16 formControlName="tags" maxItems="5" modelAsStrings="true" 16 <tag-input
17 ></tag-input> 17 [ngModel]="tags" [validators]="tagValidators" [errorMessages]="tagValidatorsMessages"
18 </div> 18 formControlName="tags" maxItems="5" modelAsStrings="true"
19 19 ></tag-input>
20 <div class="form-group"> 20 </div>
21 <label for="description">Description</label> 21
22 <my-markdown-textarea truncate="250" formControlName="description"></my-markdown-textarea> 22 <div class="form-group">
23 23 <label for="description">Description</label>
24 <div *ngIf="formErrors.description" class="form-error"> 24 <my-markdown-textarea truncate="250" formControlName="description"></my-markdown-textarea>
25 {{ formErrors.description }} 25
26 </div> 26 <div *ngIf="formErrors.description" class="form-error">
27 </div> 27 {{ formErrors.description }}
28 </div> 28 </div>
29 29 </div>
30 <div class="col-md-4">
31 <div class="form-group">
32 <label>Channel</label>
33 <div class="peertube-select-disabled-container">
34 <select formControlName="channelId">
35 <option *ngFor="let channel of userVideoChannels" [value]="channel.id">{{ channel.label }}</option>
36 </select>
37 </div>
38 </div>
39
40 <div class="form-group">
41 <label for="category">Category</label>
42 <div class="peertube-select-container">
43 <select id="category" formControlName="category">
44 <option></option>
45 <option *ngFor="let category of videoCategories" [value]="category.id">{{ category.label }}</option>
46 </select>
47 </div>
48
49 <div *ngIf="formErrors.category" class="form-error">
50 {{ formErrors.category }}
51 </div>
52 </div>
53
54 <div class="form-group">
55 <label for="licence">Licence</label>
56 <div class="peertube-select-container">
57 <select id="licence" formControlName="licence">
58 <option></option>
59 <option *ngFor="let licence of videoLicences" [value]="licence.id">{{ licence.label }}</option>
60 </select>
61 </div> 30 </div>
62 31
63 <div *ngIf="formErrors.licence" class="form-error"> 32 <div class="col-md-4">
64 {{ formErrors.licence }} 33 <div class="form-group">
65 </div> 34 <label>Channel</label>
66 </div> 35 <div class="peertube-select-disabled-container">
67 36 <select formControlName="channelId">
68 <div class="form-group"> 37 <option *ngFor="let channel of userVideoChannels" [value]="channel.id">{{ channel.label }}</option>
69 <label for="language">Language</label> 38 </select>
70 <div class="peertube-select-container"> 39 </div>
71 <select id="language" formControlName="language"> 40 </div>
72 <option></option> 41
73 <option *ngFor="let language of videoLanguages" [value]="language.id">{{ language.label }}</option> 42 <div class="form-group">
74 </select> 43 <label for="category">Category</label>
75 </div> 44 <div class="peertube-select-container">
45 <select id="category" formControlName="category">
46 <option></option>
47 <option *ngFor="let category of videoCategories" [value]="category.id">{{ category.label }}</option>
48 </select>
49 </div>
50
51 <div *ngIf="formErrors.category" class="form-error">
52 {{ formErrors.category }}
53 </div>
54 </div>
55
56 <div class="form-group">
57 <label for="licence">Licence</label>
58 <div class="peertube-select-container">
59 <select id="licence" formControlName="licence">
60 <option></option>
61 <option *ngFor="let licence of videoLicences" [value]="licence.id">{{ licence.label }}</option>
62 </select>
63 </div>
64
65 <div *ngIf="formErrors.licence" class="form-error">
66 {{ formErrors.licence }}
67 </div>
68 </div>
69
70 <div class="form-group">
71 <label for="language">Language</label>
72 <div class="peertube-select-container">
73 <select id="language" formControlName="language">
74 <option></option>
75 <option *ngFor="let language of videoLanguages" [value]="language.id">{{ language.label }}</option>
76 </select>
77 </div>
78
79 <div *ngIf="formErrors.language" class="form-error">
80 {{ formErrors.language }}
81 </div>
82 </div>
83
84 <div class="form-group">
85 <label for="privacy">Privacy</label>
86 <div class="peertube-select-container">
87 <select id="privacy" formControlName="privacy">
88 <option></option>
89 <option *ngFor="let privacy of videoPrivacies" [value]="privacy.id">{{ privacy.label }}</option>
90 </select>
91 </div>
92
93 <div *ngIf="formErrors.privacy" class="form-error">
94 {{ formErrors.privacy }}
95 </div>
96 </div>
97
98 <div class="form-group form-group-checkbox">
99 <input type="checkbox" id="nsfw" formControlName="nsfw" />
100 <label for="nsfw"></label>
101 <label for="nsfw">This video contains mature or explicit content</label>
102 </div>
103
104 <div class="form-group form-group-checkbox">
105 <input type="checkbox" id="commentsEnabled" formControlName="commentsEnabled" />
106 <label for="commentsEnabled"></label>
107 <label for="commentsEnabled">Enable video comments</label>
108 </div>
76 109
77 <div *ngIf="formErrors.language" class="form-error">
78 {{ formErrors.language }}
79 </div> 110 </div>
80 </div> 111 </tab>
81 112
82 <div class="form-group"> 113 <tab heading="Advanced settings">
83 <label for="privacy">Privacy</label> 114 <div class="col-md-12">
84 <div class="peertube-select-container"> 115 <div class="form-group">
85 <select id="privacy" formControlName="privacy"> 116 <my-video-image
86 <option></option> 117 inputLabel="Upload thumbnail" inputName="thumbnailfile" formControlName="thumbnailfile"
87 <option *ngFor="let privacy of videoPrivacies" [value]="privacy.id">{{ privacy.label }}</option> 118 previewWidth="200px" previewHeight="110px"
88 </select> 119 ></my-video-image>
120 </div>
121
122 <div class="form-group">
123 <my-video-image
124 inputLabel="Upload preview" inputName="previewfile" formControlName="previewfile"
125 previewWidth="360px" previewHeight="200px"
126 ></my-video-image>
127 </div>
89 </div> 128 </div>
129 </tab>
90 130
91 <div *ngIf="formErrors.privacy" class="form-error"> 131 </tabset>
92 {{ formErrors.privacy }}
93 </div>
94 </div>
95
96 <div class="form-group form-group-checkbox">
97 <input type="checkbox" id="nsfw" formControlName="nsfw" />
98 <label for="nsfw"></label>
99 <label for="nsfw">This video contains mature or explicit content</label>
100 </div>
101
102 <div class="form-group form-group-checkbox">
103 <input type="checkbox" id="commentsEnabled" formControlName="commentsEnabled" />
104 <label for="commentsEnabled"></label>
105 <label for="commentsEnabled">Enable video comments</label>
106 </div>
107 132
108 </div>
109</div> 133</div>
generated by cgit v1.2.3 (git 2.25.1) at 2024-07-13 22:42:15 +0000