Headless CMS and Content Managment Hub
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

43 lines
1.5 KiB

<div class="row transition no-gutters">
<div class="col col-arrow">
<i class="icon-corner-down-right text-decent"></i>
</div>
<div class="col col-step">
<div class="transition-to">
<i class="icon-circle" [style.color]="transition.step.color"></i> {{transition.to}}
</div>
</div>
<div class="col-auto col-label">
<span class="text-decent">when</span>
</div>
<div class="col">
<input class="form-control" [class.dashed]="!transition.expression" spellcheck="false"
[disabled]="disabled"
[ngModelOptions]="onBlur"
[ngModel]="transition.expression"
(ngModelChange)="changeExpression($event)"
placeholder="Expression" />
</div>
<div class="col-auto col-label">
<span class="text-decent">for</span>
</div>
<div class="col col-roles">
<sqx-tag-editor
[allowDuplicates]="false"
[dashed]="true"
[disabled]="disabled"
(ngModelChange)="changeRole($event)"
[ngModel]="transition.roles"
[ngModelOptions]="onBlur"
[singleLine]="true"
[suggestions]="roles"
placeholder="Role">
</sqx-tag-editor>
</div>
<div class="col col-button pl-2">
<button type="button" class="btn btn-text-danger" (click)="emitRemove()" [disabled]="disabled">
<i class="icon-bin2"></i>
</button>
</div>
</div>