2022-03-29 21:55:47 +02:00
|
|
|
<a
|
2022-08-02 08:45:59 +02:00
|
|
|
class="tw-block tw-h-full tw-w-72 tw-overflow-hidden tw-rounded tw-border tw-border-solid tw-border-secondary-300 !tw-text-main tw-transition-all hover:tw-scale-105 hover:tw-no-underline focus:tw-outline-none focus:tw-ring focus:tw-ring-primary-700 focus:tw-ring-offset-2"
|
2022-03-29 21:55:47 +02:00
|
|
|
[routerLink]="route"
|
|
|
|
(click)="click()"
|
|
|
|
>
|
|
|
|
<div class="tw-relative">
|
|
|
|
<div
|
2022-08-02 08:45:59 +02:00
|
|
|
class="tw-flex tw-h-28 tw-bg-background-alt2 tw-text-center tw-text-primary-300"
|
2022-03-29 21:55:47 +02:00
|
|
|
[ngClass]="{ 'tw-grayscale': premium }"
|
|
|
|
>
|
|
|
|
<div class="tw-m-auto" [innerHtml]="icon"></div>
|
|
|
|
</div>
|
|
|
|
<div class="tw-p-5" [ngClass]="{ 'tw-grayscale': report.requiresPremium }">
|
2022-08-02 08:45:59 +02:00
|
|
|
<h3 class="tw-mb-4 tw-text-xl tw-font-bold">{{ report.title | i18n }}</h3>
|
2022-03-29 21:55:47 +02:00
|
|
|
<p class="tw-mb-0">{{ report.description | i18n }}</p>
|
|
|
|
</div>
|
|
|
|
<span
|
2022-06-02 11:34:27 +02:00
|
|
|
bitBadge
|
2022-03-29 21:55:47 +02:00
|
|
|
badgeType="success"
|
|
|
|
class="tw-absolute tw-left-2 tw-top-2 tw-leading-none"
|
|
|
|
*ngIf="premium"
|
|
|
|
>{{ "premium" | i18n }}</span
|
|
|
|
>
|
|
|
|
</div>
|
|
|
|
</a>
|