Improved: dateTime css and sorting batchOrderJobs (#620)

hotwax · Nov 2, 2023 · 82050e8 · 82050e8
1 parent 2355ac7
commit 82050e8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/components/BatchModal.vue b/src/components/BatchModal.vue
@@ -310,4 +310,12 @@ export default defineComponent({
     };
   },
 });
-</script>
+</script>
+
+<style>
+ion-modal.date-time-modal {
+  --width: 290px;
+  --height: 440px;
+  --border-radius: 8px;
+}
+</style>
diff --git a/src/views/Brokering.vue b/src/views/Brokering.vue
@@ -25,7 +25,7 @@
             </ion-item>
           </ion-card>
 
-          <ion-card :button="isDesktop" v-for="batch in orderBatchJobs" :key="batch?.id" detail v-show="batch?.status === 'SERVICE_PENDING'" @click="hasPermission(Actions.APP_JOB_UPDATE) && viewJobConfiguration({ id: batch.enumId, job: batch })">
+          <ion-card :button="isDesktop" v-for="batch in batchJobs()" :key="batch?.id" detail v-show="batch?.status === 'SERVICE_PENDING'" @click="hasPermission(Actions.APP_JOB_UPDATE) && viewJobConfiguration({ id: batch.enumId, job: batch })">
             <ion-card-header>
               <div>
                 <ion-card-subtitle>{{ getBrokerQueue(batch) }}</ion-card-subtitle>
@@ -151,6 +151,9 @@ export default defineComponent({
     }),
   },
   methods: {
+    batchJobs() {
+      return this.orderBatchJobs?.sort((jobA: any,jobB: any) => jobA.runTime - jobB.runTime)
+    },
     async addBatch() {
       const batchmodal = await modalController.create({
         component: BatchModal,