libs/rucken/todo-web/src/lib/entities/projects/project-user-modal/project-user-modal.component.ts
BasePromptFormModalComponent
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | project-user-modal |
| templateUrl | ./project-user-modal.component.html |
constructor()
|
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { BasePromptFormModalComponent, User } from '@rucken/core';
import { BindIoInner } from 'ngx-bind-io';
@BindIoInner()
@Component({
selector: 'project-user-modal',
templateUrl: './project-user-modal.component.html',
changeDetection: ChangeDetectionStrategy.OnPush
})
export class ProjectUserModalComponent extends BasePromptFormModalComponent<User> {
@Input()
apiUrl?: string = undefined;
constructor() {
super();
this.group(User);
}
}
<form
[formGroup]="form"
novalidate>
<prompt-form-modal [bindIO]>
<form-group
[bindIO]
name="username"
[title]="strings.username"
focus>
<input
formControlName="username"
[readonly]="readonly">
</form-group>
<form-group
[bindIO]
name="email"
[title]="strings.email">
<input
formControlName="email"
[readonly]="readonly">
</form-group>
<form-group
[bindIO]
name="firstName"
[title]="strings.firstName">
<input
formControlName="firstName"
[readonly]="readonly">
</form-group>
<form-group
[bindIO]
name="lastName"
[title]="strings.lastName">
<input
formControlName="lastName"
[readonly]="readonly">
</form-group>
</prompt-form-modal>
</form>