1
0
mirror of https://github.com/bitwarden/browser synced 2026-02-09 13:10:17 +00:00

wrap dirt cards in button

This commit is contained in:
Alex
2025-09-03 15:16:47 -04:00
parent d3b4013441
commit 9b9dffc290
2 changed files with 60 additions and 54 deletions

View File

@@ -26,36 +26,40 @@
<div class="tw-mt-4 tw-flex tw-flex-col" *ngIf="!(isLoading$ | async) && dataSource.data.length">
<h2 class="tw-mb-6" bitTypography="h2">{{ "allApplications" | i18n }}</h2>
<div class="tw-flex tw-gap-6">
<dirt-card
#allAppsOrgAtRiskMembers
class="tw-flex-1 tw-cursor-pointer"
[ngClass]="{ 'tw-bg-primary-100': dataService.drawerInvokerId === 'allAppsOrgAtRiskMembers' }"
[title]="'atRiskMembers' | i18n"
[value]="applicationSummary.totalAtRiskMemberCount"
[maxValue]="applicationSummary.totalMemberCount"
[tabindex]="0"
role="button"
<button
type="button"
class="tw-flex-1"
(click)="showOrgAtRiskMembers('allAppsOrgAtRiskMembers')"
(keydown.enter)="showOrgAtRiskMembers('allAppsOrgAtRiskMembers')"
(keydown.space)="showOrgAtRiskMembers('allAppsOrgAtRiskMembers'); $event.preventDefault()"
>
</dirt-card>
<dirt-card
#allAppsOrgAtRiskApplications
class="tw-flex-1 tw-cursor-pointer"
[ngClass]="{
'tw-bg-primary-100': dataService.drawerInvokerId === 'allAppsOrgAtRiskApplications',
}"
[title]="'atRiskApplications' | i18n"
[value]="applicationSummary.totalAtRiskApplicationCount"
[maxValue]="applicationSummary.totalApplicationCount"
[tabindex]="0"
role="button"
<dirt-card
#allAppsOrgAtRiskMembers
class="tw-w-full"
[ngClass]="{
'tw-bg-primary-100': dataService.drawerInvokerId === 'allAppsOrgAtRiskMembers',
}"
[title]="'atRiskMembers' | i18n"
[value]="applicationSummary.totalAtRiskMemberCount"
[maxValue]="applicationSummary.totalMemberCount"
>
</dirt-card>
</button>
<button
type="button"
class="tw-flex-1"
(click)="showOrgAtRiskApps('allAppsOrgAtRiskApplications')"
(keydown.enter)="showOrgAtRiskApps('allAppsOrgAtRiskApplications')"
(keydown.space)="showOrgAtRiskApps('allAppsOrgAtRiskApplications'); $event.preventDefault()"
>
</dirt-card>
<dirt-card
#allAppsOrgAtRiskApplications
class="tw-w-full"
[ngClass]="{
'tw-bg-primary-100': dataService.drawerInvokerId === 'allAppsOrgAtRiskApplications',
}"
[title]="'atRiskApplications' | i18n"
[value]="applicationSummary.totalAtRiskApplicationCount"
[maxValue]="applicationSummary.totalApplicationCount"
>
</dirt-card>
</button>
</div>
<div class="tw-flex tw-mt-8 tw-mb-4 tw-gap-4">
<bit-search

View File

@@ -44,38 +44,40 @@
</button>
</div>
<div class="tw-flex tw-gap-6">
<dirt-card
#criticalAppsAtRiskMembers
class="tw-flex-1 tw-cursor-pointer"
[ngClass]="{
'tw-bg-primary-100': dataService.drawerInvokerId === 'criticalAppsAtRiskMembers',
}"
[title]="'atRiskMembers' | i18n"
[value]="applicationSummary.totalAtRiskMemberCount"
[maxValue]="applicationSummary.totalMemberCount"
[tabindex]="0"
role="button"
<button
type="button"
class="tw-flex-1"
(click)="showOrgAtRiskMembers('criticalAppsAtRiskMembers')"
(keydown.enter)="showOrgAtRiskMembers('criticalAppsAtRiskMembers')"
(keydown.space)="showOrgAtRiskMembers('criticalAppsAtRiskMembers'); $event.preventDefault()"
>
</dirt-card>
<dirt-card
#criticalAppsAtRiskApplications
class="tw-flex-1 tw-cursor-pointer"
[ngClass]="{
'tw-bg-primary-100': dataService.drawerInvokerId === 'criticalAppsAtRiskApplications',
}"
[title]="'atRiskApplications' | i18n"
[value]="applicationSummary.totalAtRiskApplicationCount"
[maxValue]="applicationSummary.totalApplicationCount"
[tabindex]="0"
role="button"
<dirt-card
#criticalAppsAtRiskMembers
class="tw-w-full"
[ngClass]="{
'tw-bg-primary-100': dataService.drawerInvokerId === 'criticalAppsAtRiskMembers',
}"
[title]="'atRiskMembers' | i18n"
[value]="applicationSummary.totalAtRiskMemberCount"
[maxValue]="applicationSummary.totalMemberCount"
>
</dirt-card>
</button>
<button
type="button"
class="tw-flex-1"
(click)="showOrgAtRiskApps('criticalAppsAtRiskApplications')"
(keydown.enter)="showOrgAtRiskApps('criticalAppsAtRiskApplications')"
(keydown.space)="showOrgAtRiskApps('criticalAppsAtRiskApplications'); $event.preventDefault()"
>
</dirt-card>
<dirt-card
#criticalAppsAtRiskApplications
class="tw-w-full"
[ngClass]="{
'tw-bg-primary-100': dataService.drawerInvokerId === 'criticalAppsAtRiskApplications',
}"
[title]="'atRiskApplications' | i18n"
[value]="applicationSummary.totalAtRiskApplicationCount"
[maxValue]="applicationSummary.totalApplicationCount"
>
</dirt-card>
</button>
</div>
<div class="tw-flex tw-mt-8 tw-mb-4 tw-gap-4">
<bit-search