1 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
3 <div class=
"margin-content">
4 <form role=
"form" (ngSubmit)=
"formValidated()" [formGroup]=
"form">
6 <div class=
"row"> <!-- channel grid -->
7 <div class=
"col-12 col-lg-4 col-xl-3">
8 <div *
ngIf=
"isCreation()" class=
"video-channel-title" i18n
>NEW CHANNEL
</div>
9 <div *
ngIf=
"!isCreation() && videoChannel" class=
"video-channel-title" i18n
>CHANNEL
</div>
12 <div class=
"col-12 col-lg-8 col-xl-9">
13 <label i18n
>Banner image of the channel
</label>
16 *
ngIf=
"videoChannel" [previewImage]=
"isCreation()"
17 [actor]=
"videoChannel" (bannerChange)=
"onBannerChange($event)" (bannerDelete)=
"onBannerDelete()"
18 ></my-actor-banner-edit>
21 *
ngIf=
"videoChannel" [previewImage]=
"isCreation()"
22 [actor]=
"videoChannel" (avatarChange)=
"onAvatarChange($event)" (avatarDelete)=
"onAvatarDelete()"
23 [displayUsername]=
"!isCreation()" [displaySubscribers]=
"!isCreation()"
24 ></my-actor-avatar-edit>
26 <div class=
"form-group" *
ngIf=
"isCreation()">
27 <label i18n
for=
"name">Name
</label>
29 <div class=
"input-group">
31 type=
"text" id=
"name" i18n-placeholder
placeholder=
"Example: my_channel"
32 formControlName=
"name" [ngClass]=
"{ 'input-error': formErrors['name'] }" class=
"form-control"
34 <div class=
"input-group-text">@{{ instanceHost }}
</div>
36 <div *
ngIf=
"formErrors['name']" class=
"form-error">
37 {{ formErrors['name'] }}
41 <div class=
"form-group">
42 <label i18n
for=
"display-name">Display name
</label>
44 type=
"text" id=
"display-name" class=
"form-control"
45 formControlName=
"display-name" [ngClass]=
"{ 'input-error': formErrors['display-name'] }"
47 <div *
ngIf=
"formErrors['display-name']" class=
"form-error">
48 {{ formErrors['display-name'] }}
52 <div class=
"form-group">
53 <label i18n
for=
"description">Description
</label>
55 id=
"description" formControlName=
"description" class=
"form-control"
56 [ngClass]=
"{ 'input-error': formErrors['description'] }"
58 <div *
ngIf=
"formErrors.description" class=
"form-error">
59 {{ formErrors.description }}
63 <div class=
"form-group">
64 <label for=
"support">Support
</label>
66 helpType=
"markdownEnhanced" i18n-preHtml
preHtml=
"Short text to tell people how they can support the channel (membership platform...).<br /><br />
67 When a video is uploaded in this channel, the video support field will be automatically filled by this text."
71 id=
"support" formControlName=
"support" markdownType=
"enhanced"
72 [formError]=
"formErrors['support']"
73 ></my-markdown-textarea>
76 <div class=
"form-group" *
ngIf=
"isBulkUpdateVideosDisplayed()">
78 inputName=
"bulkVideosSupportUpdate" formControlName=
"bulkVideosSupportUpdate"
79 i18n-labelText
labelText=
"Overwrite support field of all videos of this channel"
80 ></my-peertube-checkbox>
86 <div class=
"row"> <!-- submit placement block -->
87 <div class=
"col-md-7 col-xl-5"></div>
88 <div class=
"col-md-5 col-xl-5 d-inline-flex">
89 <input type=
"submit" value=
"{{ getFormButtonTitle() }}" [disabled]=
"!form.valid">