Browse Source

edit password.component and change password type in props

pull/15084/head
Fatih KILIÇ 4 years ago
parent
commit
7aae9bb447
  1. 2
      npm/ng-packs/packages/identity/src/lib/defaults/default-users-form-props.ts
  2. 2
      npm/ng-packs/packages/tenant-management/src/lib/defaults/default-tenants-form-props.ts
  3. 6
      npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.html
  4. 14
      npm/ng-packs/packages/theme-shared/src/lib/components/password/password.component.ts

2
npm/ng-packs/packages/identity/src/lib/defaults/default-users-form-props.ts

@ -12,7 +12,7 @@ export const DEFAULT_USERS_CREATE_FORM_PROPS = FormProp.createMany<IdentityUserD
validators: () => [Validators.required, Validators.maxLength(256)], validators: () => [Validators.required, Validators.maxLength(256)],
}, },
{ {
type: ePropType.Password, type: ePropType.PasswordInputGroup,
name: 'password', name: 'password',
displayName: 'AbpIdentity::Password', displayName: 'AbpIdentity::Password',
id: 'password', id: 'password',

2
npm/ng-packs/packages/tenant-management/src/lib/defaults/default-tenants-form-props.ts

@ -21,7 +21,7 @@ export const DEFAULT_TENANTS_CREATE_FORM_PROPS = FormProp.createMany<
validators: () => [Validators.required, Validators.maxLength(256), Validators.email], validators: () => [Validators.required, Validators.maxLength(256), Validators.email],
}, },
{ {
type: ePropType.Password, type: ePropType.PasswordInputGroup,
name: 'adminPassword', name: 'adminPassword',
displayName: 'AbpTenantManagement::DisplayName:AdminPassword', displayName: 'AbpTenantManagement::DisplayName:AdminPassword',
id: 'admin-password', id: 'admin-password',

6
npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.html

@ -145,10 +145,12 @@
*abpReplaceableTemplate="{ *abpReplaceableTemplate="{
componentKey: passwordKey, componentKey: passwordKey,
inputs: { inputs: {
prop: { value: prop } inputId: { value: prop.id },
formControlName: { value: prop.name }
} }
}" }"
[prop]="prop" [inputId]="prop.id"
[formControlName]="prop.name"
></abp-password> ></abp-password>
</ng-template> </ng-template>
</div> </div>

14
npm/ng-packs/packages/theme-shared/src/lib/components/password/password.component.ts

@ -1,13 +1,21 @@
import {Component, Injector, Input} from '@angular/core'; import {Component, forwardRef, Injector, Input} from '@angular/core';
import {AbstractNgModelComponent} from "@abp/ng.core"; import {AbstractNgModelComponent} from "@abp/ng.core";
import {NG_VALUE_ACCESSOR} from "@angular/forms";
@Component({ @Component({
selector: 'abp-password', selector: 'abp-password',
templateUrl: `password.component.html`, templateUrl: `password.component.html`,
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PasswordComponent),
multi: true,
},
]
}) })
export class PasswordComponent extends AbstractNgModelComponent{ export class PasswordComponent extends AbstractNgModelComponent {
@Input() inputId!: string; @Input() inputId!: string;
@Input() formControlName!: string;
fieldTextType: boolean; fieldTextType: boolean;
constructor( constructor(

Loading…
Cancel
Save