mirror of https://github.com/Chocobozzz/PeerTube
134 lines
4.6 KiB
HTML
134 lines
4.6 KiB
HTML
<div class="video-edit row" [formGroup]="form">
|
|
<tabset class="root-tabset bootstrap">
|
|
|
|
<tab heading="Basic info">
|
|
<div class="col-md-8">
|
|
<div class="form-group">
|
|
<label for="name">Title</label>
|
|
<input type="text" id="name" formControlName="name" />
|
|
<div *ngIf="formErrors.name" class="form-error">
|
|
{{ formErrors.name }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="label-tags">Tags</label> <span>(press Enter to add)</span>
|
|
<tag-input
|
|
[ngModel]="tags" [validators]="tagValidators" [errorMessages]="tagValidatorsMessages"
|
|
formControlName="tags" maxItems="5" modelAsStrings="true"
|
|
></tag-input>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="description">Description</label>
|
|
<my-markdown-textarea truncate="250" formControlName="description"></my-markdown-textarea>
|
|
|
|
<div *ngIf="formErrors.description" class="form-error">
|
|
{{ formErrors.description }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label>Channel</label>
|
|
<div class="peertube-select-disabled-container">
|
|
<select formControlName="channelId">
|
|
<option *ngFor="let channel of userVideoChannels" [value]="channel.id">{{ channel.label }}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="category">Category</label>
|
|
<div class="peertube-select-container">
|
|
<select id="category" formControlName="category">
|
|
<option></option>
|
|
<option *ngFor="let category of videoCategories" [value]="category.id">{{ category.label }}</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div *ngIf="formErrors.category" class="form-error">
|
|
{{ formErrors.category }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="licence">Licence</label>
|
|
<div class="peertube-select-container">
|
|
<select id="licence" formControlName="licence">
|
|
<option></option>
|
|
<option *ngFor="let licence of videoLicences" [value]="licence.id">{{ licence.label }}</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div *ngIf="formErrors.licence" class="form-error">
|
|
{{ formErrors.licence }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="language">Language</label>
|
|
<div class="peertube-select-container">
|
|
<select id="language" formControlName="language">
|
|
<option></option>
|
|
<option *ngFor="let language of videoLanguages" [value]="language.id">{{ language.label }}</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div *ngIf="formErrors.language" class="form-error">
|
|
{{ formErrors.language }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="privacy">Privacy</label>
|
|
<div class="peertube-select-container">
|
|
<select id="privacy" formControlName="privacy">
|
|
<option></option>
|
|
<option *ngFor="let privacy of videoPrivacies" [value]="privacy.id">{{ privacy.label }}</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div *ngIf="formErrors.privacy" class="form-error">
|
|
{{ formErrors.privacy }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group form-group-checkbox">
|
|
<input type="checkbox" id="nsfw" formControlName="nsfw" />
|
|
<label for="nsfw"></label>
|
|
<label for="nsfw">This video contains mature or explicit content</label>
|
|
</div>
|
|
|
|
<div class="form-group form-group-checkbox">
|
|
<input type="checkbox" id="commentsEnabled" formControlName="commentsEnabled" />
|
|
<label for="commentsEnabled"></label>
|
|
<label for="commentsEnabled">Enable video comments</label>
|
|
</div>
|
|
|
|
</div>
|
|
</tab>
|
|
|
|
<tab heading="Advanced settings">
|
|
<div class="col-md-12">
|
|
<div class="form-group">
|
|
<my-video-image
|
|
inputLabel="Upload thumbnail" inputName="thumbnailfile" formControlName="thumbnailfile"
|
|
previewWidth="200px" previewHeight="110px"
|
|
></my-video-image>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<my-video-image
|
|
inputLabel="Upload preview" inputName="previewfile" formControlName="previewfile"
|
|
previewWidth="360px" previewHeight="200px"
|
|
></my-video-image>
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
|
|
</tabset>
|
|
|
|
</div>
|