mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-31 17:38:48 +00:00
fcb292c849
* update material2 beta12 update angular2 4.4.5 * fix changed version js-api * update types hammerjs * fix test * clean old doc * fix pagination test * fix test * missing update packages * fix <mat-form-field> for select box * start task component test
58 lines
2.1 KiB
HTML
58 lines
2.1 KiB
HTML
<div *ngIf="!hasForm()">
|
|
<ng-content select="[empty-form]">
|
|
</ng-content>
|
|
</div>
|
|
<div *ngIf="hasForm()" class="{{form.className}}">
|
|
<mat-card>
|
|
<mat-card-header>
|
|
<mat-card-title>
|
|
<h4 *ngIf="isTitleEnabled()">
|
|
<div *ngIf="showRefreshButton" class="adf-form-reload-button">
|
|
<button mat-icon-button (click)="onRefreshClicked()">
|
|
<mat-icon>refresh</mat-icon>
|
|
</button>
|
|
</div>
|
|
<mat-icon>{{ form.isValid ? 'event_available' : 'event_busy' }}</mat-icon>
|
|
<span>{{form.taskName}}</span>
|
|
|
|
</h4>
|
|
</mat-card-title>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<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>
|
|
</mat-card-content>
|
|
<mat-card-actions *ngIf="form.hasOutcomes()">
|
|
<!--[class.mdl-button--colored]="!outcome.isSystem"-->
|
|
<button *ngFor="let outcome of form.outcomes"
|
|
mat-button
|
|
[disabled]="!isOutcomeButtonEnabled(outcome)"
|
|
[class.adf-form-hide-button]="!isOutcomeButtonVisible(outcome, form.readOnly)"
|
|
(click)="onOutcomeClicked(outcome, $event)">
|
|
{{outcome.name | uppercase}}
|
|
</button>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
</div>
|
|
<!--
|
|
For debugging and data visualisation purposes,
|
|
will be removed during future revisions
|
|
-->
|
|
<div *ngIf="showDebugButton" class="adf-form-debug-container">
|
|
<mat-slide-toggle [(ngModel)]="debugMode">Debug mode</mat-slide-toggle>
|
|
<div *ngIf="debugMode && hasForm()">
|
|
<h4>Values</h4>
|
|
<pre>{{form.values | json}}</pre>
|
|
|
|
<h4>Form</h4>
|
|
<pre>{{form.json | json}}</pre>
|
|
</div>
|
|
</div>
|