Refactor actor avatar display

[github/Chocobozzz/PeerTube.git] / client / src / app / +videos / +video-watch / video-avatar-channel.component.html

<div class="wrapper" [ngClass]="'avatar-' + size">
  <ng-container *ngIf="!isChannelAvatarNull() && !genericChannel">
    <a [routerLink]="[ '/video-channels', video.byVideoChannel ]" [title]="channelLinkTitle">
      <img [src]="video.videoChannelAvatarUrl" i18n-alt alt="Channel avatar" class="channel-avatar" />
    </a>

    <my-actor-avatar [account]="video.account" [title]="accountLinkTitle" [internalHref]="[ '/accounts', video.byAccount ]"></my-actor-avatar>
</ng-container>

  <ng-container *ngIf="!isChannelAvatarNull() && genericChannel">
    <my-actor-avatar [account]="video.account" [title]="accountLinkTitle" [internalHref]="[ '/accounts', video.byAccount ]"></my-actor-avatar>

    <a [routerLink]="[ '/video-channels', video.byVideoChannel ]" [title]="channelLinkTitle">
      <img [src]="video.videoChannelAvatarUrl" i18n-alt alt="Channel avatar" class="channel-avatar" />
    </a>
  </ng-container>

  <ng-container *ngIf="isChannelAvatarNull()">
    <my-actor-avatar [account]="video.account" [title]="accountLinkTitle" [internalHref]="[ '/accounts', video.byAccount ]"></my-actor-avatar>
  </ng-container>
</div>