inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-19 17:14:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Support for rest dropdown fields (dynamic table)

Browse Source
This commit is contained in:
Denys Vuika 2016-10-24 12:59:38 +01:00 committed by Vito Albano
parent 36dd42b62d
commit 3b898959ee
5 changed files with 47 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/dynamic-table.widget.html
View File

@ -51,7 +51,7 @@
</div>
</div>
<div *ngIf="editMode">
<div *ngIf="editMode" class="mdl-shadow--2dp">
<div class="mdl-grid" *ngFor="let column of content.columns">
<div class="mdl-cell mdl-cell--6-col" [ngSwitch]="column.type">
<div *ngSwitchCase="'Dropdown'">

4
ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/cell.editor.ts
View File

@ -29,4 +29,8 @@ export abstract class CellEditorComponent {
@Input()
column: DynamicTableColumn;
protected handleError(error: any) {
console.error(error);
}
}

4
ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/dropdown/dropdown.editor.html
View File

@ -2,11 +2,11 @@
<label [attr.for]="column.id">{{column.name}}</label>
<div>
<select
[value]="table.getCellValue(row, column)"
[value]="value"
class="dropdown-editor__select"
(change)="onValueChanged(row, column, $event)">
<option></option>
<option *ngFor="let opt of column.options" [value]="opt.name">{{opt.name}}</option>
<option *ngFor="let opt of options" [value]="opt.name">{{opt.name}}</option>
</select>
</div>
</div>

37
ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/dropdown/dropdown.editor.ts
View File

@ -15,9 +15,10 @@
* limitations under the License.
*/
import { Component } from '@angular/core';
import { Component, OnInit } from '@angular/core';
import { CellEditorComponent } from './../cell.editor';
import { DynamicTableRow, DynamicTableColumn } from './../../../core/index';
import { DynamicTableRow, DynamicTableColumn, DynamicTableColumnOption } from './../../../core/index';
import { FormService } from './../../../../../services/form.service';
@Component({
moduleId: module.id,
@ -25,7 +26,36 @@ import { DynamicTableRow, DynamicTableColumn } from './../../../core/index';
templateUrl: './dropdown.editor.html',
styleUrls: ['./dropdown.editor.css']
})
export class DropdownEditorComponent extends CellEditorComponent {
export class DropdownEditorComponent extends CellEditorComponent implements OnInit {
value: any;
options: DynamicTableColumnOption[] = [];
constructor(private formService: FormService) {
super();
}
ngOnInit() {
this.value = this.table.getCellValue(this.row, this.column);
this.options = this.column.options || [];
let field = this.table.field;
if (field && field.restUrl) {
this.formService
.getRestFieldValuesColumn(
field.form.taskId,
field.id,
this.column.id
)
.subscribe(
(result: DynamicTableColumnOption[]) => {
this.column.options = result || [];
this.options = this.column.options;
},
err => this.handleError(err)
);
}
}
onValueChanged(row: DynamicTableRow, column: DynamicTableColumn, event: Event) {
let value: any = (<HTMLInputElement>event.srcElement).value;
@ -33,4 +63,5 @@ export class DropdownEditorComponent extends CellEditorComponent {
row.value[column.id] = value;
}
}

7
ng2-components/ng2-activiti-form/src/services/form.service.ts
View File

@ -208,7 +208,12 @@ export class FormService {
getRestFieldValues(taskId: string, field: string): Observable<any> {
let alfrescoApi = this.apiService.getInstance();
return Observable.fromPromise(alfrescoApi.activiti.taskFormsApi.getRestFieldValues(taskId, field));
return Observable.fromPromise(alfrescoApi.activiti.taskApi.getRestFieldValues(taskId, field));
}
getRestFieldValuesColumn(taskId: string, field: string, column?: string): Observable<any> {
let alfrescoApi = this.apiService.getInstance();
return Observable.fromPromise(alfrescoApi.activiti.taskApi.getRestFieldValuesColumn(taskId, field, column));
}
// TODO: uses private webApp api