mirror of https://github.com/Squidex/squidex.git
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.
114 lines
5.2 KiB
114 lines
5.2 KiB
<div class="table-items-row table-items-row-expandable workflow">
|
|
<div class="table-items-row-summary">
|
|
<div class="row no-gutters">
|
|
<div class="col col-name">
|
|
<span class="workflow-name">{{workflow.displayName}}</span>
|
|
</div>
|
|
<div class="col col-tags">
|
|
<sqx-tag-editor [converter]="schemasSource.converter | async" [ngModel]="workflow.schemaIds"
|
|
styleBlank="true"
|
|
singleLine="true"
|
|
readonly="true">
|
|
</sqx-tag-editor>
|
|
</div>
|
|
<div class="col-options">
|
|
<div class="float-right">
|
|
<button type="button" class="btn btn-secondary table-items-edit-button mr-1" [class.active]="isEditing" (click)="toggleEditing()">
|
|
<i class="icon-settings"></i>
|
|
</button>
|
|
|
|
<button type="button" class="btn btn-text-danger" [disabled]="!workflow.canDelete"
|
|
(sqxConfirmClick)="remove()"
|
|
confirmTitle="i18n:workflows.deleteConfirmTitle"
|
|
confirmText="i18n:workflows.deleteConfirmText"
|
|
confirmRememberKey="deleteWorkflow">
|
|
<i class="icon-bin2"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-items-row-details" *ngIf="isEditing">
|
|
<div class="table-items-row-details-tabs clearfix">
|
|
<ul class="nav nav-tabs2">
|
|
<li class="nav-item">
|
|
<a class="nav-link" (click)="selectTab(0)" [class.active]="selectedTab === 0">
|
|
{{ 'workflows.tabEdit' | sqxTranslate }}
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" (click)="selectTab(1)" [class.active]="selectedTab === 1">
|
|
{{ 'workflows.tabVisualize' | sqxTranslate }}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="float-right">
|
|
<button type="reset" class="btn btn-text-secondary2" (click)="toggleEditing()">
|
|
{{ 'common.cancel' | sqxTranslate }}
|
|
</button>
|
|
|
|
<button type="submit" class="btn btn-primary ml-1" *ngIf="isEditable" (click)="save()">
|
|
{{ 'common.save' | sqxTranslate }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-items-row-details-tab">
|
|
<ng-container *ngIf="selectedTab === 0; else visualize">
|
|
<sqx-form-error [error]="error"></sqx-form-error>
|
|
|
|
<div class="form-group row">
|
|
<label class="col-form-label" for="{{workflow.id}}_name">{{ 'common.name' | sqxTranslate }}</label>
|
|
|
|
<div class="col">
|
|
<input class="form-control" id="{{workflow.id}}_name"
|
|
[ngModelOptions]="onBlur"
|
|
[ngModel]="workflow.name"
|
|
(ngModelChange)="rename($event)">
|
|
|
|
<sqx-form-hint>
|
|
{{ 'workflows.workflowNameHint' | sqxTranslate }}
|
|
</sqx-form-hint>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label class="col-form-label" for="{{workflow.id}}_schemas">{{ 'common.schemas' | sqxTranslate }}</label>
|
|
|
|
<div class="col">
|
|
<sqx-tag-editor placeholder="{{ 'common.tagAddSchema' | sqxTranslate }}" [converter]="schemasSource.converter | async"
|
|
[ngModel]="workflow.schemaIds"
|
|
(ngModelChange)="changeSchemaIds($event)"
|
|
[suggestions]="(schemasSource.converter | async)?.suggestions">
|
|
</sqx-tag-editor>
|
|
|
|
<sqx-form-hint>
|
|
{{ 'workflows.schemasHint' | sqxTranslate }}
|
|
</sqx-form-hint>
|
|
</div>
|
|
</div>
|
|
|
|
<sqx-workflow-step *ngFor="let step of workflow.steps; trackBy: trackByStep" [step]="step" [workflow]="workflow"
|
|
[disabled]="!workflow.canUpdate"
|
|
(makeInitial)="setInitial(step)"
|
|
(rename)="renameStep(step, $event)"
|
|
(remove)="removeStep(step)"
|
|
(transitionAdd)="addTransiton(step, $event)"
|
|
(transitionRemove)="removeTransition(step, $event)"
|
|
(transitionUpdate)="updateTransition($event)"
|
|
(update)="updateStep(step, $event)" [roles]="roles">
|
|
</sqx-workflow-step>
|
|
|
|
<button class="btn btn-success" (click)="addStep()" *ngIf="workflow.canUpdate">
|
|
{{ 'workflows.addStep' | sqxTranslate }}
|
|
</button>
|
|
</ng-container>
|
|
|
|
<ng-template #visualize>
|
|
<sqx-workflow-diagram [workflow]="workflow"></sqx-workflow-diagram>
|
|
</ng-template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|