Dodano aktualizowanie zapisanych rozkazów

src/components/OrderList.vue

@@ -9,7 +9,8 @@
           {{ order.orderBody['header']['trainNo'] }}
         </b>
         <br />
-        Dodano: {{ new Date(order.createdAt).toLocaleString('pl-PL') }}
+        {{ order.createdAt ? 'Dodano: ' : 'Zaktualizowano: ' }}
+        {{ new Date(order.createdAt || order.updatedAt || 0).toLocaleString('pl-PL') }}
         <br />
         <button class="g-button action" @click="selectLocalOrder(order)">Wybierz</button>
         <button class="g-button action" @click="removeOrder(order)">Usuń</button>
@@ -58,7 +59,7 @@ export default defineComponent({
 
   computed: {
     sortedOrderList() {
-      return this.localOrderList.sort((a, b) => b.createdAt - a.createdAt);
+      return this.localOrderList.sort((a, b) => (b.createdAt || b.updatedAt!) - (a.createdAt || a.updatedAt!));
     },
   },
 

src/components/OrderMessage.vue

@@ -5,8 +5,11 @@
     <div class="message_body" v-html="fullOrderMessage"></div>
 
     <div class="message_actions">
-      <button class="g-button action" @click="saveOrder"><img :src="saveIcon" alt="save icon" />Zapisz ten rozkaz</button>
-      <button class="g-button action" @click="copyMessage">Kopiuj wiadomość rozkazu</button>
+      <button class="g-button action" @click="saveOrder">Zapisz nowy rozkaz</button>
+      <button class="g-button action" @click="copyMessage">Kopiuj treść rozkazu</button>
+      <button class="g-button action" :data-disabled="!store.chosenLocalOrderId" @click="updateOrder">
+        Zaktualizuj ten rozkaz
+      </button>
     </div>
 
     <transition name="monit-anim">
@@ -85,7 +88,7 @@ export default defineComponent({
     },
 
     saveOrder() {
-      const savedOrderStatus = this.saveOrderToStorage();
+      const savedOrderStatus = this.saveLocalOrder();
 
       switch (savedOrderStatus) {
         case -1:
@@ -104,6 +107,24 @@ export default defineComponent({
           break;
       }
     },
+
+    updateOrder() {
+      const updatedOrderStatus = this.updateLocalOrder();
+
+      switch (updatedOrderStatus) {
+        case -1:
+          this.showActionMonit('<span class="text--warn">Wystąpił błąd podczas aktualizowania tego rozkazu! :/</span>');
+          break;
+
+        case 0:
+          this.showActionMonit('<span class="text--warn">Nie wybrałeś żadnego zapisanego rozkazu!</span>');
+          break;
+
+        case 1:
+          this.showActionMonit('Zaktualizowano treść <b class="text--accent">rozkazu</b>!');
+          break;
+      }
+    },
   },
 });
 </script>
@@ -148,6 +169,11 @@ export default defineComponent({
     vertical-align: text-bottom;
     margin-right: 0.5em;
   }
+
+  button[data-disabled='true'] {
+    user-select: none;
+    color: #aaa;
+  }
 }
 
 .action_monit {

src/components/SideBar.vue

@@ -50,6 +50,8 @@ export default defineComponent({
 
   methods: {
     selectOrderType(type: any) {
+      if (type != this.store.chosenOrderType) this.store.chosenLocalOrderId = '';
+      
       this.store.chosenOrderType = type;
     },
   },