ayanova/src/api/locale.js

@@ -160,7 +160,9 @@ export default {
     "DataListView",
     "FilterUnsaved",
     "Include",
-    "AnyUser"
+    "AnyUser",
+    "Sort",
+    "Filter"
   ],
 
   ////////////////////////////////////////////////////////

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;
     },