Rename activiti component and add demo folder

ng2-components/ng2-activiti-tasklist/src/components/activiti-tasklist.component.ts

@@ -0,0 +1,109 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, Input, OnInit} from '@angular/core';
+import { AlfrescoTranslationService, AlfrescoAuthenticationService } from 'ng2-alfresco-core';
+import { ALFRESCO_DATATABLE_DIRECTIVES, ObjectDataTableAdapter, DataTableAdapter } from 'ng2-alfresco-datatable';
+import { ActivitiTaskListService } from './../services/activiti-tasklist.service';
+import { FilterModel } from '../models/filter.model';
+import { Observer } from 'rxjs/Observer';
+import { Observable } from 'rxjs/Observable';
+
+declare let componentHandler: any;
+declare let __moduleName: string;
+
+@Component({
+    selector: 'activiti-tasklist',
+    moduleId: __moduleName,
+    templateUrl: './activiti-tasklist.component.html',
+    directives: [ALFRESCO_DATATABLE_DIRECTIVES],
+    providers: [ActivitiTaskListService]
+
+})
+export class ActivitiTaskList implements OnInit {
+
+    @Input()
+    data: DataTableAdapter;
+
+    private filterObserver: Observer<FilterModel>;
+
+    filter$: Observable<FilterModel>;
+
+    tasks: ObjectDataTableAdapter;
+
+    filtersList: Observable<FilterModel>;
+    /**
+     * Constructor
+     * @param auth
+     * @param translate
+     */
+    constructor(private auth: AlfrescoAuthenticationService,
+                private translate: AlfrescoTranslationService,
+                public activiti: ActivitiTaskListService) {
+        this.filter$ = new Observable<FilterModel>(observer =>  this.filterObserver = observer).share();
+
+        if (translate) {
+            translate.addTranslationFolder('node_modules/ng2-activiti-tasklist');
+        }
+    }
+
+    ngOnInit() {
+        this.filtersList = this.activiti.getTaskListFilters().map(res => (res.data));
+
+        this.filter$.subscribe((filter: FilterModel) => {
+            this.activiti.getTasks(filter).subscribe(
+                (res) => {
+                    this.loadTasks(res.data);
+                }, (err) => {
+                    console.error(err);
+                });
+        });
+    }
+
+    /**
+     * The method call the adapter data table component for render the task list
+     * @param tasks
+     */
+    private loadTasks(tasks: any[]) {
+        tasks = this.optimizeTaskName(tasks);
+        this.tasks = new ObjectDataTableAdapter(tasks, this.data.getColumns());
+    }
+
+    /**
+     * Pass the selected filter as next
+     * @param filter
+     */
+    public selectFilter(filter: FilterModel) {
+        this.filterObserver.next(filter);
+    }
+
+    /**
+     * Optimize task name field
+     * @param tasks
+     * @returns {any[]}
+     */
+    private optimizeTaskName(tasks: any[]) {
+        tasks = tasks.map(t => {
+            t.name = t.name || 'Nameless task';
+            if (t.name.length > 50) {
+                t.name = t.name.substring(0, 50) + '...';
+            }
+            return t;
+        });
+        return tasks;
+    }
+}