+
@@ -34,15 +29,15 @@
@@ -88,25 +83,26 @@
/>
- {{ r.name }}
+ {{ r.applicationName }}
|
- {{ r.atRiskPasswords }}
+ {{ r.atRiskPasswordCount }}
|
- {{ r.totalPasswords }}
+ {{ r.passwordCount }}
|
- {{ r.atRiskMembers }}
+ {{ r.atRiskMemberCount }}
|
+ w
- {{ r.totalMembers }}
+ {{ r.memberCount }}
|
diff --git a/bitwarden_license/bit-web/src/app/tools/access-intelligence/all-applications.component.ts b/bitwarden_license/bit-web/src/app/tools/access-intelligence/all-applications.component.ts
index c755aa72598..6acc84779ce 100644
--- a/bitwarden_license/bit-web/src/app/tools/access-intelligence/all-applications.component.ts
+++ b/bitwarden_license/bit-web/src/app/tools/access-intelligence/all-applications.component.ts
@@ -4,13 +4,18 @@ import { FormControl } from "@angular/forms";
import { ActivatedRoute } from "@angular/router";
import { debounceTime, firstValueFrom, map } from "rxjs";
+import {
+ ApplicationHealthReportDetail,
+ ApplicationHealthReportSummary,
+ MemberCipherDetailsApiService,
+ RiskInsightsReportService,
+} from "@bitwarden/bit-common/tools/reports/risk-insights";
import { AuditService } from "@bitwarden/common/abstractions/audit.service";
import { OrganizationService } from "@bitwarden/common/admin-console/abstractions/organization/organization.service.abstraction";
import { Organization } from "@bitwarden/common/admin-console/models/domain/organization";
import { FeatureFlag } from "@bitwarden/common/enums/feature-flag.enum";
import { ConfigService } from "@bitwarden/common/platform/abstractions/config/config.service";
import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
-import { PasswordStrengthServiceAbstraction } from "@bitwarden/common/tools/password-strength";
import { CipherService } from "@bitwarden/common/vault/abstractions/cipher.service";
import { CipherView } from "@bitwarden/common/vault/models/view/cipher.view";
import {
@@ -25,31 +30,35 @@ import { HeaderModule } from "@bitwarden/web-vault/app/layouts/header/header.mod
import { SharedModule } from "@bitwarden/web-vault/app/shared";
import { PipesModule } from "@bitwarden/web-vault/app/vault/individual-vault/pipes/pipes.module";
-import { applicationTableMockData } from "./application-table.mock";
+import { ApplicationsLoadingComponent } from "./risk-insights-loading.component";
@Component({
standalone: true,
selector: "tools-all-applications",
templateUrl: "./all-applications.component.html",
- imports: [HeaderModule, CardComponent, SearchModule, PipesModule, NoItemsModule, SharedModule],
+ imports: [
+ ApplicationsLoadingComponent,
+ HeaderModule,
+ CardComponent,
+ SearchModule,
+ PipesModule,
+ NoItemsModule,
+ SharedModule,
+ ],
+ providers: [MemberCipherDetailsApiService, RiskInsightsReportService],
})
export class AllApplicationsComponent implements OnInit {
- protected dataSource = new TableDataSource
();
+ protected dataSource = new TableDataSource();
protected selectedIds: Set = new Set();
protected searchControl = new FormControl("", { nonNullable: true });
private destroyRef = inject(DestroyRef);
- protected loading = false;
+ protected loading = true;
protected organization: Organization;
noItemsIcon = Icons.Security;
protected markingAsCritical = false;
- isCritialAppsFeatureEnabled = false;
+ protected applicationSummary: ApplicationHealthReportSummary;
- // MOCK DATA
- protected mockData = applicationTableMockData;
- protected mockAtRiskMembersCount = 0;
- protected mockAtRiskAppsCount = 0;
- protected mockTotalMembersCount = 0;
- protected mockTotalAppsCount = 0;
+ isCritialAppsFeatureEnabled = false;
async ngOnInit() {
this.activatedRoute.paramMap
@@ -58,7 +67,12 @@ export class AllApplicationsComponent implements OnInit {
map(async (params) => {
const organizationId = params.get("organizationId");
this.organization = await firstValueFrom(this.organizationService.get$(organizationId));
- // TODO: use organizationId to fetch data
+ const applicationsReport =
+ await this.riskInsightsReportService.generateApplicationsReport(organizationId);
+ this.dataSource.data = applicationsReport;
+ this.applicationSummary =
+ this.riskInsightsReportService.generateApplicationsSummary(applicationsReport);
+ this.loading = false;
}),
)
.subscribe();
@@ -70,7 +84,7 @@ export class AllApplicationsComponent implements OnInit {
constructor(
protected cipherService: CipherService,
- protected passwordStrengthService: PasswordStrengthServiceAbstraction,
+ protected riskInsightsReportService: RiskInsightsReportService,
protected auditService: AuditService,
protected i18nService: I18nService,
protected activatedRoute: ActivatedRoute,
@@ -78,7 +92,6 @@ export class AllApplicationsComponent implements OnInit {
protected organizationService: OrganizationService,
protected configService: ConfigService,
) {
- this.dataSource.data = applicationTableMockData;
this.searchControl.valueChanges
.pipe(debounceTime(200), takeUntilDestroyed())
.subscribe((v) => (this.dataSource.filter = v));
diff --git a/bitwarden_license/bit-web/src/app/tools/access-intelligence/risk-insights-loading.component.html b/bitwarden_license/bit-web/src/app/tools/access-intelligence/risk-insights-loading.component.html
new file mode 100644
index 00000000000..d6f945bfb92
--- /dev/null
+++ b/bitwarden_license/bit-web/src/app/tools/access-intelligence/risk-insights-loading.component.html
@@ -0,0 +1,8 @@
+
+
+
{{ "generatingRiskInsights" | i18n }}
+
diff --git a/bitwarden_license/bit-web/src/app/tools/access-intelligence/risk-insights-loading.component.ts b/bitwarden_license/bit-web/src/app/tools/access-intelligence/risk-insights-loading.component.ts
new file mode 100644
index 00000000000..1cafa62c608
--- /dev/null
+++ b/bitwarden_license/bit-web/src/app/tools/access-intelligence/risk-insights-loading.component.ts
@@ -0,0 +1,14 @@
+import { CommonModule } from "@angular/common";
+import { Component } from "@angular/core";
+
+import { JslibModule } from "@bitwarden/angular/jslib.module";
+
+@Component({
+ selector: "tools-risk-insights-loading",
+ standalone: true,
+ imports: [CommonModule, JslibModule],
+ templateUrl: "./risk-insights-loading.component.html",
+})
+export class ApplicationsLoadingComponent {
+ constructor() {}
+}