Igor Kulikov
7 years ago
5 changed files with 497 additions and 90 deletions
@ -0,0 +1,46 @@ |
|||||
|
<button mat-raised-button color="primary" |
||||
|
[disabled]="(isLoading$ | async)" |
||||
|
(click)="onDeleteRuleNode($event)" |
||||
|
[fxShow]="!isEdit && !isReadOnly"> |
||||
|
{{'rulenode.delete' | translate }} |
||||
|
</button> |
||||
|
<div class="mat-padding" fxLayout="column"> |
||||
|
<form #ruleNodeForm="ngForm" [formGroup]="ruleNodeFormGroup"> |
||||
|
<fieldset [disabled]="(isLoading$ | async) || !isEdit || isReadOnly"> |
||||
|
<section *ngIf="ruleNode.component.type !== ruleNodeType.RULE_CHAIN"> |
||||
|
<section fxLayout="column" fxLayout.gt-sm="row"> |
||||
|
<mat-form-field class="mat-block"> |
||||
|
<mat-label translate>rulenode.name</mat-label> |
||||
|
<input matInput formControlName="name" required> |
||||
|
<mat-error *ngIf="ruleNodeFormGroup.get('name').hasError('required')"> |
||||
|
{{ 'rulenode.name-required' | translate }} |
||||
|
</mat-error> |
||||
|
</mat-form-field> |
||||
|
<mat-checkbox formControlName="debugMode"> |
||||
|
{{ 'rulenode.debug-mode' | translate }} |
||||
|
</mat-checkbox> |
||||
|
</section> |
||||
|
TODO: tb-rule-node-config |
||||
|
<div formGroupName="additionalInfo" fxLayout="column"> |
||||
|
<mat-form-field class="mat-block"> |
||||
|
<mat-label translate>rulenode.description</mat-label> |
||||
|
<textarea matInput formControlName="description" rows="2"></textarea> |
||||
|
</mat-form-field> |
||||
|
</div> |
||||
|
</section> |
||||
|
<section *ngIf="ruleNode.component.type === ruleNodeType.RULE_CHAIN"> |
||||
|
<tb-entity-autocomplete required |
||||
|
[excludeEntityIds]="[ruleChainId]" |
||||
|
[entityType]="entityType.RULE_CHAIN" |
||||
|
formControlName="targetRuleChainId"> |
||||
|
</tb-entity-autocomplete> |
||||
|
<div formGroupName="additionalInfo" fxLayout="column"> |
||||
|
<mat-form-field class="mat-block"> |
||||
|
<mat-label translate>rulenode.description</mat-label> |
||||
|
<textarea matInput formControlName="description" rows="2"></textarea> |
||||
|
</mat-form-field> |
||||
|
</div> |
||||
|
</section> |
||||
|
</fieldset> |
||||
|
</form> |
||||
|
</div> |
||||
@ -0,0 +1,70 @@ |
|||||
|
import { |
||||
|
AfterViewInit, |
||||
|
Component, |
||||
|
EventEmitter, |
||||
|
Input, |
||||
|
OnInit, |
||||
|
Output, |
||||
|
ViewChild, |
||||
|
ViewEncapsulation |
||||
|
} from '@angular/core'; |
||||
|
import { PageComponent } from '@shared/components/page.component'; |
||||
|
import { HasDirtyFlag } from '@core/guards/confirm-on-exit.guard'; |
||||
|
import { ISearchableComponent } from '@home/models/searchable-component.models'; |
||||
|
import { Store } from '@ngrx/store'; |
||||
|
import { AppState } from '@core/core.state'; |
||||
|
import { FormBuilder, FormGroup, NgForm } from '@angular/forms'; |
||||
|
import { FcRuleNode } from './rulechain-page.models'; |
||||
|
import { RuleNodeType } from '@shared/models/rule-node.models'; |
||||
|
import { EntityType } from '@shared/models/entity-type.models'; |
||||
|
|
||||
|
@Component({ |
||||
|
selector: 'tb-rule-node', |
||||
|
templateUrl: './rule-node-details.component.html', |
||||
|
styleUrls: [] |
||||
|
}) |
||||
|
export class RuleNodeDetailsComponent extends PageComponent implements OnInit { |
||||
|
|
||||
|
@ViewChild('ruleNodeForm', {static: true}) ruleNodeForm: NgForm; |
||||
|
|
||||
|
ruleNodeValue: FcRuleNode; |
||||
|
|
||||
|
@Input() |
||||
|
set ruleNode(ruleNode: FcRuleNode) { |
||||
|
this.ruleNodeValue = ruleNode; |
||||
|
} |
||||
|
|
||||
|
@Input() |
||||
|
ruleChainId: string; |
||||
|
|
||||
|
@Input() |
||||
|
isEdit: boolean; |
||||
|
|
||||
|
@Input() |
||||
|
isReadOnly: boolean; |
||||
|
|
||||
|
@Output() |
||||
|
deleteRuleNode = new EventEmitter(); |
||||
|
|
||||
|
ruleNodeType = RuleNodeType; |
||||
|
entityType = EntityType; |
||||
|
|
||||
|
ruleNodeFormGroup: FormGroup; |
||||
|
|
||||
|
constructor(protected store: Store<AppState>, |
||||
|
private fb: FormBuilder) { |
||||
|
super(store); |
||||
|
this.ruleNodeFormGroup = this.fb.group({}); |
||||
|
} |
||||
|
|
||||
|
private buildForm() { |
||||
|
} |
||||
|
|
||||
|
ngOnInit(): void { |
||||
|
} |
||||
|
|
||||
|
onDeleteRuleNode(event) { |
||||
|
this.deleteRuleNode.emit(); |
||||
|
} |
||||
|
|
||||
|
} |
||||
Loading…
Reference in new issue