[PM-8972] Migrate callouts to the new CL callout (#9710)

* Migrate callouts to the new CL callout
2026-01-08 19:43:45 +00:00 · 2024-06-20 15:45:48 +02:00
parent 593dc3c716
commit cbb2fa9442
32 changed files with 75 additions and 77 deletions
--- a/apps/web/src/app/admin-console/organizations/manage/verify-recover-delete-org.component.html
+++ b/apps/web/src/app/admin-console/organizations/manage/verify-recover-delete-org.component.html
@@ -3,9 +3,9 @@
    <p class="tw-text-xl tw-text-center tw-mb-4">{{ "deleteOrganization" | i18n }}</p>
    <div class="tw-rounded-md tw-border tw-border-solid tw-border-secondary-300 tw-bg-background">
      <div class="tw-p-5">
-        <app-callout type="warning">{{
-          "deletingOrganizationIsPermanentWarning" | i18n: name
-        }}</app-callout>
+        <bit-callout type="warning">
+          {{ "deletingOrganizationIsPermanentWarning" | i18n: name }}
+        </bit-callout>
        <p class="tw-text-center">
          <strong>{{ name }}</strong>
        </p>
--- a/apps/web/src/app/admin-console/organizations/members/components/bulk/bulk-confirm.component.html
+++ b/apps/web/src/app/admin-console/organizations/members/components/bulk/bulk-confirm.component.html
@@ -1,11 +1,11 @@
 <bit-dialog dialogSize="large" [title]="'confirmUsers' | i18n" [loading]="loading">
  <ng-container bitDialogContent>
-    <app-callout type="danger" *ngIf="filteredUsers.length <= 0">
+    <bit-callout type="danger" *ngIf="filteredUsers.length <= 0">
      {{ "noSelectedUsersApplicable" | i18n }}
-    </app-callout>
-    <app-callout type="error" *ngIf="error">
+    </bit-callout>
+    <bit-callout type="danger" [title]="'error' | i18n" *ngIf="error">
      {{ error }}
-    </app-callout>
+    </bit-callout>
    <ng-container *ngIf="!loading && !done">
      <p bitTypography="body1">
        {{ "fingerprintEnsureIntegrityVerify" | i18n }}
--- a/apps/web/src/app/admin-console/organizations/members/components/bulk/bulk-remove.component.html
+++ b/apps/web/src/app/admin-console/organizations/members/components/bulk/bulk-remove.component.html
@@ -1,18 +1,18 @@
 <bit-dialog dialogSize="large" [title]="'removeUsers' | i18n">
  <ng-container bitDialogContent>
-    <app-callout type="danger" *ngIf="users.length <= 0">
+    <bit-callout type="danger" *ngIf="users.length <= 0">
      {{ "noSelectedUsersApplicable" | i18n }}
-    </app-callout>
-    <app-callout type="error" *ngIf="error">
+    </bit-callout>
+    <bit-callout type="danger" [title]="'error' | i18n" *ngIf="error">
      {{ error }}
-    </app-callout>
+    </bit-callout>
    <ng-container *ngIf="!done">
-      <app-callout type="warning" *ngIf="users.length > 0 && !error">
+      <bit-callout type="warning" *ngIf="users.length > 0 && !error">
        <p bitTypography="body1">{{ removeUsersWarning }}</p>
        <p *ngIf="this.showNoMasterPasswordWarning" bitTypography="body1">
          {{ "removeMembersWithoutMasterPasswordWarning" | i18n }}
        </p>
-      </app-callout>
+      </bit-callout>
      <bit-table>
        <ng-container header>
          <tr>
--- a/apps/web/src/app/admin-console/organizations/members/people.component.html
+++ b/apps/web/src/app/admin-console/organizations/members/people.component.html
@@ -48,14 +48,14 @@
 <ng-container *ngIf="firstLoaded">
  <p *ngIf="!dataSource.filteredData.length">{{ "noMembersInList" | i18n }}</p>
  <ng-container *ngIf="dataSource.filteredData.length">
-    <app-callout
+    <bit-callout
      type="info"
      title="{{ 'confirmUsers' | i18n }}"
-      icon="bwi bwi-check-circle"
+      icon="bwi-check-circle"
      *ngIf="showConfirmUsers"
    >
      {{ "usersNeedConfirmed" | i18n }}
-    </app-callout>
+    </bit-callout>
    <!-- The padding on the bottom of the cdk-virtual-scroll-viewport element is required to prevent table row content
    from overflowing the <main> element. -->
    <cdk-virtual-scroll-viewport scrollWindow [itemSize]="rowHeight" class="tw-pb-8">
--- a/apps/web/src/app/admin-console/organizations/policies/disable-send.component.html
+++ b/apps/web/src/app/admin-console/organizations/policies/disable-send.component.html
@@ -1,6 +1,6 @@
-<app-callout type="warning">
+<bit-callout type="warning">
  {{ "disableSendExemption" | i18n }}
-</app-callout>
+</bit-callout>

 <bit-form-control>
  <input type="checkbox" bitCheckbox [formControl]="enabled" id="enabled" />
--- a/apps/web/src/app/admin-console/organizations/policies/master-password.component.html
+++ b/apps/web/src/app/admin-console/organizations/policies/master-password.component.html
@@ -1,6 +1,6 @@
-<app-callout type="info" *ngIf="showKeyConnectorInfo">
+<bit-callout type="info" *ngIf="showKeyConnectorInfo">
  {{ "keyConnectorPolicyRestriction" | i18n }}
-</app-callout>
+</bit-callout>

 <div [formGroup]="data">
  <bit-form-control>
--- a/apps/web/src/app/admin-console/organizations/policies/personal-ownership.component.html
+++ b/apps/web/src/app/admin-console/organizations/policies/personal-ownership.component.html
@@ -1,6 +1,6 @@
-<app-callout type="warning">
+<bit-callout type="warning">
  {{ "personalOwnershipExemption" | i18n }}
-</app-callout>
+</bit-callout>

 <div class="form-group">
  <div class="form-check">
--- a/apps/web/src/app/admin-console/organizations/policies/require-sso.component.html
+++ b/apps/web/src/app/admin-console/organizations/policies/require-sso.component.html
@@ -1,9 +1,9 @@
-<app-callout type="tip" title="{{ 'prerequisite' | i18n }}">
+<bit-callout type="info" title="{{ 'prerequisite' | i18n }}">
  {{ "requireSsoPolicyReq" | i18n }}
-</app-callout>
-<app-callout type="warning">
+</bit-callout>
+<bit-callout type="warning">
  {{ "requireSsoExemption" | i18n }}
-</app-callout>
+</bit-callout>

 <bit-form-control>
  <input type="checkbox" bitCheckbox [formControl]="enabled" id="enabled" />
--- a/apps/web/src/app/admin-console/organizations/policies/send-options.component.html
+++ b/apps/web/src/app/admin-console/organizations/policies/send-options.component.html
@@ -1,6 +1,6 @@
-<app-callout type="warning">
+<bit-callout type="warning">
  {{ "sendOptionsExemption" | i18n }}
-</app-callout>
+</bit-callout>

 <bit-form-control>
  <input type="checkbox" bitCheckbox [formControl]="enabled" id="enabled" />
--- a/apps/web/src/app/admin-console/organizations/policies/single-org.component.html
+++ b/apps/web/src/app/admin-console/organizations/policies/single-org.component.html
@@ -1,6 +1,6 @@
-<app-callout type="warning">
+<bit-callout type="warning">
  {{ "singleOrgPolicyWarning" | i18n }}
-</app-callout>
+</bit-callout>

 <bit-form-control>
  <input type="checkbox" bitCheckbox [formControl]="enabled" id="enabled" />
--- a/apps/web/src/app/admin-console/organizations/policies/two-factor-authentication.component.html
+++ b/apps/web/src/app/admin-console/organizations/policies/two-factor-authentication.component.html
@@ -1,6 +1,6 @@
-<app-callout type="warning">
+<bit-callout type="warning">
  {{ "twoStepLoginPolicyWarning" | i18n }}
-</app-callout>
+</bit-callout>

 <bit-form-control>
  <input type="checkbox" id="enabled" bitCheckbox [formControl]="enabled" />
--- a/apps/web/src/app/admin-console/organizations/settings/components/delete-organization-dialog.component.html
+++ b/apps/web/src/app/admin-console/organizations/settings/components/delete-organization-dialog.component.html
@@ -2,9 +2,9 @@
  <bit-dialog [loading]="!loaded">
    <span bitDialogTitle>{{ "deleteOrganization" | i18n }}</span>
    <div bitDialogContent>
-      <app-callout type="warning">{{
-        "deletingOrganizationIsPermanentWarning" | i18n: organization?.name
-      }}</app-callout>
+      <bit-callout type="warning">
+        {{ "deletingOrganizationIsPermanentWarning" | i18n: organization?.name }}
+      </bit-callout>
      <p id="organizationDeleteDescription">
        <ng-container
          *ngIf="