diff options
Diffstat (limited to 'client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html')
-rw-r--r-- | client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html | 101 |
1 files changed, 58 insertions, 43 deletions
diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html b/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html index f87df87df..cc20674c9 100644 --- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html +++ b/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html | |||
@@ -1,8 +1,3 @@ | |||
1 | <my-actor-avatar-info | ||
2 | *ngIf="isCreation() === false && videoChannelToUpdate" | ||
3 | [actor]="videoChannelToUpdate" (avatarChange)="onAvatarChange($event)" | ||
4 | ></my-actor-avatar-info> | ||
5 | |||
6 | <div i18n class="form-sub-title" *ngIf="isCreation() === true">Create a video channel</div> | 1 | <div i18n class="form-sub-title" *ngIf="isCreation() === true">Create a video channel</div> |
7 | 2 | ||
8 | <div *ngIf="error" class="alert alert-danger">{{ error }}</div> | 3 | <div *ngIf="error" class="alert alert-danger">{{ error }}</div> |
@@ -24,49 +19,69 @@ | |||
24 | </div> | 19 | </div> |
25 | </div> | 20 | </div> |
26 | 21 | ||
27 | <div class="form-group"> | 22 | <div class="form-row"> <!-- channel grid --> |
28 | <label i18n for="display-name">Display name</label> | 23 | <div class="form-group col-12 col-lg-4 col-xl-3"> |
29 | <input | 24 | <div i18n class="video-channel-title">CHANNEL</div> |
30 | type="text" id="display-name" | ||
31 | formControlName="display-name" [ngClass]="{ 'input-error': formErrors['display-name'] }" | ||
32 | > | ||
33 | <div *ngIf="formErrors['display-name']" class="form-error"> | ||
34 | {{ formErrors['display-name'] }} | ||
35 | </div> | 25 | </div> |
36 | </div> | ||
37 | 26 | ||
38 | <div class="form-group"> | 27 | <div class="form-group form-group-right col-12 col-lg-8 col-xl-9"> |
39 | <label i18n for="description">Description</label> | 28 | |
40 | <textarea | 29 | <my-actor-avatar-info |
41 | id="description" formControlName="description" | 30 | *ngIf="isCreation() === false && videoChannelToUpdate" |
42 | [ngClass]="{ 'input-error': formErrors['description'] }" | 31 | [actor]="videoChannelToUpdate" (avatarChange)="onAvatarChange($event)" |
43 | ></textarea> | 32 | ></my-actor-avatar-info> |
44 | <div *ngIf="formErrors.description" class="form-error"> | 33 | |
45 | {{ formErrors.description }} | 34 | <div class="form-group"> |
46 | </div> | 35 | <label i18n for="display-name">Display name</label> |
47 | </div> | 36 | <input |
37 | type="text" id="display-name" | ||
38 | formControlName="display-name" [ngClass]="{ 'input-error': formErrors['display-name'] }" | ||
39 | > | ||
40 | <div *ngIf="formErrors['display-name']" class="form-error"> | ||
41 | {{ formErrors['display-name'] }} | ||
42 | </div> | ||
43 | </div> | ||
44 | |||
45 | <div class="form-group"> | ||
46 | <label i18n for="description">Description</label> | ||
47 | <textarea | ||
48 | id="description" formControlName="description" | ||
49 | [ngClass]="{ 'input-error': formErrors['description'] }" | ||
50 | ></textarea> | ||
51 | <div *ngIf="formErrors.description" class="form-error"> | ||
52 | {{ formErrors.description }} | ||
53 | </div> | ||
54 | </div> | ||
55 | |||
56 | <div class="form-group"> | ||
57 | <label for="support">Support</label> | ||
58 | <my-help | ||
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." | ||
61 | ></my-help> | ||
62 | <my-markdown-textarea | ||
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 }} | ||
68 | </div> | ||
69 | </div> | ||
70 | |||
71 | <div class="form-group" *ngIf="isBulkUpdateVideosDisplayed()"> | ||
72 | <my-peertube-checkbox | ||
73 | inputName="bulkVideosSupportUpdate" formControlName="bulkVideosSupportUpdate" | ||
74 | i18n-labelText labelText="Overwrite support field of all videos of this channel" | ||
75 | ></my-peertube-checkbox> | ||
76 | </div> | ||
48 | 77 | ||
49 | <div class="form-group"> | ||
50 | <label for="support">Support</label> | ||
51 | <my-help | ||
52 | helpType="markdownEnhanced" i18n-preHtml preHtml="Short text to tell people how they can support your channel (membership platform...).<br /><br /> | ||
53 | When you will upload a video in this channel, the video support field will be automatically filled by this text." | ||
54 | ></my-help> | ||
55 | <my-markdown-textarea | ||
56 | id="support" formControlName="support" textareaWidth="500px" [previewColumn]="true" markdownType="enhanced" | ||
57 | [classes]="{ 'input-error': formErrors['support'] }" | ||
58 | ></my-markdown-textarea> | ||
59 | <div *ngIf="formErrors.support" class="form-error"> | ||
60 | {{ formErrors.support }} | ||
61 | </div> | 78 | </div> |
62 | </div> | 79 | </div> |
63 | 80 | ||
64 | <div class="form-group" *ngIf="isBulkUpdateVideosDisplayed()"> | 81 | <div class="form-row"> <!-- submit placement block --> |
65 | <my-peertube-checkbox | 82 | <div class="col-md-7 col-xl-5"></div> |
66 | inputName="bulkVideosSupportUpdate" formControlName="bulkVideosSupportUpdate" | 83 | <div class="col-md-5 col-xl-5 d-inline-flex"> |
67 | i18n-labelText labelText="Overwrite support field of all videos of this channel" | 84 | <input type="submit" value="{{ getFormButtonTitle() }}" [disabled]="!form.valid"> |
68 | ></my-peertube-checkbox> | 85 | </div> |
69 | </div> | 86 | </div> |
70 | |||
71 | <input type="submit" value="{{ getFormButtonTitle() }}" [disabled]="!form.valid"> | ||
72 | </form> | 87 | </form> |