ayanova/src/components/work-order-item-tasks.vue

@@ -6,7 +6,7 @@
           <template v-slot:activator="{ on, attrs }">
             <div class="text-h6">
               <v-icon large color="primary" class="mr-2">$ayiTasks</v-icon>
-              {{ $ay.t("WorkOrderItemTaskList") }}
+              {{ $ay.t("WorkOrderItemTasks") }}
               <v-btn v-if="!parentDeleted" large icon v-bind="attrs" v-on="on">
                 <v-icon small color="primary">$ayiEllipsisV</v-icon>
               </v-btn>
@@ -473,22 +473,24 @@ export default {
       return headers;
     },
     itemList: function() {
-      return this.value.items[this.activeWoItemIndex].tasks.map((x, i) => {
-        return {
-          index: i,
-          id: x.id,
-          sequence: x.sequence,
-          task: x.task,
-          completedByUserViz: x.completedByUserViz,
-          statusViz: x.statusViz,
-          completedDate: window.$gz.locale.utcDateToShortDateAndTimeLocalized(
-            x.completedDate,
-            this.pvm.timeZoneName,
-            this.pvm.languageName,
-            this.pvm.hour12
-          )
-        };
-      });
+      return this.value.items[this.activeWoItemIndex].tasks
+        .map((x, i) => {
+          return {
+            index: i,
+            id: x.id,
+            sequence: x.sequence,
+            task: x.task,
+            completedByUserViz: x.completedByUserViz,
+            statusViz: x.statusViz,
+            completedDate: window.$gz.locale.utcDateToShortDateAndTimeLocalized(
+              x.completedDate,
+              this.pvm.timeZoneName,
+              this.pvm.languageName,
+              this.pvm.hour12
+            )
+          };
+        })
+        .sort((a, b) => a.sequence - b.sequence);
     },
     formState: function() {
       return this.pvm.formState;