Vue Attract: Sort/filterable table based on Vue

Initial commit implementing sortable and filterable tables for attract
using Vue.

src/scripts/js/es6/common/vuecomponents/taskstable/rows/TaskRow.js

@@ -0,0 +1,29 @@
+import {AttractRowBase} from '../../attracttable/rows/AttractRowBase'
+
+class TaskRow extends AttractRowBase {
+    constructor(task) {
+        super(task);
+        this.parent = undefined;
+        if (task.parent) {
+            // Deattach parent from task to avoid parent to be overwritten when task is updated
+            let parentId = task.parent._id;
+            this.parent = task.parent;
+            task.parent = parentId;
+            pillar.events.Nodes.onUpdated(parentId, this.onParentUpdated.bind(this));
+        }
+    }
+
+    getTask() {
+        return this.underlyingObject;
+    }
+
+    getParent() {
+        return this.parent;
+    }
+
+    onParentUpdated(event, updatedObj) {
+        this.parent = updatedObj;
+    }
+}
+
+export { TaskRow }

src/scripts/js/es6/common/vuecomponents/taskstable/rows/TaskRowsSource.js

@@ -0,0 +1,18 @@
+import { AttractRowsSourceBase } from '../../attracttable/rows/AttractRowsSourceBase'
+import { TaskRow } from './TaskRow'
+
+class TaskRowsSource extends AttractRowsSourceBase {
+    constructor(projectId) {
+        super(projectId, 'attract_task', TaskRow);
+    }
+
+    thenInit() {
+        return attract.api.thenGetProjectTasks(this.projectId)
+            .then((result) => {
+                let tasks = result._items;
+                this.initRowObjects(tasks);
+            });
+    }
+}
+
+export { TaskRowsSource }