mirror of
https://github.com/zitadel/zitadel.git
synced 2025-04-27 07:40:50 +00:00
22ba33c2ef
* add custom validator for redirect inputs * change http pattern, i18n * throw out deprecated usergrant functions * remove deprecation service * show docs in app detail * reorder data promises * show redirect desc in app detail * custom validator * grant search filters * rm animations * add validation to app detail * user grant udpate * rm grantid from update req * fix project member guard * fix hasrole directive * show validation errors, i18n * fix router link from org members * navitem padding * mobile layout * policy grid mobile layout * rm unused background * lint * add stylelinter add to pipeline * update stylelint rules * lint unknown rule * disable enable rules * lint * table style lint * table classes * fix stylelinter rule, lint * overflow fix member detail * common detail page * user create, password, project grant detail clnup * move meta styles * lint * password policy indicator * lint * fix org create * common component for complexity view * lint * user grant filter * Update console/src/assets/i18n/en.json Co-authored-by: Florian Forster <florian@caos.ch> * Update console/src/assets/i18n/en.json Co-authored-by: Florian Forster <florian@caos.ch> * Update console/src/assets/i18n/de.json Co-authored-by: Florian Forster <florian@caos.ch> * Update console/src/assets/i18n/de.json Co-authored-by: Florian Forster <florian@caos.ch> * Update console/src/assets/i18n/en.json Co-authored-by: Florian Forster <florian@caos.ch> Co-authored-by: Florian Forster <florian@caos.ch>
42 lines
2.2 KiB
HTML
42 lines
2.2 KiB
HTML
<div class="validation-col" *ngIf="this.policy">
|
|
<div class="val" *ngIf="this.policy.minLength">
|
|
|
|
<i *ngIf="password?.value?.length == 0; else showSpinner" class="las la-times red"></i>
|
|
|
|
<ng-template #showSpinner>
|
|
<div *ngIf="(password?.errors?.minlength || password?.value?.length == 0) as currentError; else trueminlength"
|
|
class="sp-wrapper">
|
|
<mat-progress-spinner class="spinner" diameter="20" [color]="currentError ? 'warn': 'valid'"
|
|
mode="determinate" [value]="(password?.value?.length / policy.minLength) * 100">
|
|
</mat-progress-spinner>
|
|
</div>
|
|
</ng-template>
|
|
<ng-template #trueminlength>
|
|
<i class="las la-check green"></i>
|
|
</ng-template>
|
|
|
|
<span>{{ 'USER.PASSWORD.MINLENGTHERROR' | translate: {value: password?.value?.length} }}
|
|
({{password?.value?.length}}/{{ policy.minLength}})
|
|
</span>
|
|
</div>
|
|
<div class="val" *ngIf="this.policy.hasSymbol">
|
|
<i *ngIf="password?.errors?.symbolValidator" class="las la-times red"></i>
|
|
<i *ngIf="!password?.errors?.symbolValidator" class="las la-check green"></i>
|
|
<span> {{ 'USER.VALIDATION.SYMBOLERROR' | translate }}</span>
|
|
</div>
|
|
<div class="val" *ngIf="this.policy.hasNumber">
|
|
<i *ngIf="password?.errors?.numberValidator" class="las la-times red"></i>
|
|
<i *ngIf="!password?.errors?.numberValidator" class="las la-check green"></i>
|
|
<span> {{ 'USER.VALIDATION.NUMBERERROR' | translate }}</span>
|
|
</div>
|
|
<div class="val" *ngIf="this.policy.hasUppercase">
|
|
<i *ngIf="password?.errors?.upperCaseValidator" class="las la-times red"></i>
|
|
<i *ngIf="!password?.errors?.upperCaseValidator" class="las la-check green"></i>
|
|
<span> {{ 'USER.VALIDATION.UPPERCASEMISSING' | translate }}</span>
|
|
</div>
|
|
<div class="val" *ngIf="this.policy.hasLowercase">
|
|
<i *ngIf="password?.errors?.lowerCaseValidator" class="las la-times red"></i>
|
|
<i *ngIf="!password?.errors?.lowerCaseValidator" class="las la-check green"></i>
|
|
<span>{{ 'USER.VALIDATION.LOWERCASEMISSING' | translate }}</span>
|
|
</div>
|
|
</div> |