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.
 
 
 
 
 

78 lines
3.0 KiB

<div class="card">
<div class="card-header">
<div class="row">
<div class="col col-name">
<sqx-editable-title
fallback="Unnamed Rule"
[name]="rule.name"
(nameChange)="rename($event)"
[maxLength]="60"
[isRequired]="false"
[disabled]="!rule.canUpdate">
</sqx-editable-title>
</div>
<div class="col-auto">
<button type="button" class="btn btn-text-danger"
[disabled]="!rule.canDelete"
(sqxConfirmClick)="delete()"
confirmTitle="Delete rule"
confirmText="Do you really want to delete the rule?">
<i class="icon-bin2"></i>
</button>
</div>
</div>
</div>
<div class="card-body">
<div class="row align-items-center">
<div class="col-auto">
<h3>If</h3>
</div>
<div class="col">
<span (click)="emitEditTrigger()">
<sqx-rule-element [type]="rule.triggerType" [element]="ruleTriggers[rule.triggerType]" [disabled]="isManual"></sqx-rule-element>
</span>
</div>
<div class="col-auto">
<h3>then</h3>
</div>
<div class="col">
<span (click)="emitEditAction()">
<sqx-rule-element [type]="rule.actionType" [element]="ruleActions[rule.actionType]"></sqx-rule-element>
</span>
</div>
<div class="col col-last text-right">
<ng-container *ngIf="isManual; else notManual">
<button class="btn btn-secondary"
[disabled]="!rule.canTrigger"
(sqxConfirmClick)="trigger()"
confirmTitle="Trigger rule"
confirmText="Do you really want to trigger the rule?">
<i class="icon-play-line"></i>
</button>
</ng-container>
<ng-template #notManual>
<sqx-toggle [disabled]="!rule.canDisable && !rule.canEnable" [ngModel]="rule.isEnabled" (ngModelChange)="toggle()"></sqx-toggle>
</ng-template>
</div>
</div>
</div>
<div class="card-footer">
<div class="row">
<div class="col-3">
Succeeded: <strong>{{rule.numSucceeded}}</strong>
</div>
<div class="col-3">
Failed: <strong>{{rule.numFailed}}</strong>
</div>
<div class="col">
Executed: <span>{{rule.lastExecuted | sqxFromNow:'-'}}</span>
</div>
<div class="col-auto">
<a routerLink="events" [queryParams]="{ ruleId: rule.id }" *ngIf="rule.canTrigger">
Logs
</a>
</div>
</div>
</div>
</div>