2021-10-26 17:41:46 +02:00
|
|
|
<div
|
|
|
|
#callout
|
|
|
|
class="callout callout-{{ calloutStyle }}"
|
|
|
|
[ngClass]="{ clickable: clickable }"
|
|
|
|
[attr.role]="useAlertRole ? 'alert' : null"
|
|
|
|
>
|
2020-02-28 22:57:34 +01:00
|
|
|
<h3 class="callout-heading" *ngIf="title">
|
2022-01-24 22:40:04 +01:00
|
|
|
<i class="{{ icon }}" *ngIf="icon" aria-hidden="true"></i>
|
2020-02-28 22:57:34 +01:00
|
|
|
{{ title }}
|
|
|
|
</h3>
|
2021-08-28 00:05:02 +02:00
|
|
|
<div class="enforced-policy-options" *ngIf="enforcedPolicyOptions">
|
2021-08-20 17:51:11 +02:00
|
|
|
{{ enforcedPolicyMessage }}
|
|
|
|
<ul>
|
|
|
|
<li *ngIf="enforcedPolicyOptions?.minComplexity > 0">
|
|
|
|
{{ "policyInEffectMinComplexity" | i18n: getPasswordScoreAlertDisplay() }}
|
|
|
|
</li>
|
|
|
|
<li *ngIf="enforcedPolicyOptions?.minLength > 0">
|
|
|
|
{{ "policyInEffectMinLength" | i18n: enforcedPolicyOptions?.minLength.toString() }}
|
|
|
|
</li>
|
|
|
|
<li *ngIf="enforcedPolicyOptions?.requireUpper">
|
|
|
|
{{ "policyInEffectUppercase" | i18n }}
|
|
|
|
</li>
|
|
|
|
<li *ngIf="enforcedPolicyOptions?.requireLower">
|
|
|
|
{{ "policyInEffectLowercase" | i18n }}
|
|
|
|
</li>
|
|
|
|
<li *ngIf="enforcedPolicyOptions?.requireNumbers">
|
|
|
|
{{ "policyInEffectNumbers" | i18n }}
|
|
|
|
</li>
|
|
|
|
<li *ngIf="enforcedPolicyOptions?.requireSpecial">
|
|
|
|
{{ "policyInEffectSpecial" | i18n: "!@#$%^&*" }}
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2020-02-28 22:57:34 +01:00
|
|
|
<ng-content></ng-content>
|
|
|
|
</div>
|