inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-1147] Form is not rendered properly when starting a new process. (#2120)

Browse Source 
* Removed unwanted container div
This commit is contained in:
Deepak Paul
2017-07-25 01:35:00 +05:30
committed by Eugenio Romano
parent 0717563979
commit 7983e4df97
2 changed files with 28 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ng2-components/ng2-activiti-processlist/src/components/start-process.component.css
View File

@@ -1,10 +1,3 @@
.adf-smoke-bg {
background-color: whitesmoke;
height: 100%;
width: 100%;
position: absolute;
}
md-card {
width: calc(66.6666% - 48px);
margin-left: calc(33.3333333333% / 2);

58
ng2-components/ng2-activiti-processlist/src/components/start-process.component.html
View File

@@ -1,30 +1,28 @@
<div class="adf-smoke-bg">
<md-card>
<md-card-title>{{'START_PROCESS.FORM.TITLE' | translate}}
</md-card-title>
<md-card-content *ngIf="isProcessDefinitionEmpty()">
<md-card-subtitle id="error-message" *ngIf="errorMessageId">
{{errorMessageId|translate}}
</md-card-subtitle>
<md-input-container>
<input mdInput placeholder="{{'START_PROCESS.FORM.LABEL.NAME'|translate}}" [(ngModel)]="name" id="processName" required />
</md-input-container>
<md-select placeholder="{{'START_PROCESS.FORM.LABEL.TYPE'|translate}}" [(ngModel)]="currentProcessDef.id" (ngModelChange)="onProcessDefChange($event)" required>
<md-option>{{'START_PROCESS.FORM.TYPE_PLACEHOLDER' | translate}}</md-option>
<md-option *ngFor="let processDef of processDefinitions" [value]="processDef.id">
{{ processDef.name }}
</md-option>
</md-select>
<activiti-start-form *ngIf="hasStartForm()" [processDefinitionId]="currentProcessDef.id" (outcomeClick)="onOutcomeClick($event)"></activiti-start-form>
</md-card-content>
<md-card-content *ngIf="hasErrorMessage()">
<md-card-subtitle class="error-message" id="no-process-message">
{{'START_PROCESS.NO_PROCESS_DEFINITIONS' | translate}}
</md-card-subtitle>
</md-card-content>
<md-card-actions *ngIf="isProcessDefinitionEmpty()">
<button md-button (click)="cancelStartProcess()" id="cancle_process" class=""> {{'START_PROCESS.FORM.ACTION.CANCEL'| translate}} </button>
<button md-button *ngIf="!hasStartForm()" [disabled]="!validateForm()" (click)="startProcess()" data-automation-id="btn-start" id="button-start" class="btn-start"> {{'START_PROCESS.FORM.ACTION.START' | translate}} </button>
</md-card-actions>
</md-card>
</div>
<md-card>
<md-card-title>{{'START_PROCESS.FORM.TITLE' | translate}}
</md-card-title>
<md-card-content *ngIf="isProcessDefinitionEmpty()">
<md-card-subtitle id="error-message" *ngIf="errorMessageId">
{{errorMessageId|translate}}
</md-card-subtitle>
<md-input-container>
<input mdInput placeholder="{{'START_PROCESS.FORM.LABEL.NAME'|translate}}" [(ngModel)]="name" id="processName" required />
</md-input-container>
<md-select placeholder="{{'START_PROCESS.FORM.LABEL.TYPE'|translate}}" [(ngModel)]="currentProcessDef.id" (ngModelChange)="onProcessDefChange($event)" required>
<md-option>{{'START_PROCESS.FORM.TYPE_PLACEHOLDER' | translate}}</md-option>
<md-option *ngFor="let processDef of processDefinitions" [value]="processDef.id">
{{ processDef.name }}
</md-option>
</md-select>
<activiti-start-form *ngIf="hasStartForm()" [processDefinitionId]="currentProcessDef.id" (outcomeClick)="onOutcomeClick($event)"></activiti-start-form>
</md-card-content>
<md-card-content *ngIf="hasErrorMessage()">
<md-card-subtitle class="error-message" id="no-process-message">
{{'START_PROCESS.NO_PROCESS_DEFINITIONS' | translate}}
</md-card-subtitle>
</md-card-content>
<md-card-actions *ngIf="isProcessDefinitionEmpty()">
<button md-button (click)="cancelStartProcess()" id="cancle_process" class=""> {{'START_PROCESS.FORM.ACTION.CANCEL'| translate}} </button>
<button md-button *ngIf="!hasStartForm()" [disabled]="!validateForm()" (click)="startProcess()" data-automation-id="btn-start" id="button-start" class="btn-start"> {{'START_PROCESS.FORM.ACTION.START' | translate}} </button>
</md-card-actions>
</md-card>