<form role="form" (ngSubmit)="formValidated()" [formGroup]="form">
- <div class="form-row"> <!-- playlist grid -->
- <div class="form-group col-12 col-lg-4 col-xl-3">
+ <div class="row"> <!-- playlist grid -->
+ <div class="col-12 col-lg-4 col-xl-3">
<div *ngIf="isCreation()" class="video-playlist-title" i18n>NEW PLAYLIST</div>
<div *ngIf="!isCreation() && videoPlaylistToUpdate" class="video-playlist-title" i18n>PLAYLIST</div>
</div>
- <div class="form-group form-group-right col-12 col-lg-8 col-xl-9">
+ <div class="col-12 col-lg-8 col-xl-9">
<div class="col-md-12 col-xl-6">
<div class="form-group">
</div>
<div class="form-group">
- <label i18n for="description">Description</label>
- <textarea
- id="description" formControlName="description"
- class="form-control" [ngClass]="{ 'input-error': formErrors['description'] }"
- ></textarea>
- <div *ngIf="formErrors.description" class="form-error">
- {{ formErrors.description }}
- </div>
+ <label i18n for="description">Description</label><my-help helpType="markdownText"></my-help>
+ <my-markdown-textarea id="description" formControlName="description" [formError]="formErrors['description']"></my-markdown-textarea>
</div>
</div>
</div>
<div class="form-group">
- <label i18n>Channel</label>
+ <label for="videoChannelIdl" i18n>Channel</label>
<my-select-channel
labelForId="videoChannelIdl" [items]="userVideoChannels" formControlName="videoChannelId"
</div>
<div class="form-group">
- <label i18n>Playlist thumbnail</label>
+ <label for="thumbnailfile" i18n>Playlist thumbnail</label>
<my-preview-upload
i18n-inputLabel inputLabel="Edit" inputName="thumbnailfile" formControlName="thumbnailfile"
</div>
</div>
- <div class="form-row"> <!-- submit placement block -->
+ <div class="row"> <!-- submit placement block -->
<div class="col-md-7 col-xl-5"></div>
<div class="col-md-5 col-xl-5 d-inline-flex">
<input type="submit" value="{{ getFormButtonTitle() }}" [disabled]="!form.valid">