From 07660f2eef0d912d35b5f0c9a0670bffb721d891 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Wed, 19 Feb 2020 18:42:39 +0000
Subject: [PATCH]

---
 ayanova/src/api/locale.js               |  4 ++-
 ayanova/src/views/ay-data-list-view.vue | 43 ++++++++++++++++---------
 2 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/ayanova/src/api/locale.js b/ayanova/src/api/locale.js
index c39ea2d2..0e2d7712 100644
--- a/ayanova/src/api/locale.js
+++ b/ayanova/src/api/locale.js
@@ -160,7 +160,9 @@ export default {
     "DataListView",
     "FilterUnsaved",
     "Include",
-    "AnyUser"
+    "AnyUser",
+    "Sort",
+    "Filter"
   ],
 
   ////////////////////////////////////////////////////////
diff --git a/ayanova/src/views/ay-data-list-view.vue b/ayanova/src/views/ay-data-list-view.vue
index 2f2ce343..9380f1c8 100644
--- a/ayanova/src/views/ay-data-list-view.vue
+++ b/ayanova/src/views/ay-data-list-view.vue
@@ -95,23 +95,25 @@
                       @change="includeChanged(item)"
                     ></v-switch>
                     <template v-if="item.isSortable">
-                      sortbutton here
+                      <div @click="toggleSort(item)" class="pl-2 pt-2">
+                        <v-icon v-if="item.sort == null" large>fa-sort</v-icon>
+                        <v-icon
+                          v-if="item.sort != null && item.sort == '-'"
+                          large
+                          >fa-sort-amount-down</v-icon
+                        >
+                        <v-icon
+                          v-if="item.sort != null && item.sort == '+'"
+                          large
+                          >fa-sort-amount-up</v-icon
+                        >
+                        <label
+                          class="v-label theme--light"
+                          style="left: 0px; right: auto; position: relative;"
+                          >&nbsp;{{ lt("Sort") }}</label
+                        >
+                      </div>
                     </template>
-                    <!-- <v-checkbox
-                      v-model="item.required"
-                      :label="lt('FormFieldEntryRequired')"
-                      :disabled="item.stockRequired"
-                      @change="requiredChanged(item)"
-                    ></v-checkbox> -->
-                    <!-- <v-select
-                      v-if="item.custom"
-                      v-model="item.type"
-                      :items="pickLists.uiFieldDataTypes"
-                      item-text="name"
-                      item-value="id"
-                      :label="lt('UiFieldDataType')"
-                      @change="dataTypeChanged(item)"
-                    ></v-select> -->
                   </v-card-text>
                 </v-card>
               </v-col>
@@ -224,6 +226,15 @@ export default {
       this.formState.dirty = true;
       enableSaveButton();
     },
+    toggleSort: function(item) {
+      if (item.sort == null) {
+        item.sort = "+";
+      } else if (item.sort == "+") {
+        item.sort = "-";
+      } else {
+        item.sort = null;
+      }
+    },
     form() {
       return window.$gz.form;
     },