[feature] Implement scope warning for exports (#1504)

src/app/organizations/tools/export.component.ts

@@ -44,10 +44,10 @@ export class ExportComponent extends BaseExportComponent {
   }
 
   async ngOnInit() {
-    await super.ngOnInit();
     this.route.parent.parent.params.subscribe(async (params) => {
       this.organizationId = params.organizationId;
     });
+    await super.ngOnInit();
   }
 
   async checkExportDisabled() {

src/app/oss.module.ts

@@ -58,6 +58,7 @@ import { ToastrModule } from "ngx-toastr";
 
 import { AvatarComponent } from "jslib-angular/components/avatar.component";
 import { CalloutComponent } from "jslib-angular/components/callout.component";
+import { ExportScopeCalloutComponent } from "jslib-angular/components/export-scope-callout.component";
 import { IconComponent } from "jslib-angular/components/icon.component";
 import { VerifyMasterPasswordComponent } from "jslib-angular/components/verify-master-password.component";
 import { A11yTitleDirective } from "jslib-angular/directives/a11y-title.directive";
@@ -338,6 +339,7 @@ registerLocaleData(localeZhTw, "zh-TW");
     EmergencyAccessViewComponent,
     EmergencyAddEditComponent,
     ExportComponent,
+    ExportScopeCalloutComponent,
     ExposedPasswordsReportComponent,
     FallbackSrcDirective,
     FamiliesForEnterpriseSetupComponent,

src/app/tools/export.component.html

@@ -12,6 +12,10 @@
   <app-callout type="error" title="{{ 'vaultExportDisabled' | i18n }}" *ngIf="disabledByPolicy">
     {{ "personalVaultExportPolicyInEffect" | i18n }}
   </app-callout>
+  <app-export-scope-callout
+    [organizationId]="organizationId"
+    *ngIf="!disabledByPolicy"
+  ></app-export-scope-callout>
 
   <div class="row">
     <div class="form-group col-6">