1 <div i18n
class=
"form-sub-title" *
ngIf=
"isCreation() === true">Create playlist
</div>
3 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
5 <form role=
"form" (ngSubmit)=
"formValidated()" [formGroup]=
"form">
7 <div class=
"col-md-12 col-xl-6">
8 <div class=
"form-group">
9 <label i18n
for=
"displayName">Display name
</label>
11 type=
"text" id=
"displayName"
12 formControlName=
"displayName" [ngClass]=
"{ 'input-error': formErrors['displayName'] }"
14 <div *
ngIf=
"formErrors['displayName']" class=
"form-error">
15 {{ formErrors['displayName'] }}
19 <div class=
"form-group">
20 <label i18n
for=
"description">Description
</label>
22 id=
"description" formControlName=
"description"
23 [ngClass]=
"{ 'input-error': formErrors['description'] }"
25 <div *
ngIf=
"formErrors.description" class=
"form-error">
26 {{ formErrors.description }}
31 <div class=
"col-md-12 col-xl-6">
32 <div class=
"form-group">
33 <label i18n
for=
"privacy">Privacy
</label>
34 <div class=
"peertube-select-container">
35 <select id=
"privacy" formControlName=
"privacy">
36 <option *
ngFor=
"let privacy of videoPlaylistPrivacies" [value]=
"privacy.id">{{ privacy.label }}
</option>
40 <div *
ngIf=
"formErrors.privacy" class=
"form-error">
41 {{ formErrors.privacy }}
45 <div class=
"form-group">
46 <label i18n
>Channel
</label>
47 <div class=
"peertube-select-container">
48 <select formControlName=
"videoChannelId">
50 <option *
ngFor=
"let channel of userVideoChannels" [value]=
"channel.id">{{ channel.label }}
</option>
54 <div *
ngIf=
"formErrors['videoChannelId']" class=
"form-error">
55 {{ formErrors['videoChannelId'] }}
59 <div class=
"form-group">
60 <label i18n
>Playlist thumbnail
</label>
63 i18n-inputLabel
inputLabel=
"Edit" inputName=
"thumbnailfile" formControlName=
"thumbnailfile"
64 previewWidth=
"223px" previewHeight=
"122px"
70 <input type=
"submit" value=
"{{ getFormButtonTitle() }}" [disabled]=
"!form.valid">