1 <div i18n
class=
"form-sub-title" *
ngIf=
"isCreation() === true">Create a video channel
</div>
3 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
5 <form role=
"form" (ngSubmit)=
"formValidated()" [formGroup]=
"form">
6 <div class=
"form-group" *
ngIf=
"isCreation() === true">
7 <label i18n
for=
"name">Name
</label>
8 <div class=
"input-group">
10 type=
"text" id=
"name" i18n-placeholder
placeholder=
"Example: my_channel"
11 formControlName=
"name" [ngClass]=
"{ 'input-error': formErrors['name'] }"
13 <div class=
"input-group-append">
14 <span class=
"input-group-text">@{{ instanceHost }}
</span>
17 <div *
ngIf=
"formErrors['name']" class=
"form-error">
18 {{ formErrors['name'] }}
22 <div class=
"form-row"> <!-- channel grid -->
23 <div class=
"form-group col-12 col-lg-4 col-xl-3">
24 <div i18n
class=
"video-channel-title">CHANNEL
</div>
27 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
30 *
ngIf=
"isCreation() === false && videoChannelToUpdate"
31 [actor]=
"videoChannelToUpdate" (avatarChange)=
"onAvatarChange($event)"
32 ></my-actor-avatar-info>
34 <div class=
"form-group">
35 <label i18n
for=
"display-name">Display name
</label>
37 type=
"text" id=
"display-name"
38 formControlName=
"display-name" [ngClass]=
"{ 'input-error': formErrors['display-name'] }"
40 <div *
ngIf=
"formErrors['display-name']" class=
"form-error">
41 {{ formErrors['display-name'] }}
45 <div class=
"form-group">
46 <label i18n
for=
"description">Description
</label>
48 id=
"description" formControlName=
"description"
49 [ngClass]=
"{ 'input-error': formErrors['description'] }"
51 <div *
ngIf=
"formErrors.description" class=
"form-error">
52 {{ formErrors.description }}
56 <div class=
"form-group">
57 <label for=
"support">Support
</label>
59 helpType=
"markdownEnhanced" i18n-preHtml
preHtml=
"Short text to tell people how they can support your channel (membership platform...).<br /><br />
60 When you will upload a video in this channel, the video support field will be automatically filled by this text."
63 id=
"support" formControlName=
"support" textareaWidth=
"500px" [previewColumn]=
"true" markdownType=
"enhanced"
64 [classes]=
"{ 'input-error': formErrors['support'] }"
65 ></my-markdown-textarea>
66 <div *
ngIf=
"formErrors.support" class=
"form-error">
67 {{ formErrors.support }}
71 <div class=
"form-group" *
ngIf=
"isBulkUpdateVideosDisplayed()">
73 inputName=
"bulkVideosSupportUpdate" formControlName=
"bulkVideosSupportUpdate"
74 i18n-labelText
labelText=
"Overwrite support field of all videos of this channel"
75 ></my-peertube-checkbox>
81 <div class=
"form-row"> <!-- submit placement block -->
82 <div class=
"col-md-7 col-xl-5"></div>
83 <div class=
"col-md-5 col-xl-5 d-inline-flex">
84 <input type=
"submit" value=
"{{ getFormButtonTitle() }}" [disabled]=
"!form.valid">