feature: generator pomijania W5

src/components/OrderS.vue

@@ -207,9 +207,33 @@
               </div>
             </td>
             <td ref="row-4">
-              Inne:
+              <button class="g-button text" @click="order.rows[3].w5.enabled = !order.rows[3].w5.enabled">
-              <br />
+                &gt; <span v-if="!order.rows[3].w5.enabled">Wygeneruj treść na pominięcie wskaźnika W5</span>
-              <textarea id="" cols="30" rows="10" v-model="order.rows[3].content"></textarea>
+                <span v-else>Wpisz treść własnoręcznie</span>
+              </button>
+
+              <div>Inne:</div>
+              <div v-if="order.rows[3].w5.enabled">
+                zezwalam na wyjazd poza wskaźnik przetaczania W5 na tor szlakowy nr
+                <input type="text" v-model="order.rows[3].w5.trackNo" holder="nr szlaku" />, maksymalnie do
+                <input type="text" v-model="order.rows[3].w5.maxKm" holder="km szlaku"/> km szlaku. Powrót odbędzie się na
+                <select id="select-returnWay" v-model="order.rows[3].w5.returnWay" style="width: 350px">
+                  <option value='sygnał ręczny "Do mnie"'>sygnał ręczny "Do mnie"</option>
+                  <option value='sygnał "Do mnie" przekazany przez urządzenia radiołączności'>
+                    sygnał "Do mnie" przekazany przez urządzenia radiołączności
+                  </option>
+                  <option value="sygnał Ms2 podany na tarczy manewrowej">sygnał Ms2 podany na tarczy manewrowej</option>
+                </select>
+                <input
+                  type="text"
+                  v-model="order.rows[3].w5.tmName"
+                  holder="nazwa tarczy"
+                  v-if="order.rows[3].w5.returnWay.includes('tarczy')"
+                />
+                do godziny <input type="text" v-model="order.rows[3].w5.maxHour" holder="godzina" />.
+              </div>
+
+              <textarea id="" cols="30" rows="10" v-model="order.rows[3].content" v-else></textarea>
             </td>
           </tr>
         </tbody>
@@ -293,6 +317,13 @@ export default defineComponent({
       () => {
         const row = order.rows[3];
 
+        if (row.w5.enabled)
+          return `Inne: zezwalam na wyjazd poza wskaźnik przetaczania W5 na tor szlakowy nr ${
+            row.w5.trackNo || '_'
+          }, maksymalnie do ${row.w5.maxKm || '_'} km szlaku. Powrót odbędzie się na ${row.w5.returnWay || '_'} ${
+            row.w5.returnWay.includes('tarczy') ? row.w5.tmName || '_' : ''
+          } do godziny ${row.w5.maxHour || '_'}`;
+
         return `Inne: ${row.content}`;
       },
     ];

src/store/store.ts

@@ -7,7 +7,7 @@ export const useStore = defineStore('store', {
     return {
       helperModalOpen: false,
 
-      chosenOrderType: 'orderN' as TOrder,
+      chosenOrderType: 'orderS' as TOrder,
       chosenLocalOrderId: '',
 
       orderMode: 'OrderMessage',
@@ -177,6 +177,13 @@ export const useStore = defineStore('store', {
           {
             enabled: false,
             content: '',
+            w5: {
+              enabled: false,
+              maxHour: '',
+              maxKm: '',
+              returnWay: 'sygnał ręczny "Do mnie"',
+              trackNo: '',
+            },
           },
         ],
       } as IOrderS,
@@ -184,3 +191,4 @@ export const useStore = defineStore('store', {
   },
 });
 
+

src/styles/global.scss

@@ -56,6 +56,7 @@ button.g-button {
 
   &.option {
     margin: 0 0.25em;
+    padding: 0.25em;
 
     &:focus-visible {
       outline: 1px solid $accentCol;
@@ -65,6 +66,15 @@ button.g-button {
       color: $accentCol;
     }
   }
+
+  &.text {
+    padding: 0;
+    color: #000;
+
+    &:focus-visible {
+      color: $accentCol;
+    }
+  }
 }
 
 // Text styles

src/types/orderTypes.ts

@@ -107,6 +107,15 @@ export interface IOrderS {
     {
       enabled: boolean;
       content: string;
+
+      w5: {
+        enabled: boolean;
+        trackNo: string;
+        maxKm: string;
+        returnWay: string;
+        maxHour: string;
+        tmName: string;
+      };
     }
   ];
 }
@@ -163,3 +172,4 @@ export interface IOrderO {
 
   other: string;
 }
+