From 6f4f38b44c70ddd590e253f25f4826b03528dcbe Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Wed, 5 Feb 2020 00:04:40 +0000
Subject: [PATCH]

---
 ayanova/src/components/gz-data-table.vue | 64 +++---------------------
 1 file changed, 8 insertions(+), 56 deletions(-)

diff --git a/ayanova/src/components/gz-data-table.vue b/ayanova/src/components/gz-data-table.vue
index e2751257..5282b610 100644
--- a/ayanova/src/components/gz-data-table.vue
+++ b/ayanova/src/components/gz-data-table.vue
@@ -89,54 +89,14 @@
         class="elevation-1"
       >
         <template v-slot:header="props">
-          <div>
-            <v-icon v-if="props.someItems" x-large>fa-square</v-icon>
-            <v-icon x-large>fa-minus-square</v-icon>
-            <v-icon x-large>fa-check-square</v-icon>
+          <!-- Mimic the full width data table select all toggle -->
+          <div @click="props.toggleSelectAll(!props.everyItem)">
+            <v-icon v-if="!props.someItems" x-large>fa-square</v-icon>
+            <v-icon v-if="props.someItems && !props.everyItem" x-large
+              >fa-minus-square</v-icon
+            >
+            <v-icon v-if="props.everyItem" x-large>fa-check-square</v-icon>
           </div>
-          <div><v-btn @click="handleSelectAllToggle(props)">toggle</v-btn></div>
-          <!-- todo: put a checkbox icon here that is filled or not depending on select all status, also it triggers select all event -->
-          <!-- 
-            @click="props.toggleSelectAll(false)"
-            
-            it('should select all', async () => {
-    const input = jest.fn()
-    const items = [
-      { id: 'foo' },
-      { id: 'bar' },
-    ]
-    const toggleSelectAll = jest.fn()
-
-    const wrapper = mountFunction({
-      propsData: {
-        items,
-      },
-      listeners: {
-        input,
-        'toggle-select-all': toggleSelectAll,
-      },
-      scopedSlots: {
-        header (props) {
-          return this.$createElement('div', {
-            attrs: {
-              id: 'header',
-            },
-            on: {
-              click: () => props.toggleSelectAll(true),
-            },
-          })
-        },
-      },
-    })
-
-    const header = wrapper.find('#header')
-    header.element.click()
-
-    await wrapper.vm.$nextTick()
-
-    expect(input).toHaveBeenCalledWith(items)
-    expect(toggleSelectAll).toHaveBeenCalledWith({ value: true })
-  }) -->
         </template>
 
         <template v-slot:default="{ items }">
@@ -299,15 +259,7 @@ export default {
       //could be more efficient if it just sends the ID's instead:
       this.$emit("update:selected", window.$gz._.map(this.selected, "id"));
     },
-    handleSelectAllToggle(vv) {
-      // debugger;
-      vv.toggleSelectAll(!vv.everyItem);
-      // if (vv.everyItem) {
-      //   vv.toggleSelectAll(false);
-      // } else if (vv.someItems) {
-      //   vv.toggleSelectAll(true);
-      // }
-    },
+
     btnClick(key, i) {
       //translate key to actual object type from header data
       //key format is row-column e.g."500-2"