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-3641 Broken form layout for Involve people widget

Browse Source
This commit is contained in:
Eugenio Romano
2018-10-02 16:14:54 +01:00
parent 0ed5b2d5de
commit e12c1f69e7
5 changed files with 34 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
demo-shell/src/app/components/process-service/process-service.component.html
View File

@@ -38,6 +38,7 @@
[presetColumn]="presetColumn"
[page]="taskPage"
[size]="paginationPageSize"
[selectionMode]="selectionMode"
[processDefinitionKey]="taskFilter?.filter?.processDefinitionKey"
[name]="taskFilter?.filter?.name"
[assignment]="taskFilter?.filter?.assignment"
@@ -146,6 +147,7 @@
<adf-process-instance-list
#processList
*ngIf="processFilter?.filter" [appId]="processFilter?.appId"
[selectionMode]="selectionMode"
[processDefinitionKey]="processFilter?.filter?.processDefinitionKey"
[presetColumn]="presetColumn"
[state]="processFilter?.filter?.state"
@@ -251,20 +253,32 @@
</div>
<div class="adf-grid-item adf-settings-details" fxFlex.gt-md="1 1 auto">
<div>
<mat-slide-toggle id="adf-show-task-filter-icon" (change)="changeTaskFilterIcon()" [checked]="showTaskFilterIcon">Show task filters icons</mat-slide-toggle>
<mat-slide-toggle id="adf-show-task-filter-icon" [(ngModel)]="showTaskFilterIcon">Show task filters icons
</mat-slide-toggle>
</div>
<div>
<mat-slide-toggle id="adf-show-process-filter-icon" (change)="changeProcessFilterIcon()" [checked]="showProcessFilterIcon">Show process filters icons</mat-slide-toggle>
<mat-slide-toggle id="adf-show-process-filter-icon" [(ngModel)]="showProcessFilterIcon">Show process filters icons
</mat-slide-toggle>
</div>
<div>
<mat-slide-toggle id="adf-show-header" (change)="toggleHeaderContent()" [checked]="showHeaderContent">{{ 'PS-TAB.TASK-SHOW-HEADER'| translate }}</mat-slide-toggle>
<mat-slide-toggle id="adf-show-header" (change)="toggleHeaderContent()"
[checked]="showHeaderContent">{{ 'PS-TAB.TASK-SHOW-HEADER'| translate }}
</mat-slide-toggle>
</div>
<div>
<mat-slide-toggle id="adf-process-multiselect" (change)="toggleTasProcesssMultiselect()" [checked]="multiSelectProcess">Multiselect Process List</mat-slide-toggle>
<mat-slide-toggle id="adf-process-multiselect" [(ngModel)]="multiSelectProcess" >Multiselect Process List
</mat-slide-toggle>
</div>
<div>
<mat-slide-toggle id="adf-task-multiselect" (change)="toggleTaskMultiselect()" [checked]="multiSelectTask">Multiselect Task List</mat-slide-toggle>
<mat-slide-toggle id="adf-task-multiselect" [(ngModel)]="multiSelectTask" >Multiselect Task List
</mat-slide-toggle>
</div>
<br>
<mat-radio-group [(ngModel)]="selectionMode">
<mat-radio-button value="multiple">multiple</mat-radio-button>
<mat-radio-button value="single">single</mat-radio-button>
<mat-radio-button value="none">none</mat-radio-button>
</mat-radio-group>
</div>
</div>
</mat-tab>

16
demo-shell/src/app/components/process-service/process-service.component.ts
View File

@@ -120,6 +120,7 @@ export class ProcessServiceComponent implements AfterViewInit, OnDestroy, OnInit
selectFirstReport = false;
multiSelectTask = false;
multiSelectProcess = false;
selectionMode = 'single';
private tabs = { tasks: 0, processes: 1, reports: 2 };
@@ -504,19 +505,4 @@ export class ProcessServiceComponent implements AfterViewInit, OnDestroy, OnInit
this.currentTaskId = null;
}
changeTaskFilterIcon() {
this.showTaskFilterIcon = !this.showTaskFilterIcon;
}
changeProcessFilterIcon() {
this.showProcessFilterIcon = !this.showProcessFilterIcon;
}
toggleTasProcesssMultiselect() {
this.multiSelectProcess = !this.multiSelectProcess;
}
toggleTaskMultiselect() {
this.multiSelectTask = !this.multiSelectTask;
}
}

2
lib/core/form/components/widgets/container/container.widget.scss
View File

@@ -63,7 +63,7 @@
}
.mat-form-field-label-wrapper {
top: 22px !important;
top: 22px;
}
.mat-input-placeholder {

4
lib/core/form/components/widgets/people/people.widget.scss
View File

@@ -7,6 +7,10 @@
&-people-widget {
width: 100%;
.mat-form-field-label-wrapper {
top: 10px;
}
}
&-people-widget-list {

9
lib/process-services/task-list/components/start-task.component.scss
View File

@@ -16,6 +16,7 @@
}
.adf-new-task-layout-card {
width: 66%;
margin: 10px auto;
@@ -74,6 +75,14 @@
}
adf-start-task {
people-widget {
width: 100%;
.mat-form-field-label-wrapper {
top: -14px !important;
}
}
.adf {
&-new-task-footer {