implement callout component w/ generator policy (#395)

src/app/app.module.ts

@@ -27,6 +27,7 @@ import { SettingsComponent } from './accounts/settings.component';
 import { TwoFactorOptionsComponent } from './accounts/two-factor-options.component';
 import { TwoFactorComponent } from './accounts/two-factor.component';
 
+import { CalloutComponent } from 'jslib/angular/components/callout.component';
 import { IconComponent } from 'jslib/angular/components/icon.component';
 import { ModalComponent } from 'jslib/angular/components/modal.component';
 
@@ -151,6 +152,7 @@ registerLocaleData(localeZhTw, 'zh-TW');
         AutofocusDirective,
         BlurClickDirective,
         BoxRowDirective,
+        CalloutComponent,
         CiphersComponent,
         CollectionsComponent,
         ColorPasswordPipe,

src/app/vault/password-generator.component.html

@@ -2,6 +2,9 @@
     <div class="modal-dialog modal-sm" role="document">
         <div class="modal-content">
             <div class="modal-body">
+                <app-callout type="info" *ngIf="policyInEffect">
+                    {{'passwordGeneratorPolicyInEffect' | i18n}}
+                </app-callout>
                 <div class="password-block">
                     <div class="password-wrapper" [innerHTML]="password | colorPassword" appSelectCopy></div>
                 </div>