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

* 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

View File

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

View File

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