Poprawki designu

src/components/OrderList.vue

@@ -106,9 +106,11 @@ export default defineComponent({
 }
 
 ul {
+  max-height: 750px;
+  height: 80vh;
+
   overflow-y: auto;
   overflow-x: hidden;
-  height: 60vh;
   position: relative;
 }
 

src/components/OrderMessage.vue

@@ -3,7 +3,9 @@
     <h3>Wiadomość do wyświetlenia na czacie symulatora:</h3>
 
     <div class="message_body" v-html="fullOrderMessage"></div>
-    <p class="message_info">Po wygenerowaniu rozkazu skopiuj jego treść lub zapisz w pamięci przeglądarki za pomocą przycisków poniżej</p>
+    <p class="message_info">
+      Po wygenerowaniu rozkazu skopiuj jego treść lub zapisz w pamięci przeglądarki za pomocą przycisków poniżej
+    </p>
 
     <div class="message_actions">
       <button class="g-button action" @click="saveOrder">Zapisz nowy rozkaz</button>
@@ -25,11 +27,12 @@ import { useStore } from '../store/store';
 
 import saveIcon from '../assets/icon-save.svg';
 import orderStorageMixin from '../mixins/orderStorageMixin';
+import orderFooterMixin from '../mixins/orderFooterMixin';
 
 export default defineComponent({
   name: 'OrderMessage',
 
-  mixins: [orderStorageMixin],
+  mixins: [orderStorageMixin, orderFooterMixin],
 
   data() {
     return {
@@ -75,12 +78,34 @@ export default defineComponent({
       }, 5000);
     },
 
+    verifyHeader() {
+      const header = this.store[this.store.chosenOrderType].header;
+      const fieldsToCorrect = [];
+
+      if (!header.orderNo) fieldsToCorrect.push('numer rozkazu');
+      if (!header.trainNo) fieldsToCorrect.push('numer pociągu / manewru');
+      if (!header.date) fieldsToCorrect.push('data');
+
+      return fieldsToCorrect;
+    },
+
     copyMessage() {
       if (!navigator.clipboard)
         return this.showActionMonit(
           'Ups! Twoja przeglądarka musi być dosyć przestarzała, ponieważ nie obsługuje zapisu do schowka! :/'
         );
 
+      const headerFieldsToCorrect = this.verifyHeader();
+      const footerFieldsToCorrect = this.verifyFooter();
+      const fieldsToCorrect = [...headerFieldsToCorrect, ...footerFieldsToCorrect];
+
+      if (fieldsToCorrect.length > 0)
+        return this.showActionMonit(
+          `<span class="text--warn">Przed skopiowaniem wiadomości uzupełnij rubryki: ${fieldsToCorrect.join(
+            ', '
+          )}</span>`
+        );
+
       navigator.clipboard.writeText(this.fullOrderMessage);
 
       this.showActionMonit(

src/mixins/orderFooterMixin.ts

@@ -9,6 +9,21 @@ export default defineComponent({
   },
 
   methods: {
+    verifyFooter() {
+      const footer = this.store.orderFooter;
+
+      const fieldsToCorrect = [];
+
+      if (!footer.stationName) fieldsToCorrect.push('stacja');
+      if (!footer.checkpointName) fieldsToCorrect.push('posterunek');
+      if (!footer.hour) fieldsToCorrect.push('godzina');
+      if (!footer.minutes) fieldsToCorrect.push('minuta');
+      if (!footer.dispatcherName && !footer.secondaryDispatcherName)
+        fieldsToCorrect.push('dyżurny ruchu (lub z polecenia dyżurnego ruchu)');
+
+      return fieldsToCorrect;
+    },
+
     generateFooter() {
       const footer = this.store.orderFooter;
 
@@ -22,9 +37,10 @@ export default defineComponent({
       if (footer.secondaryDispatcherName)
         messageArray.push(`z polecenia dyżurnego ruchu ${footer.secondaryDispatcherName}`);
 
-      this.store.footerMessage = ` <b>|</b> ${messageArray.join(', ')} <b>|</b> Rozkaz otrzymałem, maszynista: (potwierdzić otrzymanie rozkazu)`;
+      this.store.footerMessage = ` <b>|</b> ${messageArray.join(
+        ', '
+      )} <b>|</b> Rozkaz otrzymałem, maszynista: (potwierdzić otrzymanie rozkazu)`;
     },
   },
 });
 
-