]>
Commit | Line | Data |
---|---|---|
170726f5 C |
1 | <div *ngIf="videoChannel" class="row"> |
2 | <div class="sub-menu"> | |
3 | ||
4 | <div class="actor"> | |
5 | <img [src]="videoChannel.avatarUrl" alt="Avatar" /> | |
6 | ||
7 | <div class="actor-info"> | |
7de6afdf C |
8 | <div class="actor-names"> |
9 | <div class="actor-display-name">{{ videoChannel.displayName }}</div> | |
a0dedc02 RK |
10 | <div class="actor-name">{{ videoChannel.nameWithHost }} |
11 | <button ngxClipboard [cbContent]="videoChannel.nameWithHost" (click)="activateCopiedMessage()" | |
12 | class="btn btn-outline-secondary btn-sm copy-button" | |
13 | > | |
14 | <span class="glyphicon glyphicon-copy"></span> | |
15 | </button> | |
16 | </div> | |
22a16e36 | 17 | |
aa0f1963 | 18 | <div class="right-buttons"> |
fef213ca | 19 | <a *ngIf="isChannelManageable" [routerLink]="[ '/my-account/video-channels/update', videoChannel.nameWithHost ]" class="btn btn-outline-tertiary mr-2" i18n>Manage</a> |
aa0f1963 RK |
20 | <my-subscribe-button #subscribeButton [videoChannels]="[videoChannel]"></my-subscribe-button> |
21 | </div> | |
7de6afdf | 22 | </div> |
7738273b | 23 | <div class="actor-followers" i18n>{videoChannel.followersCount, plural, =1 {1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}</div> |
a4f99a76 | 24 | |
b1d40cff C |
25 | <a [routerLink]="[ '/accounts', videoChannel.ownerBy ]" i18n-title title="Go the owner account page" class="actor-owner"> |
26 | <span i18n>Created by {{ videoChannel.ownerBy }}</span> | |
a4f99a76 C |
27 | <img [src]="videoChannel.ownerAvatarUrl" alt="Owner account avatar" /> |
28 | </a> | |
170726f5 C |
29 | </div> |
30 | </div> | |
31 | ||
32 | <div class="links"> | |
b1d40cff | 33 | <a i18n routerLink="videos" routerLinkActive="active" class="title-page">Videos</a> |
bce47964 | 34 | <a i18n routerLink="video-playlists" routerLinkActive="active" class="title-page">Video playlists</a> |
b1d40cff | 35 | <a i18n routerLink="about" routerLinkActive="active" class="title-page">About</a> |
170726f5 C |
36 | </div> |
37 | </div> | |
38 | ||
39 | <div class="margin-content"> | |
40 | <router-outlet></router-outlet> | |
41 | </div> | |
42 | </div> |