From 12bc2cfbf60cca3336ea631139e7f8c69db3f8f0 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Thu, 22 Nov 2018 19:35:46 +0000
Subject: [PATCH]

---
 app/ayanova/src/components/widgetlist.vue | 26 +++++++++++++++++------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/app/ayanova/src/components/widgetlist.vue b/app/ayanova/src/components/widgetlist.vue
index 3105dc21..2d4aa39c 100644
--- a/app/ayanova/src/components/widgetlist.vue
+++ b/app/ayanova/src/components/widgetlist.vue
@@ -1,20 +1,28 @@
 <template>
   <v-flex xs12 md4>
     <v-data-table
+      v-model="selected"
       :headers="headers"
       :items="Items"
+      item-key="id"
       :pagination.sync="pagination"
       :total-items="totalItems"
       :loading="loading"
       class="elevation-1"
+      select-all
     >
       <template slot="items" slot-scope="props">
-        <td>{{ props.item.name }}</td>
-        <td class="text-xs-right">{{ props.item.serial }}</td>
-        <td class="text-xs-right">{{ props.item.dollarAmount }}</td>
-        <td class="text-xs-right">{{ props.item.active }}</td>
-        <td class="text-xs-right">{{ props.item.roles }}</td>
-        <td class="text-xs-right">{{ props.item.startDate }}</td>
+        <td>
+          <v-checkbox v-model="props.selected" color="secondary" hide-details></v-checkbox>
+        </td>
+        <td>
+          <div style="width:200px;">{{ props.item.name }}</div>
+        </td>
+        <td class="text-xs-left">{{ props.item.serial }}</td>
+        <td class="text-xs-left">{{ props.item.dollarAmount }}</td>
+        <td class="text-xs-left">{{ props.item.active }}</td>
+        <td class="text-xs-left">{{ props.item.roles }}</td>
+        <td class="text-xs-left">{{ props.item.startDate }}</td>
       </template>
     </v-data-table>
   </v-flex>
@@ -31,10 +39,10 @@ export default {
       Items: [],
       loading: true,
       pagination: {},
+      selected: [],
       headers: [
         {
           text: "Widget",
-          align: "left",
           value: "name"
         },
         { text: "Serial", value: "serial" },
@@ -66,6 +74,10 @@ export default {
     this.getDataFromApi();
   },
   methods: {
+    toggleAll() {
+      if (this.selected.length) this.selected = [];
+      else this.selected = this.Items.slice();
+    },
     getDataFromApi() {
       var listOptions = {
         Offset: 0,