libs/rucken/todo-web/src/lib/entities/projects/project-modal/project-modal.component.ts
BasePromptFormModalComponent
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | project-modal |
| templateUrl | ./project-modal.component.html |
constructor()
|
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { BasePromptFormModalComponent } from '@rucken/core';
import { Project } from '@rucken/todo-core';
import { BindIoInner } from 'ngx-bind-io';
@BindIoInner()
@Component({
selector: 'project-modal',
templateUrl: './project-modal.component.html',
changeDetection: ChangeDetectionStrategy.OnPush
})
export class ProjectModalComponent extends BasePromptFormModalComponent<Project> {
@Input()
apiUrl?: string = undefined;
constructor() {
super();
this.group(Project);
}
}
<form
[formGroup]="form"
novalidate>
<prompt-form-modal [bindIO]>
<div class="row">
<div class="col-md-6">
<form-group
[bindIO]
name="title"
[title]="strings.title"
focus>
<input
formControlName="title"
[readonly]="readonly">
</form-group>
<form-group
[bindIO]
name="isPublic"
[title]="false">
<label>
<input
formControlName="isPublic"
type="checkbox"
[readonly]="readonly"
[disableControl]="readonly">
{{strings.isPublic | translate}}
</label>
</form-group>
</div>
<div class="col-md-6">
<form-group
[bindIO]
name="description"
[title]="strings.description">
<textarea
formControlName="description"
[readonly]="readonly">
</textarea>
</form-group>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h4 *ngIf="!readonly">{{strings.statuses | translate}}</h4>
<project-statuses-grid
formControlName="statuses"
[project]="data"
[readonly]="readonly"
[title]="strings.statuses"
[apiUrl]="apiUrl"></project-statuses-grid>
</div>
<div class="col-md-6">
<h4 *ngIf="!readonly">{{strings.users | translate}}</h4>
<project-users-grid
formControlName="users"
[readonly]="readonly"
[title]="strings.users"
[apiUrl]="apiUrl"></project-users-grid>
</div>
</div>
</prompt-form-modal>
</form>