aboutsummaryrefslogtreecommitdiffhomepage
path: root/client
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-03-28 22:53:27 +0100
committerRigel Kent <sendmemail@rigelk.eu>2020-03-28 22:53:32 +0100
commit03a3ad919495c8616efb7a8e6ff4606098413d33 (patch)
tree74a1650106a099dd776cf791c509ae547afc58e8 /client
parent76314386aeafdd6849b7b70c517779d6b2013473 (diff)
downloadPeerTube-03a3ad919495c8616efb7a8e6ff4606098413d33.tar.gz
PeerTube-03a3ad919495c8616efb7a8e6ff4606098413d33.tar.zst
PeerTube-03a3ad919495c8616efb7a8e6ff4606098413d33.zip
Align layout for create video-channel (my-account) on create user (admin)
Diffstat (limited to 'client')
-rw-r--r--client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html54
-rw-r--r--client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss8
2 files changed, 40 insertions, 22 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 cc20674c9..29d2b935d 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,33 +1,51 @@
1<div i18n class="form-sub-title" *ngIf="isCreation() === true">Create a video channel</div> 1<nav aria-label="breadcrumb">
2 <ol class="breadcrumb">
3 <li class="breadcrumb-item">
4 <a routerLink="/my-account/video-channels" i18n>My Channels</a>
5 </li>
6
7 <ng-container *ngIf="isCreation()">
8 <li class="breadcrumb-item active" i18n>Create</li>
9 </ng-container>
10 <ng-container *ngIf="!isCreation()">
11 <li class="breadcrumb-item active" i18n>Edit</li>
12 <li class="breadcrumb-item active" aria-current="page">
13 <a *ngIf="videoChannelToUpdate" [routerLink]="[ '/my-account/video-channels/update', videoChannelToUpdate?.nameWithHost ]">{{ videoChannelToUpdate?.displayName }}</a>
14 </li>
15 </ng-container>
16 </ol>
17</nav>
2 18
3<div *ngIf="error" class="alert alert-danger">{{ error }}</div> 19<div *ngIf="error" class="alert alert-danger">{{ error }}</div>
4 20
5<form role="form" (ngSubmit)="formValidated()" [formGroup]="form"> 21<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">
9 <input
10 type="text" id="name" i18n-placeholder placeholder="Example: my_channel"
11 formControlName="name" [ngClass]="{ 'input-error': formErrors['name'] }"
12 >
13 <div class="input-group-append">
14 <span class="input-group-text">@{{ instanceHost }}</span>
15 </div>
16 </div>
17 <div *ngIf="formErrors['name']" class="form-error">
18 {{ formErrors['name'] }}
19 </div>
20 </div>
21 22
22 <div class="form-row"> <!-- channel grid --> 23 <div class="form-row"> <!-- channel grid -->
23 <div class="form-group col-12 col-lg-4 col-xl-3"> 24 <div class="form-group col-12 col-lg-4 col-xl-3">
24 <div i18n class="video-channel-title">CHANNEL</div> 25 <div *ngIf="isCreation()" class="video-channel-title" i18n>NEW CHANNEL</div>
26 <div *ngIf="!isCreation() && videoChannelToUpdate" class="video-channel-title" i18n>CHANNEL</div>
25 </div> 27 </div>
26 28
27 <div class="form-group form-group-right col-12 col-lg-8 col-xl-9"> 29 <div class="form-group form-group-right col-12 col-lg-8 col-xl-9">
28 30
31 <div class="form-group" *ngIf="isCreation()">
32 <label i18n for="name">Name</label>
33 <div class="input-group">
34 <input
35 type="text" id="name" i18n-placeholder placeholder="Example: my_channel"
36 formControlName="name" [ngClass]="{ 'input-error': formErrors['name'] }"
37 >
38 <div class="input-group-append">
39 <span class="input-group-text">@{{ instanceHost }}</span>
40 </div>
41 </div>
42 <div *ngIf="formErrors['name']" class="form-error">
43 {{ formErrors['name'] }}
44 </div>
45 </div>
46
29 <my-actor-avatar-info 47 <my-actor-avatar-info
30 *ngIf="isCreation() === false && videoChannelToUpdate" 48 *ngIf="!isCreation() && videoChannelToUpdate"
31 [actor]="videoChannelToUpdate" (avatarChange)="onAvatarChange($event)" 49 [actor]="videoChannelToUpdate" (avatarChange)="onAvatarChange($event)"
32 ></my-actor-avatar-info> 50 ></my-actor-avatar-info>
33 51
diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss b/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss
index fa6b18b37..cd5e47cdc 100644
--- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss
+++ b/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss
@@ -5,10 +5,6 @@
5 @include settings-big-title; 5 @include settings-big-title;
6} 6}
7 7
8.form-sub-title {
9 margin-bottom: 20px;
10}
11
12my-actor-avatar-info { 8my-actor-avatar-info {
13 display: block; 9 display: block;
14 margin-bottom: 20px; 10 margin-bottom: 20px;
@@ -63,3 +59,7 @@ my-markdown-textarea ::ng-deep {
63.peertube-select-container { 59.peertube-select-container {
64 @include peertube-select-container(340px); 60 @include peertube-select-container(340px);
65} 61}
62
63.breadcrumb {
64 @include breadcrumb;
65}