|
|
@ -102,109 +102,110 @@ |
|
|
></ng-template> |
|
|
></ng-template> |
|
|
|
|
|
|
|
|
<form *ngIf="form; else loaderRef" [formGroup]="form" (ngSubmit)="save()"> |
|
|
<form *ngIf="form; else loaderRef" [formGroup]="form" (ngSubmit)="save()"> |
|
|
<ngb-tabset> |
|
|
<ul ngbNav #nav="ngbNav" class="nav-tabs"> |
|
|
<ngb-tab [title]="'AbpIdentity::UserInformations' | abpLocalization"> |
|
|
<li ngbNavItem> |
|
|
<ng-template ngbTabContent> |
|
|
<a ngbNavLink>{{ 'AbpIdentity::UserInformations' | abpLocalization }}</a> |
|
|
<div class="mt-2 fade-in-top"> |
|
|
<ng-template ngbNavContent> |
|
|
<div class="form-group"> |
|
|
<div class="form-group"> |
|
|
<label for="user-name">{{ 'AbpIdentity::UserName' | abpLocalization }}</label |
|
|
<label for="user-name">{{ 'AbpIdentity::UserName' | abpLocalization }}</label |
|
|
><span> * </span> |
|
|
><span> * </span> |
|
|
<input |
|
|
<input |
|
|
type="text" |
|
|
type="text" |
|
|
id="user-name" |
|
|
id="user-name" |
|
|
class="form-control" |
|
|
class="form-control" |
|
|
formControlName="userName" |
|
|
formControlName="userName" |
|
|
autofocus |
|
|
autofocus |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="form-group"> |
|
|
<div class="form-group"> |
|
|
<label for="name">{{ 'AbpIdentity::DisplayName:Name' | abpLocalization }}</label> |
|
|
<label for="name">{{ 'AbpIdentity::DisplayName:Name' | abpLocalization }}</label> |
|
|
<input type="text" id="name" class="form-control" formControlName="name" /> |
|
|
<input type="text" id="name" class="form-control" formControlName="name" /> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="form-group"> |
|
|
<div class="form-group"> |
|
|
<label for="surname">{{ |
|
|
<label for="surname">{{ |
|
|
'AbpIdentity::DisplayName:Surname' | abpLocalization |
|
|
'AbpIdentity::DisplayName:Surname' | abpLocalization |
|
|
}}</label> |
|
|
}}</label> |
|
|
<input type="text" id="surname" class="form-control" formControlName="surname" /> |
|
|
<input type="text" id="surname" class="form-control" formControlName="surname" /> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="form-group"> |
|
|
<div class="form-group"> |
|
|
<label for="password">{{ 'AbpIdentity::Password' | abpLocalization }}</label |
|
|
<label for="password">{{ 'AbpIdentity::Password' | abpLocalization }}</label |
|
|
><span *ngIf="!selected.userName"> * </span> |
|
|
><span *ngIf="!selected.userName"> * </span> |
|
|
<input |
|
|
<input |
|
|
type="password" |
|
|
type="password" |
|
|
id="password" |
|
|
id="password" |
|
|
autocomplete="new-password" |
|
|
autocomplete="new-password" |
|
|
class="form-control" |
|
|
class="form-control" |
|
|
formControlName="password" |
|
|
formControlName="password" |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="form-group"> |
|
|
<div class="form-group"> |
|
|
<label for="email">{{ 'AbpIdentity::EmailAddress' | abpLocalization }}</label |
|
|
<label for="email">{{ 'AbpIdentity::EmailAddress' | abpLocalization }}</label |
|
|
><span> * </span> |
|
|
><span> * </span> |
|
|
<input type="text" id="email" class="form-control" formControlName="email" /> |
|
|
<input type="text" id="email" class="form-control" formControlName="email" /> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="form-group"> |
|
|
<div class="form-group"> |
|
|
<label for="phone-number">{{ 'AbpIdentity::PhoneNumber' | abpLocalization }}</label> |
|
|
<label for="phone-number">{{ 'AbpIdentity::PhoneNumber' | abpLocalization }}</label> |
|
|
<input |
|
|
<input |
|
|
type="text" |
|
|
type="text" |
|
|
id="phone-number" |
|
|
id="phone-number" |
|
|
class="form-control" |
|
|
class="form-control" |
|
|
formControlName="phoneNumber" |
|
|
formControlName="phoneNumber" |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="custom-checkbox custom-control mb-2"> |
|
|
<div class="custom-checkbox custom-control mb-2"> |
|
|
<input |
|
|
<input |
|
|
type="checkbox" |
|
|
type="checkbox" |
|
|
id="lockout-checkbox" |
|
|
id="lockout-checkbox" |
|
|
class="custom-control-input" |
|
|
class="custom-control-input" |
|
|
formControlName="lockoutEnabled" |
|
|
formControlName="lockoutEnabled" |
|
|
/> |
|
|
/> |
|
|
<label class="custom-control-label" for="lockout-checkbox">{{ |
|
|
<label class="custom-control-label" for="lockout-checkbox">{{ |
|
|
'AbpIdentity::DisplayName:LockoutEnabled' | abpLocalization |
|
|
'AbpIdentity::DisplayName:LockoutEnabled' | abpLocalization |
|
|
}}</label> |
|
|
}}</label> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="custom-checkbox custom-control mb-2"> |
|
|
<div class="custom-checkbox custom-control mb-2"> |
|
|
<input |
|
|
<input |
|
|
type="checkbox" |
|
|
type="checkbox" |
|
|
id="two-factor-checkbox" |
|
|
id="two-factor-checkbox" |
|
|
class="custom-control-input" |
|
|
class="custom-control-input" |
|
|
formControlName="twoFactorEnabled" |
|
|
formControlName="twoFactorEnabled" |
|
|
/> |
|
|
/> |
|
|
<label class="custom-control-label" for="two-factor-checkbox">{{ |
|
|
<label class="custom-control-label" for="two-factor-checkbox">{{ |
|
|
'AbpIdentity::DisplayName:TwoFactorEnabled' | abpLocalization |
|
|
'AbpIdentity::DisplayName:TwoFactorEnabled' | abpLocalization |
|
|
}}</label> |
|
|
}}</label> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</ng-template> |
|
|
</ng-template> |
|
|
</ngb-tab> |
|
|
</li> |
|
|
<ngb-tab [title]="'AbpIdentity::Roles' | abpLocalization"> |
|
|
|
|
|
<ng-template ngbTabContent> |
|
|
<li ngbNavItem> |
|
|
<div class="mt-2 fade-in-top"> |
|
|
<a ngbNavLink>{{ 'AbpIdentity::Roles' | abpLocalization }}</a> |
|
|
<div |
|
|
<ng-template ngbNavContent> |
|
|
*ngFor="let roleGroup of roleGroups; let i = index; trackBy: trackByFn" |
|
|
<div |
|
|
class="custom-checkbox custom-control mb-2" |
|
|
*ngFor="let roleGroup of roleGroups; let i = index; trackBy: trackByFn" |
|
|
> |
|
|
class="custom-checkbox custom-control mb-2" |
|
|
<input |
|
|
> |
|
|
type="checkbox" |
|
|
<input |
|
|
class="custom-control-input" |
|
|
type="checkbox" |
|
|
[attr.id]="'roles-' + i" |
|
|
class="custom-control-input" |
|
|
[formControl]="roleGroup.controls[roles[i].name]" |
|
|
[attr.id]="'roles-' + i" |
|
|
/> |
|
|
[formControl]="roleGroup.controls[roles[i].name]" |
|
|
<label class="custom-control-label" [attr.for]="'roles-' + i">{{ |
|
|
/> |
|
|
roles[i].name |
|
|
<label class="custom-control-label" [attr.for]="'roles-' + i">{{ |
|
|
}}</label> |
|
|
roles[i].name |
|
|
</div> |
|
|
}}</label> |
|
|
</div> |
|
|
</div> |
|
|
</ng-template> |
|
|
</ng-template> |
|
|
</ngb-tab> |
|
|
</li> |
|
|
</ngb-tabset> |
|
|
</ul> |
|
|
|
|
|
|
|
|
|
|
|
<div class="mt-2 fade-in-top" [ngbNavOutlet]="nav"></div> |
|
|
</form> |
|
|
</form> |
|
|
</ng-template> |
|
|
</ng-template> |
|
|
|
|
|
|
|
|
|