39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
@if (publishers.length > 0) {
|
|
<div class="publisher-wrapper">
|
|
<div class="publisher-flipper" [class.is-flipped]="isFlipped">
|
|
<div class="publisher-side publisher-front">
|
|
<div class="publisher-img-container d-inline-flex align-items-center me-2 position-relative">
|
|
<app-image
|
|
[imageUrl]="imageService.getPublisherImage(currentPublisher!.name)"
|
|
[classes]="'me-2'"
|
|
[hideOnError]="true"
|
|
width="32px"
|
|
height="32px"
|
|
aria-hidden="true">
|
|
</app-image>
|
|
<div class="position-relative d-inline-block"
|
|
(click)="openPublisher(currentPublisher!.id)">
|
|
{{currentPublisher!.name}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="publisher-side publisher-back">
|
|
<div class="publisher-img-container d-inline-flex align-items-center me-2 position-relative">
|
|
<app-image
|
|
[imageUrl]="imageService.getPublisherImage(nextPublisher!.name)"
|
|
[classes]="'me-2'"
|
|
[hideOnError]="true"
|
|
width="32px"
|
|
height="32px"
|
|
aria-hidden="true">
|
|
</app-image>
|
|
<div class="position-relative d-inline-block"
|
|
(click)="openPublisher(nextPublisher!.id)">
|
|
{{nextPublisher!.name}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
|