From 4b1c6532350f434fa24fea1598b46ebab0edcb93 Mon Sep 17 00:00:00 2001
From: grey-cat-1908 <grey.cat1908@gmail.com>
Date: Sun, 24 Mar 2024 15:18:46 +0300
Subject: [PATCH] some fixes

---
 src/App.vue        | 15 ++++++++++-----
 src/models/map.ts  |  8 +++++++-
 src/utils/store.ts |  2 ++
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 4225347..ee5e343 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -39,6 +39,8 @@ onMounted(() => {
       {'name': 'Конец', 'up': true, 'connectedStations': [], 'step': store.width - 400}
   ]
 
+  window.onbeforeunload = () => false
+
   map = new Map(branch, settings);
 
   build();
@@ -117,7 +119,7 @@ function build () {
       connectedStations.push(extraStation);
     }
 
-    let modelStation = new Station(station['name'], station['up'], connectedStations, station['step'])
+    let modelStation = new Station(station['name'], station['up'], connectedStations, Number(station['step']))
 
     stations.push(modelStation);
   }
@@ -130,6 +132,10 @@ function build () {
 
   map.build()
 }
+
+store.$subscribe((mutation, state) => {
+  build();
+})
 </script>
 
 <template>
@@ -154,10 +160,9 @@ function build () {
             <h2>Управление</h2>
             <br>
             <div class="">
-              <v-btn size="x-large" variant="flat" block color="blue" @click="importFile">Импорт</v-btn>
-              <v-btn size="x-large" variant="flat" block color="orange" @click="exportFile">Экспорт</v-btn>
-              <v-btn size="x-large" variant="flat" block color="green" @click="save">Сохранить</v-btn>
-              <v-btn size="x-large" variant="flat" block color="red" @click="build">Предпросмотр</v-btn>
+              <v-btn size="x-large" variant="flat" block color="orange" @click="exportFile">Экспорт (svg)</v-btn>
+              <v-btn size="x-large" variant="flat" block color="green" @click="save">Сохранить (json)</v-btn>
+              <v-btn size="x-large" variant="flat" block color="blue" @click="importFile">Импорт (json)</v-btn>
 
               <input type="file" id="fileInput" style="display: none" @change="setFile" accept=".json" />
               <hr>
diff --git a/src/models/map.ts b/src/models/map.ts
index 9d68701..04037f5 100644
--- a/src/models/map.ts
+++ b/src/models/map.ts
@@ -52,7 +52,13 @@ export class Map implements MetroMap {
 
             this.draw.circle(40).fill(stations[i].branch.color).cx(cx).cy(cy)
 
-            let text = this.draw.text(stations[i].branch.number.toString()).fill('white').font({ size: 28}).cx(cx).cy(cy);
+            let fontSize;
+            if (stations[i].branch.number.toString().length > 1) {
+                fontSize = 22;
+            } else {
+                fontSize = 28;
+            }
+            let text = this.draw.text(stations[i].branch.number.toString()).fill('white').font({ size: fontSize}).cx(cx).cy(cy);
             text.font({
                 family: 'Roboto Mono',
                 weight: '750',
diff --git a/src/utils/store.ts b/src/utils/store.ts
index 4ba3afb..9941419 100644
--- a/src/utils/store.ts
+++ b/src/utils/store.ts
@@ -11,4 +11,6 @@ export const useStore = defineStore('branch', {
             height: window.innerHeight / 2
         }
     },
+
+
 })
\ No newline at end of file