mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
63 lines
2.6 KiB
HTML
63 lines
2.6 KiB
HTML
<div>
|
|
<div *ngIf="!hasForm()">
|
|
<h3 class="activiti-task-title">Please select a Task</h3>
|
|
</div>
|
|
<div *ngIf="hasForm()">
|
|
<div class="mdl-card mdl-shadow--2dp activiti-form-container {{form.className}}">
|
|
<div class="mdl-card__title">
|
|
<i *ngIf="showValidationIcon" class="material-icons">{{ form.isValid ? 'event_available' : 'event_busy' }}</i>
|
|
<h2 *ngIf="isTitleEnabled()" class="mdl-card__title-text">{{form.taskName}}</h2>
|
|
</div>
|
|
<div class="mdl-card__media">
|
|
<div *ngIf="form.hasTabs()">
|
|
<tabs-widget [tabs]="form.tabs" (formTabChanged)="checkVisibility($event);"></tabs-widget>
|
|
</div>
|
|
|
|
<div *ngIf="!form.hasTabs() && form.hasFields()">
|
|
<div *ngFor="let field of form.fields">
|
|
<form-field [field]="field.field"></form-field>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="form.hasOutcomes()" class="mdl-card__actions mdl-card--border">
|
|
<button *ngFor="let outcome of form.outcomes"
|
|
alfresco-mdl-button
|
|
[disabled]="!isOutcomeButtonEnabled(outcome)"
|
|
[class.mdl-button--colored]="!outcome.isSystem"
|
|
[class.activiti-form-hide-button]="!isOutcomeButtonVisible(outcome, form.readOnly)"
|
|
(click)="onOutcomeClicked(outcome, $event)">
|
|
{{outcome.name}}
|
|
</button>
|
|
</div>
|
|
<div *ngIf="showRefreshButton" class="mdl-card__menu" >
|
|
<button (click)="onRefreshClicked()"
|
|
class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
|
|
<i class="material-icons">refresh</i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--
|
|
For debugging and data visualisation purposes,
|
|
will be removed during future revisions
|
|
-->
|
|
<div *ngIf="showDebugButton" class="activiti-form-debug-container">
|
|
|
|
<div class="activiti-debug-button">
|
|
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-1" [class.is-checked]="debugMode">
|
|
<input type="checkbox" id="switch-1" class="mdl-switch__input" [(ngModel)]="debugMode">
|
|
<span class="mdl-switch__label"></span>
|
|
<span class="debug-toggle-text">Debug mode</span>
|
|
</label>
|
|
</div>
|
|
|
|
<div *ngIf="debugMode && hasForm()">
|
|
<h4>Values</h4>
|
|
<pre>{{form.values | json}}</pre>
|
|
|
|
<h4>Form</h4>
|
|
<pre>{{form.json | json}}</pre>
|
|
</div>
|
|
</div>
|