From 22eab960605b39dc1738d3aa7d01b5bce9d22cd5 Mon Sep 17 00:00:00 2001
From: alisagerasimova <alisa.gerasimova2008@mail.ru>
Date: Mon, 2 Mar 2026 21:05:09 +0300
Subject: [PATCH 01/11] =?UTF-8?q?=D0=BF=D1=80=D0=B5=D0=B4=D0=B2.=20=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=BC=D0=BC=D0=B8=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- сделала функцию с кьюар кодом
---
 public/shablons/emergency_and_navigate.txt |  1 +
 public/shablons/qr.txt                     | 12 +---------
 src/App.vue                                | 26 ++++++++++++++++++++++
 3 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/public/shablons/emergency_and_navigate.txt b/public/shablons/emergency_and_navigate.txt
index 5889c07..f80df0d 100644
--- a/public/shablons/emergency_and_navigate.txt
+++ b/public/shablons/emergency_and_navigate.txt
@@ -85,6 +85,7 @@ def signal_handler(sig, frame):
 
 signal.signal(signal.SIGINT, signal_handler)
 
+<<qr_function>>
 
 def main():
     navigate_wait(z=1,frame_id='body',auto_arm=True) #должно быть. включает моторы и поднимает дрон на метр вверх
diff --git a/public/shablons/qr.txt b/public/shablons/qr.txt
index b31ddde..73e211e 100644
--- a/public/shablons/qr.txt
+++ b/public/shablons/qr.txt
@@ -13,14 +13,4 @@ class QrDetect():
         barcodes = pyzbar.decode(cv_image)
 
         if barcodes:
-            self.qr_data = barcodes[0].data.decode('utf-8')
-
-
-#в MAIN для вызова функции необходимо следующее:
-#1. создаём и вызываем подписчика, который вызывает функцию чтения кьюаркода
-qd = QrDetect()
-qr_sub = rospy.Subscriber('main_camera/image_raw',Image, qd.qr_detection,queue_size=1)
-#2. задаём время работы подписчика (за 1 секунду примерно 20 раз вызывается функция) 
-rospy.sleep(2) 
-#3. выключаем подписчика
-qr_sub.unregister() 
+            self.qr_data = barcodes[0].data.decode('utf-8')
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 6f5d21d..46a1257 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,6 +11,14 @@ const clickCount = ref(1); // Счетчик нажатий
 const listOfTrips = ref([]);
 const isModalVisible = ref(false);
 let finallyText = "";
+const qr_sub_text = [
+  "\tqd = QrDetect()\n",
+  "\tqr_sub = rospy.Subscriber('main_camera/image_raw',Image, qd.qr_detection,queue_size=1)\n",
+  "\trospy.sleep(2)\n",
+  "\tqr_sub.unregister()\n"
+];
+let is_qr_used = 0;
+let head = "";
 
 onMounted(() => {
     for (let i = 0; i < 100; i++) {
@@ -49,13 +57,31 @@ function saveResult() {
     let navigate_waites = "";
     for (const item of listOfTrips.value) {
     navigate_waites += `\tnavigate_wait(${item.x}, ${item.y})\n`;
+    if (item.x===1 && item.y === 1) {
+        navigate_waites += qr_sub_text.join('')
+        is_qr_used=1
     }
+    } 
+    
     fetch("/shablons/emergency_and_navigate.txt")
         .then((response) => response.text())
         .then((textOfCode) => {
             finallyText = textOfCode.replace("<<navigate_wait>>", navigate_waites);
         });
     isModalVisible.value = true;
+    if (is_qr_used === 1) {
+        Qr_head() 
+        is_qr_used +=1
+    }
+}
+
+function Qr_head() {
+    fetch("/shablons/qr.txt")
+        .then((response) => response.text())
+        .then((textOfCode) => {
+            head = textOfCode;
+            finallyText = finallyText.replace("<<qr_function>>", head);
+        })
 }
 
 function cancel() {
-- 
2.52.0


From 3e66e2d6aa8fa2733dd689646ccd863eadf7ddd5 Mon Sep 17 00:00:00 2001
From: Ilia Miheev <imiheev774@gmail.com>
Date: Mon, 2 Mar 2026 21:12:43 +0300
Subject: [PATCH 02/11] =?UTF-8?q?=D0=A4=D0=BE=D1=80=D0=BC=D0=B0=D1=82?=
 =?UTF-8?q?=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20=D0=BA=D0=BE?=
 =?UTF-8?q?=D0=B4=D0=B0=20=D0=B8=20=D0=BD=D0=B0=D1=81=D1=82=D1=80=D0=BE?=
 =?UTF-8?q?=D0=B9=D0=BA=D0=B0=20=D1=82=D0=B8=D0=BF=D0=BE=D0=B2=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20isSuccess?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 43 +++++++++++++++++--------------------------
 1 file changed, 17 insertions(+), 26 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 6f5d21d..0ace86e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <script setup>
-import {ref, onMounted} from "vue";
+import { ref, onMounted } from "vue";
 import izitoast from "./izitoast";
-import {useEventListener} from "@vueuse/core";
+import { useEventListener } from "@vueuse/core";
 import MyDialog from "./components/MyDialog.vue";
 import MyDropMenu from "./components/MyDropMenu.vue";
 import copyToclipboard from "./copyToclipboard";
@@ -48,7 +48,7 @@ function setNumber(item) {
 function saveResult() {
     let navigate_waites = "";
     for (const item of listOfTrips.value) {
-    navigate_waites += `\tnavigate_wait(${item.x}, ${item.y})\n`;
+        navigate_waites += `\tnavigate_wait(${item.x}, ${item.y})\n`;
     }
     fetch("/shablons/emergency_and_navigate.txt")
         .then((response) => response.text())
@@ -105,7 +105,7 @@ function handleDownloadBtn() {
     console.log(finallyText)
     // Создание файла
     const downloadUrl = ref('');
-    const blob = new Blob([finallyText], {type: 'text/plain'});
+    const blob = new Blob([finallyText], { type: 'text/plain' });
     downloadUrl.value = URL.createObjectURL(blob);
     // Задержка для избежания ошибок в некоторых браузерах
     setTimeout(() => {
@@ -129,13 +129,8 @@ function handleDownloadBtn() {
 <template>
     <div class="wraper">
         <div class="grid">
-            <div
-                class="square"
-                v-for="(item, index) in numbers"
-                :data-key="index"
-                :key="index"
-                @click="setNumber(item)"
-            >
+            <div class="square" v-for="(item, index) in numbers" :data-key="index" :key="index"
+                @click="setNumber(item)">
                 {{ numbers[index].variable.join(", ") }}
             </div>
         </div>
@@ -145,16 +140,12 @@ function handleDownloadBtn() {
             <button @click="cleanResult">Очистить</button>
             <button @click="cancel">Отменить</button>
         </div>
-        <MyDropMenu/>
+        <MyDropMenu />
     </div>
 
 
-    <MyDialog
-        v-show="isModalVisible"
-        @close="isModalVisible = false"
-        class="dialogWindow"
-        :is-success=listOfTrips.length
-    >
+    <MyDialog v-show="isModalVisible" @close="isModalVisible = false" class="dialogWindow"
+        :is-success=Boolean(listOfTrips.length)>
         <template #header>
             <strong v-if="listOfTrips.length">Код готов!</strong>
             <strong v-else>Код не готов!</strong>
@@ -165,9 +156,9 @@ function handleDownloadBtn() {
         </template>
         <template #footer>
             <div v-if="listOfTrips.length">
-                <button type="button" @click="handleDownloadBtn">Скачать код</button>
-                <button type="button" @click="copyAndToast(finallyText)">Скопировать код</button>
-                <button type="button" @click="isModalVisible = false">ОК</button>
+                <button @click="handleDownloadBtn">Скачать код</button>
+                <button @click="copyAndToast(finallyText)">Скопировать код</button>
+                <button @click="isModalVisible = false">ОК</button>
             </div>
         </template>
     </MyDialog>
@@ -196,8 +187,8 @@ html {
 }
 
 .square {
-    width: var(--side); /* Ширина квадрата */
-    height: var(--side); /* Высота квадрата */
+    width: var(--side);
+    height: var(--side);
     background-image: url("images/image.jpg");
     background-size: cover;
     border: 3px solid rgb(251, 251, 251);
@@ -212,9 +203,9 @@ html {
 
     color: white;
     text-shadow: -1px -1px 0 black,
-    1px -1px 0 black,
-    -1px 1px 0 black,
-    1px 1px 0 black;
+        1px -1px 0 black,
+        -1px 1px 0 black,
+        1px 1px 0 black;
 }
 
 .square:hover {
-- 
2.52.0


From 753963070a8eaa898a2e4788e484bab964d387eb Mon Sep 17 00:00:00 2001
From: alisagerasimova <alisa.gerasimova2008@mail.ru>
Date: Thu, 5 Mar 2026 14:34:31 +0300
Subject: [PATCH 03/11] =?UTF-8?q?=D0=BF=D0=B5=D1=80=D0=B5=D0=B4=D0=B5?=
 =?UTF-8?q?=D0=BB=D0=B0=D0=BB=D0=B0=20=D1=88=D0=B0=D0=B1=D0=BB=D0=BE=D0=BD?=
 =?UTF-8?q?=D1=8B=20=D0=BA=D0=BE=D0=B4=D0=B0=20=D0=B4=D0=BB=D1=8F=20=D0=B4?=
 =?UTF-8?q?=D1=80=D0=BE=D0=BD=D0=B0,=20=D0=B8=D1=81=D0=BF=D1=80=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=B8=D0=BB=D0=B0=20=D0=BE=D1=88=D0=B8=D0=B1=D0=BA=D0=B8?=
 =?UTF-8?q?=20=D0=B2=20saveResult?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/shablons/color.txt                  | 85 ++++++++++------------
 public/shablons/emergency_and_navigate.txt |  2 +
 public/shablons/qr.txt                     | 21 ++----
 src/App.vue                                | 25 +++----
 4 files changed, 58 insertions(+), 75 deletions(-)

diff --git a/public/shablons/color.txt b/public/shablons/color.txt
index 6571542..ccd0997 100644
--- a/public/shablons/color.txt
+++ b/public/shablons/color.txt
@@ -1,54 +1,47 @@
-class ColorDetect():
-    def __init__(self):
-        self.color = None
+def color_detection(data, print_type='str'):
+    '''определение цвета'''
 
-    def getColor(self):
-        return self.color
+    frame = bridge.imgmsg_to_cv2(data, 'bgr8')
+    height, width = frame.shape[:2]
+    y_start = int(height * 0.33)
+    y_end = int(height * 0.67)
+    x_start = int(width * 0.31)
+    x_end = int(width * 0.69)
 
-    def detect_color_callback(self, data, print_type='str'):
-        '''определение цвета'''
+    cropped_frame = frame[y_start:y_end, x_start:x_end]
+    
+    if cropped_frame.size == 0:
+        return
+    
 
-        frame = bridge.imgmsg_to_cv2(data, 'bgr8')
-        height, width = frame.shape[:2]
-        y_start = int(height * 0.33)
-        y_end = int(height * 0.67)
-        x_start = int(width * 0.31)
-        x_end = int(width * 0.69)
+    if print_type == 'rgb':
 
-        cropped_frame = frame[y_start:y_end, x_start:x_end]
+        mean_bgr = cv2.mean(cropped_frame)[:3]
+        mean_rgb = (int(mean_bgr[2]), int(mean_bgr[1]), int(mean_bgr[0]))  
+        color = str(mean_rgb)
+    
+
+    elif print_type == 'str':
+
+        # Получаем средние значения BGR
+        mean_bgr = cv2.mean(cropped_frame)[:3]
+        b, g, r = int(mean_bgr[0]), int(mean_bgr[1]), int(mean_bgr[2])
         
-        if cropped_frame.size == 0:
-            return
         
-
-        if print_type == 'rgb':
-
-            mean_bgr = cv2.mean(cropped_frame)[:3]
-            mean_rgb = (int(mean_bgr[2]), int(mean_bgr[1]), int(mean_bgr[0]))  
-            self.color = str(mean_rgb)
-        
-
-        elif print_type == 'str':
-
-            # Получаем средние значения BGR
-            mean_bgr = cv2.mean(cropped_frame)[:3]
-            b, g, r = int(mean_bgr[0]), int(mean_bgr[1]), int(mean_bgr[2])
-            
-            
-            if b > g and b > r and b > 100:  
-                self.color = 'blue'
-            elif g > b and g > r and g > 100:  
-                self.color = 'green'
-            elif r > b and r > g and r > 100:  
-                self.color = 'red'
-            else:
-                self.color = None
+        if b > g + 20 and b > r + 20 and b > 100 + 20:  
+            color = 'blue'
+        elif g > b + 20 and g > r + 20 and g > 100:  
+            color = 'green'
+        elif r > b + 20 and r > g + 20 and r > 100:  
+            color = 'red'
+        elif r > 150 and g > 150 and g > 150:
+            color= 'white'
+        else:
+            color = None
 
 #в MAIN для вызова функции должно быть:
-# cd = ColorDetect()
-    #color_sub = rospy.Subscriber('main_camera/image_raw', Image, 
-                              #lambda img: cd.detect_color_callback(img, print_type='rgb'), 
-                              #queue_size=1)
-    # print(cd.getColor())
-    #rospy.sleep(2)
-    #color_sub.unregister()
+#color_sub = rospy.Subscriber('main_camera/image_raw', Image, 
+                            #lambda img: color_detection(img, print_type='rgb'), 
+                            #queue_size=1)
+#rospy.sleep(2)
+#color_sub.unregister()
diff --git a/public/shablons/emergency_and_navigate.txt b/public/shablons/emergency_and_navigate.txt
index f80df0d..21aff07 100644
--- a/public/shablons/emergency_and_navigate.txt
+++ b/public/shablons/emergency_and_navigate.txt
@@ -17,6 +17,8 @@ get_telemetry = rospy.ServiceProxy('get_telemetry', srv.GetTelemetry) #сеов
 navigate = rospy.ServiceProxy('navigate', srv.Navigate) #сервис для полета по указаным координатам
 land = rospy.ServiceProxy('land', Trigger) #сервис для посадки
 
+rospy.init_node('flight')
+bridge = CvBridge()
 
 def navigate_wait(x=0, y=0, z=1, speed=0.5, frame_id='aruco_map', auto_arm=False, tolerance=0.2,sleep=2):
     """
diff --git a/public/shablons/qr.txt b/public/shablons/qr.txt
index 73e211e..32220f8 100644
--- a/public/shablons/qr.txt
+++ b/public/shablons/qr.txt
@@ -1,16 +1,7 @@
-class QrDetect():
-    def __init__(self):
-        self.qr_data = ''
-
-    def getQrData(self):
-        return self.qr_data
+def qr_detection(data):
+    cv_image = bridge.imgmsg_to_cv2(data, 'bgr8')
+    barcodes = pyzbar.decode(cv_image)
     
-    def qr_detection(self,data):
-        '''сканирование qr кода'''
-        if self.qr_data!= '':
-            return
-        cv_image = bridge.imgmsg_to_cv2(data, 'bgr8')
-        barcodes = pyzbar.decode(cv_image)
-
-        if barcodes:
-            self.qr_data = barcodes[0].data.decode('utf-8')
\ No newline at end of file
+    if barcodes:
+        qr_data = barcodes[0].data.decode('utf-8')
+        return qr_data
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 46a1257..368b9e3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,14 +11,12 @@ const clickCount = ref(1); // Счетчик нажатий
 const listOfTrips = ref([]);
 const isModalVisible = ref(false);
 let finallyText = "";
-const qr_sub_text = [
-  "\tqd = QrDetect()\n",
-  "\tqr_sub = rospy.Subscriber('main_camera/image_raw',Image, qd.qr_detection,queue_size=1)\n",
-  "\trospy.sleep(2)\n",
-  "\tqr_sub.unregister()\n"
-];
-let is_qr_used = 0;
-let head = "";
+const qr_sub_text = `
+  \tqr_sub = rospy.Subscriber('main_camera/image_raw',Image, qr_detection,queue_size=1)\n
+  \trospy.sleep(2)\n
+  \tqr_sub.unregister()\n
+`
+let is_qr__head_used = 0;
 
 onMounted(() => {
     for (let i = 0; i < 100; i++) {
@@ -58,8 +56,8 @@ function saveResult() {
     for (const item of listOfTrips.value) {
     navigate_waites += `\tnavigate_wait(${item.x}, ${item.y})\n`;
     if (item.x===1 && item.y === 1) {
-        navigate_waites += qr_sub_text.join('')
-        is_qr_used=1
+        navigate_waites += qr_sub_text
+        is_qr__head_used=1
     }
     } 
     
@@ -69,9 +67,9 @@ function saveResult() {
             finallyText = textOfCode.replace("<<navigate_wait>>", navigate_waites);
         });
     isModalVisible.value = true;
-    if (is_qr_used === 1) {
+    if (is_qr__head_used === 1) {
         Qr_head() 
-        is_qr_used +=1
+        is_qr__head_used +=1
     }
 }
 
@@ -79,8 +77,7 @@ function Qr_head() {
     fetch("/shablons/qr.txt")
         .then((response) => response.text())
         .then((textOfCode) => {
-            head = textOfCode;
-            finallyText = finallyText.replace("<<qr_function>>", head);
+            finallyText = finallyText.replace("<<qr_function>>", textOfCode);
         })
 }
 
-- 
2.52.0


From 91faccfc2a19048decf9a5bcdda401b1913c8021 Mon Sep 17 00:00:00 2001
From: Ilia Miheev <imiheev774@gmail.com>
Date: Sat, 7 Mar 2026 21:05:15 +0300
Subject: [PATCH 04/11] =?UTF-8?q?=D0=A1=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB=20?=
 =?UTF-8?q?=D0=BA=D0=BE=D0=B4=20=D0=B4=D0=BB=D1=8F=20=D0=BF=D0=BB=D0=B0?=
 =?UTF-8?q?=D1=82=D1=84=D0=BE=D1=80=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                             |  16 ++
 package.json                                  |   1 +
 .../images/ArUco-marker.jpg                   | Bin
 public/images/blue-platform.jpg               | Bin 0 -> 1233 bytes
 public/images/red-platform.jpg                | Bin 0 -> 1234 bytes
 public/images/white-platform.jpg              | Bin 0 -> 998 bytes
 public/shablons/color.txt                     |  15 +-
 public/shablons/emergency_and_navigate.txt    |   3 +-
 src/App.vue                                   | 150 ++++++++++++++----
 src/renderer.js                               |   5 +-
 10 files changed, 144 insertions(+), 46 deletions(-)
 rename src/Images/image.jpg => public/images/ArUco-marker.jpg (100%)
 create mode 100644 public/images/blue-platform.jpg
 create mode 100644 public/images/red-platform.jpg
 create mode 100644 public/images/white-platform.jpg

diff --git a/package-lock.json b/package-lock.json
index 97674a5..4f5c1ff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "1.0.0",
       "license": "MIT",
       "dependencies": {
+        "@imengyu/vue3-context-menu": "^1.5.4",
         "@vueuse/core": "^14.2.1",
         "copy-to-clipboard": "^3.3.3",
         "electron-squirrel-startup": "^1.0.1",
@@ -1406,6 +1407,21 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@imengyu/vue-scroll-rect": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/@imengyu/vue-scroll-rect/-/vue-scroll-rect-0.1.8.tgz",
+      "integrity": "sha512-Mg7rgHlsGPO0tcMFjp1kB2BZ3oRrRtFN8MoE52jTgQnlc+Y0N6ttFnbIxOh2fc9j82uhdQ8zgZcXlFHUXeGnCA==",
+      "license": "MIT"
+    },
+    "node_modules/@imengyu/vue3-context-menu": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@imengyu/vue3-context-menu/-/vue3-context-menu-1.5.4.tgz",
+      "integrity": "sha512-/a6Quyn3V320/Mi6UoH+6wSTBYrln70RovT3iyfoXQQpIHpC7ZPWObzS0BXQTRlWtyJB92XmGDT703UxSO8Tvg==",
+      "license": "MIT",
+      "dependencies": {
+        "@imengyu/vue-scroll-rect": "^0.1.4"
+      }
+    },
     "node_modules/@inquirer/checkbox": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-3.0.1.tgz",
diff --git a/package.json b/package.json
index f0de7b3..dceac85 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "vite": "^5.4.21"
   },
   "dependencies": {
+    "@imengyu/vue3-context-menu": "^1.5.4",
     "@vueuse/core": "^14.2.1",
     "copy-to-clipboard": "^3.3.3",
     "electron-squirrel-startup": "^1.0.1",
diff --git a/src/Images/image.jpg b/public/images/ArUco-marker.jpg
similarity index 100%
rename from src/Images/image.jpg
rename to public/images/ArUco-marker.jpg
diff --git a/public/images/blue-platform.jpg b/public/images/blue-platform.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..bff4e73c65c4ac923ab513b92bb6d4440fb9806f
GIT binary patch
literal 1233
zcmeH_O-{rx427SQdfI8y;ta_!3pSjj5=bN9Qg8$o?6?hLF-PEM!%c#NDxo5#i0ug5
zn?zsY<oV_2{0_O^UTr}{xYR^`!v(A{r8FunZkVfz+qzyfzV+U<&UO7tx<2&I$y&m3
zOey)Jlg&DARx!nL30XZ;@sfENJJ-cOM}9<Tu*1$$fC*#+<tHS4DyG3@yL@08b$*4n
z1S3`edN{woodO5Ex=~4@d{^X76=_r_VsrXQgr5mZG|((zzKFeD7Q@(OFG0hZb{VGx
atMibI|2#ki)QvM<lV80y5;IOJ#LEYok2I_R

literal 0
HcmV?d00001

diff --git a/public/images/red-platform.jpg b/public/images/red-platform.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6a7e75a8b0fedc927e8fccad87d1599de4a02e4b
GIT binary patch
literal 1234
zcmeH_F>b>!3`IXB%T_Gep;F1s(4{Bw5FluJsa_!m=xKruIYQeknR^M91`HGl8W&lE
zl3YYQiqa?Zdp?4n*PAtn2v6e32dto#8bYj)FxHr&Fm+Xx*4N&<+PS7(aMOm?Iqo>z
z#gvkt-!HqkT*MTIOGryiVP?k6V&j^4wdEax#U6W20V<FVl;4o#sW`Pt(w%(ZEMMCE
z39ku?H3Rgz``Vrs-tcKInnXTR1Y1$WicVzI!^=Q~-w93B(<GsOh>Kmye(Z9Qp#D+1
cj8lS^d2q(R-=G51yT*U++DJ@n(m;HC0~8}QE&u=k

literal 0
HcmV?d00001

diff --git a/public/images/white-platform.jpg b/public/images/white-platform.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..3fac667835ed7355d03caaef2b32601d4fced286
GIT binary patch
literal 998
zcmdr~J5B>J6r5+T6KCz+JTLZ=f(D6uY$T+Ja0+gML_>?X06oV*6gdK)hMSnT5J3Wj
zK%3`j{4~#F&p1Ei7x3w9J_8ZqL>BThj-i$6Ayo*BHKr&`IUEkGFTHoAb5-4NRfpO+
zZaM75l#(CsPue(XVv7ACq-CZsBV$Ifa#j3y<vRq61s0kDR3IHF-y_LYv0hf%@mm-9
z30@NvYX<0cx<0hSyK(Oae|70f{IKE@8Fg^pGs4ddP1Mn^4E4#_s50o5DjONp9g4~_
oBWTHkujfZQfaVXcxY-f_Zw=s`(ej&fE1x->eFWX{g}Ka+uZ$9x!~g&Q

literal 0
HcmV?d00001

diff --git a/public/shablons/color.txt b/public/shablons/color.txt
index 6571542..15781cc 100644
--- a/public/shablons/color.txt
+++ b/public/shablons/color.txt
@@ -43,12 +43,9 @@ class ColorDetect():
                 self.color = 'red'
             else:
                 self.color = None
-
-#в MAIN для вызова функции должно быть:
-# cd = ColorDetect()
-    #color_sub = rospy.Subscriber('main_camera/image_raw', Image, 
-                              #lambda img: cd.detect_color_callback(img, print_type='rgb'), 
-                              #queue_size=1)
-    # print(cd.getColor())
-    #rospy.sleep(2)
-    #color_sub.unregister()
+<<separator>>
+    cd = ColorDetect()
+    color_sub = rospy.Subscriber('main_camera/image_raw', Image, lambda img: cd.detect_color_callback(img, print_type='rgb'), queue_size=1)
+    print(cd.getColor())
+    rospy.sleep(2)
+    color_sub.unregister()
diff --git a/public/shablons/emergency_and_navigate.txt b/public/shablons/emergency_and_navigate.txt
index 5889c07..c0475f7 100644
--- a/public/shablons/emergency_and_navigate.txt
+++ b/public/shablons/emergency_and_navigate.txt
@@ -17,6 +17,7 @@ get_telemetry = rospy.ServiceProxy('get_telemetry', srv.GetTelemetry) #сеов
 navigate = rospy.ServiceProxy('navigate', srv.Navigate) #сервис для полета по указаным координатам
 land = rospy.ServiceProxy('land', Trigger) #сервис для посадки
 
+<<ColorDetect>>
 
 def navigate_wait(x=0, y=0, z=1, speed=0.5, frame_id='aruco_map', auto_arm=False, tolerance=0.2,sleep=2):
     """
@@ -91,7 +92,7 @@ def main():
     #в дальнейшем не передавать переменной auto_arm значение True
 
     
-<<navigate_wait>>
+<<main>>
  
 
     land() #посадка
diff --git a/src/App.vue b/src/App.vue
index 0ace86e..3acb136 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,16 +1,17 @@
 <script setup>
-import { ref, onMounted } from "vue";
+import {ref, onMounted} from "vue";
 import izitoast from "./izitoast";
-import { useEventListener } from "@vueuse/core";
+import {useEventListener} from "@vueuse/core";
 import MyDialog from "./components/MyDialog.vue";
 import MyDropMenu from "./components/MyDropMenu.vue";
 import copyToclipboard from "./copyToclipboard";
+import ContextMenu from '@imengyu/vue3-context-menu'
 
 const numbers = ref([]); // Инициализируем массив с пустыми строками
 const clickCount = ref(1); // Счетчик нажатий
 const listOfTrips = ref([]);
 const isModalVisible = ref(false);
-let finallyText = "";
+let finallyText = ref("");
 
 onMounted(() => {
     for (let i = 0; i < 100; i++) {
@@ -19,6 +20,8 @@ onMounted(() => {
             x: i % 10,
             y: 9 - Math.floor(i / 10),
             index: i,
+            isPlatform: false,
+            BgImg: 'images/ArUco-marker.jpg'
         });
     }
 });
@@ -31,8 +34,7 @@ function setNumber(item) {
         listOfTrips.value.push(item);
         clickCount.value++;
     } else {
-        //если нажимаем на ранее отмеченную клетку (не последнюю), то выводится ошибка
-        listOfTrips.value.push(item);
+        //если нажимаем на ранее отмеченную клетку, то выводится ошибка
         if (numbers.value[item.index].variable.at(-1) === clickCount.value - 1) {
             izitoast.error({
                 title: "Ошибка",
@@ -40,46 +42,59 @@ function setNumber(item) {
             });
             return;
         }
+        listOfTrips.value.push(item);
         numbers.value[item.index].variable.push(clickCount.value);
         clickCount.value++;
     }
 }
 
-function saveResult() {
-    let navigate_waites = "";
-    for (const item of listOfTrips.value) {
-        navigate_waites += `\tnavigate_wait(${item.x}, ${item.y})\n`;
+async function saveResult() {
+    finallyText.value = "";
+    const mainCode = ref("");
+    const colorDetectClass = ref("");
+    const colorDetectCode = ref("");
+    const isUsedPlatform = listOfTrips.value.some(item => item.isPlatform);
+
+    if (isUsedPlatform) {
+        const response = await fetch("/shablons/color.txt")
+        let textOfCode = await response.text()
+        textOfCode = textOfCode.split('<<separator>>')
+        colorDetectClass.value = textOfCode[0]
+        colorDetectCode.value += `\t${textOfCode[1].trim()}\n`;
+    }
+
+    for (const item of listOfTrips.value) {
+        mainCode.value += `\tnavigate_wait(${item.x}, ${item.y})\n`;
+        if (isUsedPlatform) {
+            mainCode.value += colorDetectCode.value + '\n'
+        }
+    }
+    const response = await fetch("/shablons/emergency_and_navigate.txt")
+    let textOfCode = await response.text()
+    finallyText.value = textOfCode.replace("<<main>>", mainCode.value);
+    if (isUsedPlatform) {
+        finallyText.value = finallyText.value.replace("<<ColorDetect>>", colorDetectClass.value);
     }
-    fetch("/shablons/emergency_and_navigate.txt")
-        .then((response) => response.text())
-        .then((textOfCode) => {
-            finallyText = textOfCode.replace("<<navigate_wait>>", navigate_waites);
-        });
     isModalVisible.value = true;
 }
 
 function cancel() {
-    numbers.value[listOfTrips.value.at(-1).index].variable.pop();
-    listOfTrips.value.pop();
 
     if (clickCount.value === 1) {
         return;
     } else {
+        numbers.value[listOfTrips.value.at(-1).index].variable.pop();
+        listOfTrips.value.pop();
         clickCount.value--;
     }
 }
 
 function cleanResult() {
     clickCount.value = 1;
-    numbers.value = [];
     listOfTrips.value = [];
     for (let i = 0; i < 100; i++) {
-        numbers.value.push({
-            variable: [],
-            x: i % 10,
-            y: 9 - Math.floor(i / 10),
-            index: i,
-        });
+        numbers.value[i].variable = [];
+        numbers.value[i].BgImg = 'images/ArUco-marker.jpg'
     }
 }
 
@@ -102,10 +117,9 @@ function copyAndToast(text) {
 }
 
 function handleDownloadBtn() {
-    console.log(finallyText)
     // Создание файла
     const downloadUrl = ref('');
-    const blob = new Blob([finallyText], { type: 'text/plain' });
+    const blob = new Blob([finallyText.value], {type: 'text/plain'});
     downloadUrl.value = URL.createObjectURL(blob);
     // Задержка для избежания ошибок в некоторых браузерах
     setTimeout(() => {
@@ -124,13 +138,84 @@ function handleDownloadBtn() {
     })
     isModalVisible.value = false
 }
+
+function createPlatform(item, color) {
+    if (!item.isPlatform) {
+        listOfTrips.value.push(item)
+        numbers.value[item.index].variable.push(clickCount.value);
+    }
+    item['isPlatform'] = true
+    numbers.value[item.index].BgImg = `images/${color}-platform.jpg`
+    clickCount.value++
+}
+
+function deletePlatform(item) {
+    item['isPlatform'] = false
+    const index = listOfTrips.value.indexOf(item);
+    if (index !== -1) {
+        listOfTrips.value.splice(index, 1);
+    }
+    numbers.value[item.index].BgImg = 'images/ArUco-marker.jpg'
+    clickCount.value--
+}
+
+function onContextMenu(e, item) {
+    ContextMenu.showContextMenu({
+        theme: 'mac dark',
+        x: e.x,
+        y: e.y,
+        items: [
+            {
+                label: "Платформы",
+                children: [
+                    {
+                        label: "Белая",
+                        onClick: () => createPlatform(item, 'white'),
+                    },
+                    {
+                        label: "Синяя",
+                        onClick: () => createPlatform(item, 'blue'),
+                    },
+                    {
+                        label: "Красная",
+                        onClick: () => createPlatform(item, 'red'),
+                    },
+                    {
+                        label: "Удалить",
+                        onClick: () => deletePlatform(item),
+                    },
+                ]
+            },
+            {
+                label: "QR код",
+                children: [
+                    {
+                        label: "Добавить",
+                        onClick: () => alert('Здесь ещё предстоит написать код')
+                    },
+                    {
+                        label: "Удалить",
+                        onClick: () => alert('Здесь ещё предстоит написать код')
+                    },
+                ],
+            },
+            {
+                label: "Отмена",
+                onClick: () => {
+                    alert('Здесь ещё предстоит написать код')
+                }
+            },
+        ]
+    });
+}
 </script>
 
 <template>
     <div class="wraper">
         <div class="grid">
             <div class="square" v-for="(item, index) in numbers" :data-key="index" :key="index"
-                @click="setNumber(item)">
+                 @click="setNumber(item)" @contextmenu.prevent="onContextMenu($event, item)"
+                 :style="{backgroundImage: `url(${item.BgImg})`}">
                 {{ numbers[index].variable.join(", ") }}
             </div>
         </div>
@@ -140,12 +225,12 @@ function handleDownloadBtn() {
             <button @click="cleanResult">Очистить</button>
             <button @click="cancel">Отменить</button>
         </div>
-        <MyDropMenu />
+        <MyDropMenu/>
     </div>
 
 
     <MyDialog v-show="isModalVisible" @close="isModalVisible = false" class="dialogWindow"
-        :is-success=Boolean(listOfTrips.length)>
+              :is-success=Boolean(listOfTrips.length)>
         <template #header>
             <strong v-if="listOfTrips.length">Код готов!</strong>
             <strong v-else>Код не готов!</strong>
@@ -189,12 +274,9 @@ html {
 .square {
     width: var(--side);
     height: var(--side);
-    background-image: url("images/image.jpg");
     background-size: cover;
     border: 3px solid rgb(251, 251, 251);
-    background-color: #e0e0e0;
     cursor: pointer;
-    transition: background-color 0.3s;
     overflow-y: scroll;
 
     background-blend-mode: multiply;
@@ -203,9 +285,9 @@ html {
 
     color: white;
     text-shadow: -1px -1px 0 black,
-        1px -1px 0 black,
-        -1px 1px 0 black,
-        1px 1px 0 black;
+    1px -1px 0 black,
+    -1px 1px 0 black,
+    1px 1px 0 black;
 }
 
 .square:hover {
diff --git a/src/renderer.js b/src/renderer.js
index af6c62c..4099886 100644
--- a/src/renderer.js
+++ b/src/renderer.js
@@ -28,5 +28,6 @@
 
 import { createApp } from 'vue';
 import App from './App.vue';
-
-createApp(App).mount('#app');
\ No newline at end of file
+import '@imengyu/vue3-context-menu/lib/vue3-context-menu.css'
+import ContextMenu from '@imengyu/vue3-context-menu'
+createApp(App).use(ContextMenu).mount('#app');
-- 
2.52.0


From 6c7d14ed3755fd458bf751a92a75aa4d08336620 Mon Sep 17 00:00:00 2001
From: Ilia Miheev <imiheev774@gmail.com>
Date: Sat, 7 Mar 2026 21:50:43 +0300
Subject: [PATCH 05/11] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B5=D0=BD=D1=91?=
 =?UTF-8?q?=D1=81=20=D1=84=D0=B0=D0=B9=D0=BB=D1=8B=20=D1=81=20=D1=84=D1=83?=
 =?UTF-8?q?=D0=BD=D0=BA=D1=86=D0=B8=D1=8F=D0=BC=D0=B8=20=D0=B2=20=D0=BE?=
 =?UTF-8?q?=D1=82=D0=B4=D0=B5=D0=BB=D1=8C=D0=BD=D1=83=D1=8E=20=D0=BF=D0=B0?=
 =?UTF-8?q?=D0=BF=D0=BA=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                         | 55 ++---------------------------
 src/shared/ContextMenu.js           | 51 ++++++++++++++++++++++++++
 src/{ => shared}/copyToclipboard.js |  2 +-
 src/{ => shared}/izitoast.js        |  2 +-
 4 files changed, 56 insertions(+), 54 deletions(-)
 create mode 100644 src/shared/ContextMenu.js
 rename src/{ => shared}/copyToclipboard.js (91%)
 rename src/{ => shared}/izitoast.js (89%)

diff --git a/src/App.vue b/src/App.vue
index 3acb136..e02466f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,11 @@
 <script setup>
 import {ref, onMounted} from "vue";
-import izitoast from "./izitoast";
+import izitoast from "./shared/izitoast";
 import {useEventListener} from "@vueuse/core";
 import MyDialog from "./components/MyDialog.vue";
 import MyDropMenu from "./components/MyDropMenu.vue";
-import copyToclipboard from "./copyToclipboard";
-import ContextMenu from '@imengyu/vue3-context-menu'
+import copyToclipboard from "./shared/copyToclipboard";
+import onContextMenu from './shared/ContextMenu'
 
 const numbers = ref([]); // Инициализируем массив с пустыми строками
 const clickCount = ref(1); // Счетчик нажатий
@@ -159,55 +159,6 @@ function deletePlatform(item) {
     clickCount.value--
 }
 
-function onContextMenu(e, item) {
-    ContextMenu.showContextMenu({
-        theme: 'mac dark',
-        x: e.x,
-        y: e.y,
-        items: [
-            {
-                label: "Платформы",
-                children: [
-                    {
-                        label: "Белая",
-                        onClick: () => createPlatform(item, 'white'),
-                    },
-                    {
-                        label: "Синяя",
-                        onClick: () => createPlatform(item, 'blue'),
-                    },
-                    {
-                        label: "Красная",
-                        onClick: () => createPlatform(item, 'red'),
-                    },
-                    {
-                        label: "Удалить",
-                        onClick: () => deletePlatform(item),
-                    },
-                ]
-            },
-            {
-                label: "QR код",
-                children: [
-                    {
-                        label: "Добавить",
-                        onClick: () => alert('Здесь ещё предстоит написать код')
-                    },
-                    {
-                        label: "Удалить",
-                        onClick: () => alert('Здесь ещё предстоит написать код')
-                    },
-                ],
-            },
-            {
-                label: "Отмена",
-                onClick: () => {
-                    alert('Здесь ещё предстоит написать код')
-                }
-            },
-        ]
-    });
-}
 </script>
 
 <template>
diff --git a/src/shared/ContextMenu.js b/src/shared/ContextMenu.js
new file mode 100644
index 0000000..f06423a
--- /dev/null
+++ b/src/shared/ContextMenu.js
@@ -0,0 +1,51 @@
+import ContextMenu from "@imengyu/vue3-context-menu";
+
+export default function onContextMenu(e, item) {
+    ContextMenu.showContextMenu({
+        theme: 'mac dark',
+        x: e.x,
+        y: e.y,
+        items: [
+            {
+                label: "Платформы",
+                children: [
+                    {
+                        label: "Белая",
+                        onClick: () => createPlatform(item, 'white'),
+                    },
+                    {
+                        label: "Синяя",
+                        onClick: () => createPlatform(item, 'blue'),
+                    },
+                    {
+                        label: "Красная",
+                        onClick: () => createPlatform(item, 'red'),
+                    },
+                    {
+                        label: "Удалить",
+                        onClick: () => deletePlatform(item),
+                    },
+                ]
+            },
+            {
+                label: "QR код",
+                children: [
+                    {
+                        label: "Добавить",
+                        onClick: () => alert('Здесь ещё предстоит написать код')
+                    },
+                    {
+                        label: "Удалить",
+                        onClick: () => alert('Здесь ещё предстоит написать код')
+                    },
+                ],
+            },
+            {
+                label: "Отмена",
+                onClick: () => {
+                    alert('Здесь ещё предстоит написать код')
+                }
+            },
+        ]
+    });
+}
\ No newline at end of file
diff --git a/src/copyToclipboard.js b/src/shared/copyToclipboard.js
similarity index 91%
rename from src/copyToclipboard.js
rename to src/shared/copyToclipboard.js
index 662f9e9..b210266 100644
--- a/src/copyToclipboard.js
+++ b/src/shared/copyToclipboard.js
@@ -1,5 +1,5 @@
 import copy from 'copy-to-clipboard';
-import iziToast from '@/iziToast.js';
+import iziToast from '@/shared/iziToast.js';
 
 function copyToclipboard(text) {
     try {
diff --git a/src/izitoast.js b/src/shared/izitoast.js
similarity index 89%
rename from src/izitoast.js
rename to src/shared/izitoast.js
index 084e978..91a9911 100644
--- a/src/izitoast.js
+++ b/src/shared/izitoast.js
@@ -1,4 +1,4 @@
-import iziToast from "izitoast"
+import iziToast from 'iziToast';
 
 iziToast.settings({
     timeout: 3000,
-- 
2.52.0


From 0b0adf48ff2eca5ee004c98133d97ef9ab2ba2ae Mon Sep 17 00:00:00 2001
From: Ilia Miheev <imiheev774@gmail.com>
Date: Sat, 7 Mar 2026 22:38:06 +0300
Subject: [PATCH 06/11] =?UTF-8?q?=D0=9E=D1=81=D1=82=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20onContextMenu=20=D0=B2=20App?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                 |  51 ++++++++++-
 src/components/MyDialog.vue | 165 +++++++++++++++++++-----------------
 src/shared/ContextMenu.js   |  51 -----------
 3 files changed, 136 insertions(+), 131 deletions(-)
 delete mode 100644 src/shared/ContextMenu.js

diff --git a/src/App.vue b/src/App.vue
index e02466f..98c372f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,7 @@ import {useEventListener} from "@vueuse/core";
 import MyDialog from "./components/MyDialog.vue";
 import MyDropMenu from "./components/MyDropMenu.vue";
 import copyToclipboard from "./shared/copyToclipboard";
-import onContextMenu from './shared/ContextMenu'
+import ContextMenu from "@imengyu/vue3-context-menu";
 
 const numbers = ref([]); // Инициализируем массив с пустыми строками
 const clickCount = ref(1); // Счетчик нажатий
@@ -159,6 +159,55 @@ function deletePlatform(item) {
     clickCount.value--
 }
 
+function onContextMenu(e, item) {
+    ContextMenu.showContextMenu({
+        theme: 'mac dark',
+        x: e.x,
+        y: e.y,
+        items: [
+            {
+                label: "Платформы",
+                children: [
+                    {
+                        label: "Белая",
+                        onClick: () => createPlatform(item, 'white'),
+                    },
+                    {
+                        label: "Синяя",
+                        onClick: () => createPlatform(item, 'blue'),
+                    },
+                    {
+                        label: "Красная",
+                        onClick: () => createPlatform(item, 'red'),
+                    },
+                    {
+                        label: "Удалить",
+                        onClick: () => deletePlatform(item),
+                    },
+                ]
+            },
+            {
+                label: "QR код",
+                children: [
+                    {
+                        label: "Добавить",
+                        onClick: () => alert('Здесь ещё предстоит написать код')
+                    },
+                    {
+                        label: "Удалить",
+                        onClick: () => alert('Здесь ещё предстоит написать код')
+                    },
+                ],
+            },
+            {
+                label: "Отмена",
+                onClick: () => {
+                    alert('Здесь ещё предстоит написать код')
+                }
+            },
+        ]
+    });
+}
 </script>
 
 <template>
diff --git a/src/components/MyDialog.vue b/src/components/MyDialog.vue
index ff3d438..c27b895 100644
--- a/src/components/MyDialog.vue
+++ b/src/components/MyDialog.vue
@@ -1,36 +1,37 @@
 <template>
-  <transition name="modal-fade">
-    <div class="modal-backdrop" @click="closeModal">
-      <div class="modal" @click.stop>
-        <header :class="['modal-header', isSuccess ? 'modal-header-success': 'modal-header-error']">
-          <slot name="header">
-            <strong>Заголовок по умолчанию</strong>
-          </slot>
-          <button class="modal-btn-close" @click="closeModal" aria-label="Закрыть модальное окно">
-            ×
-          </button>
-        </header>
-        <section class="modal-body">
-          <slot name="body">Тело по умолчанию</slot>
-        </section>
-        <footer :class="['modal-footer', isSuccess ? 'modal-footer-success': 'modal-footer-error']">
-          <slot name="footer">
-            <button  @click="closeModal">Закрыть</button>
-          </slot>
-        </footer>
-      </div>
-    </div>
-  </transition>
+    <transition name="modal-fade">
+        <div class="modal-backdrop" @click="closeModal">
+            <div class="modal" @click.stop>
+                <header :class="['modal-header', isSuccess ? 'modal-header-success': 'modal-header-error']">
+                    <slot name="header">
+                        <strong>Заголовок по умолчанию</strong>
+                    </slot>
+                    <button class="modal-btn-close" @click="closeModal" aria-label="Закрыть модальное окно">
+                        ×
+                    </button>
+                </header>
+                <section class="modal-body">
+                    <slot name="body">Тело по умолчанию</slot>
+                </section>
+                <footer :class="['modal-footer', isSuccess ? 'modal-footer-success': 'modal-footer-error']">
+                    <slot name="footer">
+                        <button @click="closeModal">Закрыть</button>
+                    </slot>
+                </footer>
+            </div>
+        </div>
+    </transition>
 </template>
 
 <script setup>
 const emit = defineEmits(['close'])
 const props = defineProps({
-  isSuccess: {
-    type: Boolean,
-    required: true
-  }
+    isSuccess: {
+        type: Boolean,
+        required: true
+    }
 })
+
 function closeModal() {
     emit('close');
 }
@@ -38,82 +39,88 @@ function closeModal() {
 
 <style>
 .modal-backdrop {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color: rgba(0, 0, 0, 0.3);
-  display: flex;
-  justify-content: center;
-  align-items: center;
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background-color: rgba(0, 0, 0, 0.3);
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
 .modal {
-  background: #2f2f2f;
-  box-shadow: 2px 2px 20px 1px;
-  overflow-x: auto;
-  display: flex;
-  flex-direction: column;
-  max-width: 500px;
-  width: 90%;
-  border-radius: 5px;
+    background: #2f2f2f;
+    box-shadow: 2px 2px 20px 1px;
+    overflow-x: auto;
+    display: flex;
+    flex-direction: column;
+    max-width: 500px;
+    width: 90%;
+    border-radius: 5px;
 }
 
 .modal-header,
 .modal-footer {
-  padding: 10px;
-  display: flex;
+    padding: 10px;
+    display: flex;
 }
 
 .modal-header {
-  border-bottom: 1px solid #eeeeee;
-  justify-content: space-between;
-}
-.modal-header-success {
-  color: #4AAE9B;
-}
-.modal-header-error {
-  color: red;
+    border-bottom: 1px solid #eeeeee;
+    justify-content: space-between;
 }
 
-.modal-header [type = 'button'] {
-  color: red;
-  font-size: 25px;
+.modal-header-success {
+    color: #4AAE9B;
+}
+
+.modal-header-error {
+    color: red;
+}
+
+.modal-header button {
+    color: red;
+    font-size: 25px;
 }
 
 .modal-footer {
-  justify-content: flex-end;
-  border-top: 1px solid white;
+    justify-content: flex-end;
+    border-top: 1px solid white;
 }
-.modal-footer [type = 'button'] {
-  justify-content: flex-end;
-  border-top: 1px solid white;
-  padding: 5px;
+
+.modal-footer button {
+    justify-content: flex-end;
+    border-top: 1px solid white;
+    padding: 5px;
+    color: white;
 }
-.modal-footer-success [type = 'button'] {
-  background-color: #4AAE9B;
-  border: none;
-  margin: 3px;
+
+.modal-footer-success button {
+    background-color: #4AAE9B;
+    border: none;
+    margin: 3px;
 }
-.modal-footer-error [type = 'button'] {
-  background: red;
-  border: none;
+
+.modal-footer-error button {
+    background: red;
+    border: none;
 }
 
 .modal-body {
-  position: relative;
-  padding: 20px 10px;
-  color: white
+    position: relative;
+    padding: 20px 10px;
+    color: white
 }
 
 .modal-btn-close {
-  border: none;
-  font-size: 20px;
-  padding: 0;
-  cursor: pointer;
-  font-weight: bold;
-  color: red;
-  background: transparent;
+    border: none;
+    font-size: 20px;
+    padding: 0;
+    cursor: pointer;
+    font-weight: bold;
+    color: red;
+    background: transparent;
 }
 </style>   
\ No newline at end of file
diff --git a/src/shared/ContextMenu.js b/src/shared/ContextMenu.js
deleted file mode 100644
index f06423a..0000000
--- a/src/shared/ContextMenu.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import ContextMenu from "@imengyu/vue3-context-menu";
-
-export default function onContextMenu(e, item) {
-    ContextMenu.showContextMenu({
-        theme: 'mac dark',
-        x: e.x,
-        y: e.y,
-        items: [
-            {
-                label: "Платформы",
-                children: [
-                    {
-                        label: "Белая",
-                        onClick: () => createPlatform(item, 'white'),
-                    },
-                    {
-                        label: "Синяя",
-                        onClick: () => createPlatform(item, 'blue'),
-                    },
-                    {
-                        label: "Красная",
-                        onClick: () => createPlatform(item, 'red'),
-                    },
-                    {
-                        label: "Удалить",
-                        onClick: () => deletePlatform(item),
-                    },
-                ]
-            },
-            {
-                label: "QR код",
-                children: [
-                    {
-                        label: "Добавить",
-                        onClick: () => alert('Здесь ещё предстоит написать код')
-                    },
-                    {
-                        label: "Удалить",
-                        onClick: () => alert('Здесь ещё предстоит написать код')
-                    },
-                ],
-            },
-            {
-                label: "Отмена",
-                onClick: () => {
-                    alert('Здесь ещё предстоит написать код')
-                }
-            },
-        ]
-    });
-}
\ No newline at end of file
-- 
2.52.0


From f97d8e80c2c12054ad386e935e0457d31a67b32a Mon Sep 17 00:00:00 2001
From: alisagerasimova <alisa.gerasimova2008@mail.ru>
Date: Sat, 7 Mar 2026 22:46:41 +0300
Subject: [PATCH 07/11] =?UTF-8?q?=D1=81=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB?=
 =?UTF-8?q?=D0=B0=20=D1=84=D1=83=D0=BD=D0=BA=D1=86=D0=B8=D1=8E=20=D0=B4?=
 =?UTF-8?q?=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=BA?=
 =?UTF-8?q?=D1=8C=D1=8E=D0=B0=D1=80,=20=D1=84=D0=BE=D1=80=D0=BC=D0=B8?=
 =?UTF-8?q?=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F=20=D0=BF=D0=BE=D0=B4?=
 =?UTF-8?q?=D0=BF=D0=B8=D1=81=D1=87=D0=B8=D0=BA=D0=B0=20=D0=B8=20=D1=84?=
 =?UTF-8?q?=D1=83=D0=BD=D0=BA=D1=86=D0=B8=D0=B8=20=D0=B2=20=D0=B8=D1=82?=
 =?UTF-8?q?=D0=BE=D0=B3=D0=BE=D0=B2=D0=BE=D0=BC=20=D0=BA=D0=BE=D0=B4=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json      |  19 ++++++------
 public/images/qr.jpg   | Bin 0 -> 9221 bytes
 public/shablons/qr.txt |   7 ++++-
 src/App.vue            |  64 +++++++++++++++++++++++++++--------------
 4 files changed, 59 insertions(+), 31 deletions(-)
 create mode 100644 public/images/qr.jpg

diff --git a/package-lock.json b/package-lock.json
index 4f5c1ff..2c416e6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -616,7 +616,6 @@
       "integrity": "sha512-zx0EIq78WlY/lBb1uXlziZmDZI4ubcCXIMJ4uGjXzZW0nS19TjSPeXPAjzzTmKQlJUZm0SbmZhPKP7tuQ1SsEw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "chalk": "^4.1.1",
         "fs-extra": "^9.0.1",
@@ -1753,7 +1752,6 @@
       "integrity": "sha512-yl43JD/86CIj3Mz5mvvLJqAOfIup7ncxfJ0Btnl0/v5TouVUyeEdcpknfgc+yMevS/48oH9WAkkw93m7otLb/A==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@inquirer/checkbox": "^3.0.1",
         "@inquirer/confirm": "^4.0.1",
@@ -2912,7 +2910,6 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -2979,7 +2976,6 @@
       "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -3197,7 +3193,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -4504,6 +4499,17 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/encoding": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
+      "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "iconv-lite": "^0.6.2"
+      }
+    },
     "node_modules/end-of-stream": {
       "version": "1.4.5",
       "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
@@ -8024,7 +8030,6 @@
       "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.21.3",
         "postcss": "^8.4.43",
@@ -8084,7 +8089,6 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.28.tgz",
       "integrity": "sha512-BRdrNfeoccSoIZeIhyPBfvWSLFP4q8J3u8Ju8Ug5vu3LdD+yTM13Sg4sKtljxozbnuMu1NB1X5HBHRYUzFocKg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@vue/compiler-dom": "3.5.28",
         "@vue/compiler-sfc": "3.5.28",
@@ -8138,7 +8142,6 @@
       "integrity": "sha512-gX/dMkRQc7QOMzgTe6KsYFM7DxeIONQSui1s0n/0xht36HvrgbxtM1xBlgx596NbpHuQU8P7QpKwrZYwUX48nw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.8",
diff --git a/public/images/qr.jpg b/public/images/qr.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..61474b161a828c7999b60cb898c01338e8caf6c6
GIT binary patch
literal 9221
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
b>+D$snWIKZFkutinRQ^V<DSA@UKjok<RrY!

literal 0
HcmV?d00001

diff --git a/public/shablons/qr.txt b/public/shablons/qr.txt
index 32220f8..c877557 100644
--- a/public/shablons/qr.txt
+++ b/public/shablons/qr.txt
@@ -4,4 +4,9 @@ def qr_detection(data):
     
     if barcodes:
         qr_data = barcodes[0].data.decode('utf-8')
-        return qr_data
\ No newline at end of file
+        return qr_data
+
+<<separator>>
+    qr_sub = rospy.Subscriber('main_camera/image_raw', Image, qr_detection, queue_size=1)
+    rospy.sleep(2)
+    qr_sub.unregister()
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 0c2713a..64395fb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,12 +12,6 @@ const clickCount = ref(1); // Счетчик нажатий
 const listOfTrips = ref([]);
 const isModalVisible = ref(false);
 let finallyText = ref("");
-const qr_sub_text = `
-  \tqr_sub = rospy.Subscriber('main_camera/image_raw',Image, qr_detection,queue_size=1)\n
-  \trospy.sleep(2)\n
-  \tqr_sub.unregister()\n
-`
-let is_qr__head_used = 0;
 
 onMounted(() => {
     for (let i = 0; i < 100; i++) {
@@ -27,6 +21,7 @@ onMounted(() => {
             y: 9 - Math.floor(i / 10),
             index: i,
             isPlatform: false,
+            isQR: false,
             BgImg: 'images/ArUco-marker.jpg'
         });
     }
@@ -58,8 +53,11 @@ async function saveResult() {
     finallyText.value = "";
     const mainCode = ref("");
     const colorDetectClass = ref("");
+    const QRDetectClass = ref("");
     const colorDetectCode = ref("");
+    const QRDetectCode = ref("");
     const isUsedPlatform = listOfTrips.value.some(item => item.isPlatform);
+    const isUsedQR = listOfTrips.value.some(item => item.isQR);
 
     if (isUsedPlatform) {
         const response = await fetch("/shablons/color.txt")
@@ -69,11 +67,22 @@ async function saveResult() {
         colorDetectCode.value += `\t${textOfCode[1].trim()}\n`;
     }
 
+    if (isUsedQR) {
+        const response = await fetch("/shablons/qr.txt")
+        let textOfCode = await response.text()
+        textOfCode = textOfCode.split('<<separator>>')
+        QRDetectClass.value = textOfCode[0]
+        QRDetectCode.value += `\t${textOfCode[1].trim()}\n`;
+    } 
+
     for (const item of listOfTrips.value) {
         mainCode.value += `\tnavigate_wait(${item.x}, ${item.y})\n`;
-        if (isUsedPlatform) {
+        if (item.isPlatform) {
             mainCode.value += colorDetectCode.value + '\n'
         }
+        if (item.isQR) {
+            mainCode.value += QRDetectCode.value + '\n'
+        }
     }
     const response = await fetch("/shablons/emergency_and_navigate.txt")
     let textOfCode = await response.text()
@@ -81,20 +90,11 @@ async function saveResult() {
     if (isUsedPlatform) {
         finallyText.value = finallyText.value.replace("<<ColorDetect>>", colorDetectClass.value);
     }
-    isModalVisible.value = true;
-    if (is_qr__head_used === 1) {
-        Qr_head() 
-        is_qr__head_used +=1
+    if (isUsedQR) {
+        finallyText.value = finallyText.value.replace("<<qr_function>>", QRDetectClass.value);
     }
-}
-
-function Qr_head() {
-    fetch("/shablons/qr.txt")
-        .then((response) => response.text())
-        .then((textOfCode) => {
-            finallyText = finallyText.replace("<<qr_function>>", textOfCode);
-        })
-}
+    isModalVisible.value = true;}
+    
 
 function cancel() {
 
@@ -177,6 +177,26 @@ function deletePlatform(item) {
     clickCount.value--
 }
 
+function createQR(item) {
+    if (!item.isQR) {
+        listOfTrips.value.push(item)
+        numbers.value[item.index].variable.push(clickCount.value);
+    }
+    item['isQR'] = true
+    numbers.value[item.index].BgImg = `images/qr.jpg`
+    clickCount.value++
+}
+
+function deleteQR(item) {
+    item['isQR'] = false
+    const index = listOfTrips.value.indexOf(item);
+    if (index !== -1) {
+        listOfTrips.value.splice(index, 1);
+    }
+    numbers.value[item.index].BgImg = 'images/ArUco-marker.jpg'
+    clickCount.value--
+}
+
 function onContextMenu(e, item) {
     ContextMenu.showContextMenu({
         theme: 'mac dark',
@@ -209,11 +229,11 @@ function onContextMenu(e, item) {
                 children: [
                     {
                         label: "Добавить",
-                        onClick: () => alert('Здесь ещё предстоит написать код')
+                        onClick: () => createQR(item)
                     },
                     {
                         label: "Удалить",
-                        onClick: () => alert('Здесь ещё предстоит написать код')
+                        onClick: () => deleteQR(item)
                     },
                 ],
             },
-- 
2.52.0


From 9ae69ec299558f7db30cc0b3b6da7d5d054a5f01 Mon Sep 17 00:00:00 2001
From: Ilia Miheev <imiheev774@gmail.com>
Date: Sat, 7 Mar 2026 22:50:24 +0300
Subject: [PATCH 08/11] =?UTF-8?q?=D0=A4=D0=B8=D0=BA=D1=81=20=D0=B1=D0=B0?=
 =?UTF-8?q?=D0=B3=D0=B0=20=D1=81=20=D0=BF=D0=BE=D1=81=D1=82=D0=BE=D1=8F?=
 =?UTF-8?q?=D0=BD=D0=BD=D1=8B=D0=BC=20=D1=81=D0=BE=D0=B7=D0=B4=D0=B0=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B5=D0=BC=20=D0=BA=D0=BE=D0=B4=D0=B0=20=D0=B4=D0=BB?=
 =?UTF-8?q?=D1=8F=20=D0=BF=D0=BB=D0=B0=D1=82=D1=84=D0=BE=D1=80=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 98c372f..2478581 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -65,7 +65,7 @@ async function saveResult() {
 
     for (const item of listOfTrips.value) {
         mainCode.value += `\tnavigate_wait(${item.x}, ${item.y})\n`;
-        if (isUsedPlatform) {
+        if (item.isPlatform) {
             mainCode.value += colorDetectCode.value + '\n'
         }
     }
-- 
2.52.0


From 80c297d4d0830a718133c0b75b52964084114b18 Mon Sep 17 00:00:00 2001
From: Ilia Miheev <imiheev774@gmail.com>
Date: Sat, 7 Mar 2026 23:10:54 +0300
Subject: [PATCH 09/11] =?UTF-8?q?=D0=A4=D0=98=D0=BA=D1=81=20=D0=B1=D0=B0?=
 =?UTF-8?q?=D0=B3=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 2478581..0dbba04 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -140,13 +140,13 @@ function handleDownloadBtn() {
 }
 
 function createPlatform(item, color) {
-    if (!item.isPlatform) {
+    if (!item.isPlatform && item.variable.at(-1) !== clickCount.value - 1) {
         listOfTrips.value.push(item)
         numbers.value[item.index].variable.push(clickCount.value);
+        clickCount.value++
+        item['isPlatform'] = true
     }
-    item['isPlatform'] = true
     numbers.value[item.index].BgImg = `images/${color}-platform.jpg`
-    clickCount.value++
 }
 
 function deletePlatform(item) {
-- 
2.52.0


From dad1498a68348b1d477d97ac4848fecc8b25d79f Mon Sep 17 00:00:00 2001
From: Ilia Miheev <imiheev774@gmail.com>
Date: Mon, 9 Mar 2026 16:13:41 +0300
Subject: [PATCH 10/11] =?UTF-8?q?=D0=91=D0=BE=D0=BB=D1=8C=D1=88=D0=B8?=
 =?UTF-8?q?=D0=B5=20=D0=B8=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD=D0=B8=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Сделал функцию удаления точки маршрута, докрутил функции отмены, очистки, создания и удаления платформ и qr кодов
---
 public/shablons/emergency_and_navigate.txt |  4 +-
 src/App.vue                                | 91 +++++++++++++---------
 2 files changed, 56 insertions(+), 39 deletions(-)

diff --git a/public/shablons/emergency_and_navigate.txt b/public/shablons/emergency_and_navigate.txt
index b356e7e..b989f3e 100644
--- a/public/shablons/emergency_and_navigate.txt
+++ b/public/shablons/emergency_and_navigate.txt
@@ -40,7 +40,7 @@ def navigate_wait(x=0, y=0, z=1, speed=0.5, frame_id='aruco_map', auto_arm=False
 def emergency_stop():
 
     """Функция экстренной остановки, срабатывает при нажатии Ctrl + C"""
- 
+
     print("\n" + "="*50)
     print("EMERGENCY STOP ACTIVATED!")
     print("="*50)
@@ -97,7 +97,7 @@ def main():
 
     
 <<main>>
- 
+
 
     land() #посадка
 
diff --git a/src/App.vue b/src/App.vue
index 2f9b1d3..9910086 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -36,7 +36,7 @@ function setNumber(item) {
         clickCount.value++;
     } else {
         //если нажимаем на ранее отмеченную клетку, то выводится ошибка
-        if (numbers.value[item.index].variable.at(-1) === clickCount.value - 1) {
+        if (item.variable.at(-1) === clickCount.value - 1) {
             izitoast.error({
                 title: "Ошибка",
                 message: "Нельзя выбирать один и тот же aruco маркер 2 раза подряд",
@@ -44,7 +44,7 @@ function setNumber(item) {
             return;
         }
         listOfTrips.value.push(item);
-        numbers.value[item.index].variable.push(clickCount.value);
+        item.variable.push(clickCount.value);
         clickCount.value++;
     }
 }
@@ -73,7 +73,7 @@ async function saveResult() {
         textOfCode = textOfCode.split('<<separator>>')
         QRDetectClass.value = textOfCode[0]
         QRDetectCode.value += `\t${textOfCode[1].trim()}\n`;
-    } 
+    }
 
     for (const item of listOfTrips.value) {
         mainCode.value += `\tnavigate_wait(${item.x}, ${item.y})\n`;
@@ -89,31 +89,35 @@ async function saveResult() {
     finallyText.value = textOfCode.replace("<<main>>", mainCode.value);
     if (isUsedPlatform) {
         finallyText.value = finallyText.value.replace("<<ColorDetect>>", colorDetectClass.value);
+    } else {
+        finallyText.value = finallyText.value.replace("<<ColorDetect>>", '');
     }
     if (isUsedQR) {
         finallyText.value = finallyText.value.replace("<<qr_function>>", QRDetectClass.value);
+    } else {
+        finallyText.value = finallyText.value.replace("<<qr_function>>", '');
     }
-    isModalVisible.value = true;}
-    
+    isModalVisible.value = true;
+}
 
 function cancel() {
-
     if (clickCount.value === 1) {
         return;
-    } else {
-        numbers.value[listOfTrips.value.at(-1).index].variable.pop();
-        listOfTrips.value.pop();
-        clickCount.value--;
     }
+    listOfTrips.value.at(-1).variable.pop();
+    listOfTrips.value.pop();
+    clickCount.value--;
 }
 
 function cleanResult() {
     clickCount.value = 1;
+    listOfTrips.value.forEach(item => {
+        item.isPlatform = false;
+        item.isQR = false;
+        item.variable = [];
+        item.BgImg = 'images/ArUco-marker.jpg'
+    })
     listOfTrips.value = [];
-    for (let i = 0; i < 100; i++) {
-        numbers.value[i].variable = [];
-        numbers.value[i].BgImg = 'images/ArUco-marker.jpg'
-    }
 }
 
 // Обрабатываем нажатие Ctrl + Z
@@ -158,43 +162,57 @@ function handleDownloadBtn() {
 }
 
 function createPlatform(item, color) {
-    if (!item.isPlatform && item.variable.at(-1) !== clickCount.value - 1) {
+    if (!item.variable.length) {
+        item.variable.push(clickCount.value);
         listOfTrips.value.push(item)
-        numbers.value[item.index].variable.push(clickCount.value);
         clickCount.value++
-        item['isPlatform'] = true
     }
-    numbers.value[item.index].BgImg = `images/${color}-platform.jpg`
+    item.isPlatform = true;
+    item.isQR = false;
+    item.BgImg = `images/${color}-platform.jpg`
 }
 
 function deletePlatform(item) {
-    item['isPlatform'] = false
-    const index = listOfTrips.value.indexOf(item);
-    if (index !== -1) {
-        listOfTrips.value.splice(index, 1);
-    }
-    numbers.value[item.index].BgImg = 'images/ArUco-marker.jpg'
-    clickCount.value--
+    item.BgImg = 'images/ArUco-marker.jpg'
+    item.isPlatform = false
 }
 
 function createQR(item) {
-    if (!item.isQR) {
+    if (!item.variable.length) {
+        item.variable.push(clickCount.value);
         listOfTrips.value.push(item)
-        numbers.value[item.index].variable.push(clickCount.value);
+        clickCount.value++
     }
-    item['isQR'] = true
-    numbers.value[item.index].BgImg = `images/qr.jpg`
-    clickCount.value++
+    item.isPlatform = false;
+    item.isQR = true;
+    item.BgImg = `images/qr.jpg`
 }
 
 function deleteQR(item) {
-    item['isQR'] = false
+    item.BgImg = 'images/ArUco-marker.jpg'
+    item.isQR = true
+}
+
+function deletePointMap(item) {
     const index = listOfTrips.value.indexOf(item);
     if (index !== -1) {
+        const deletedIndex = item.variable.at(-1)
+        listOfTrips.value.forEach(square => {
+            square.variable.map(itemVariable => {
+                if (itemVariable === deletedIndex) {
+                    square.variable = []
+                }
+                if (itemVariable > deletedIndex) {
+                    square.variable[square.variable.indexOf(itemVariable)]--
+                }
+            })
+        })
         listOfTrips.value.splice(index, 1);
+        clickCount.value--
+        item.isQR = false
+        item.isPlatform = false
+        item.BgImg = 'images/ArUco-marker.jpg'
     }
-    numbers.value[item.index].BgImg = 'images/ArUco-marker.jpg'
-    clickCount.value--
 }
 
 function onContextMenu(e, item) {
@@ -238,10 +256,8 @@ function onContextMenu(e, item) {
                 ],
             },
             {
-                label: "Отмена",
-                onClick: () => {
-                    alert('Здесь ещё предстоит написать код')
-                }
+                label: "Удалить",
+                onClick: () => deletePointMap(item),
             },
         ]
     });
@@ -322,6 +338,7 @@ html {
     transition: background-color 0.3s ease;
 
     color: white;
+    font-size: 18px;
     text-shadow: -1px -1px 0 black,
     1px -1px 0 black,
     -1px 1px 0 black,
-- 
2.52.0


From 23f65a101ec933fa7f068e1ed6dbb162827eaced Mon Sep 17 00:00:00 2001
From: Ilia Miheev <imiheev774@gmail.com>
Date: Mon, 9 Mar 2026 17:59:08 +0300
Subject: [PATCH 11/11] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=B8=D0=BA=D0=BE=D0=BD=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/icons/base_square.webp  | Bin 0 -> 1346 bytes
 public/icons/blue_square.webp  | Bin 0 -> 2914 bytes
 public/icons/plus.webp         | Bin 0 -> 3106 bytes
 public/icons/qr_code.png       | Bin 0 -> 4988 bytes
 public/icons/red_square.webp   | Bin 0 -> 2868 bytes
 public/icons/trash.webp        | Bin 0 -> 2468 bytes
 public/icons/white_square.webp | Bin 0 -> 2374 bytes
 src/App.vue                    |  28 +++++++++++++++++++++++-----
 8 files changed, 23 insertions(+), 5 deletions(-)
 create mode 100644 public/icons/base_square.webp
 create mode 100644 public/icons/blue_square.webp
 create mode 100644 public/icons/plus.webp
 create mode 100644 public/icons/qr_code.png
 create mode 100644 public/icons/red_square.webp
 create mode 100644 public/icons/trash.webp
 create mode 100644 public/icons/white_square.webp

diff --git a/public/icons/base_square.webp b/public/icons/base_square.webp
new file mode 100644
index 0000000000000000000000000000000000000000..bcac844ac0788b132fa1d5d3e329225fb3611019
GIT binary patch
literal 1346
zcmb`)`9Bj1008hg%WWl@99zQn&}Kt>i<f3(48zEVIkwnd7P3*6?BnJ+mK^DMn)_%f
z%2mk~p+mD6awJ!hA}J|(?~i!DeZL-f2M3HC0C3tKOY|n92}l1ke77rJT`=jGdj!Al
z*Z7O_Ve1VV>h22g-W}F)1AKUHgN^0DSTn2TM<#70to=3ApKDP>J;aK+VfLhXwFvt<
zvVA|GXS2yx`?kmKgT-{7k+9rI%FS=1V;_~N`A#Xo1<_;f)$QXRl%IXwbxWsxl_ZqE
zSx33D8XLD)M2Tngb`NW$56>P_o;}z(p|}>=KD4(kT6nZazwhBwbO*BGk@5-9hMs?=
zxS^X+rw0cv$c>Ig`A*xqr+ayy)C<i57m%}D?y~tWx-fqcIXd)fQ9jI2D2=eL>1-C*
zr>-;-TyN=v!RAGqTKRVaV5UMV=ko*&rKis|^&5#MqrMN$06j-&U6$8@h-X}3YfRn~
zc7&$$$4phXb=vbb{l;`LDqAIo_$pA8Jm6N-U1!3zwJ4Yxy}{lrV^NpCDyfb7_o?-n
zJ221NtL97gaONuqBfZ4X`{v(%X3&^}AC3Vtm}N494BAV#mdrrc$k%#tf|BjAxlxUj
z*_caNDE|ZYyo`Ne9FF|pqpr%hB>7W#qGtlh(tt5<a=G~3iK8{Y6~-HbXOdN=WpH%9
zK!^)SQ(h}!hoBb6qwRtWQBjPYqMtg>)+BEWl<^V{&N2rcFTIzGHfP1^edugu*VGTu
zpsND(;*r{8xcJ_A8GyTslg&X5NgxLXk>(X$YgVf}8?NXg7h$@f-EbUt+A|wa<20_g
z&}3PuV~d{GEVYq6hD{K_Q&v;9Ck|laOqE4nmUE~Rc8ho=ShBQ<3Vv2)Tmt@K*O-??
zVDQ%=_O2loCzCBhia9oOPN{wa7v4lVxTen2lVp+EF=^LD6@~^k?IuAO<GFIx?@)sT
zvVL@bYSEYN@ST=lzPt6iqwy;pn=}7sKkX_+BL8^L&q3;#fylaV2N;_D=xK;Ca++Iw
zMGUzJ%JCa&9fn9yw=hK_5+tD@b2p#<^09nTCb{<^<j0};h%{e{BRP?jQbExwTNdlb
zEkiao6-sS(8uWX%dBlDemb>?3N)mvSLS%Cv2l>eHXfO$W3euK;Ub!<<1M^Zh)trR^
zoa8vkwEa$3fsM!lh<Vs*$9Bl}L9wC~AS|a;I2}Qo{F+Fe2tFL$<dET*S@lh7zK?HK
zih4`dDpaesTI93bXcdi!a4`rEPCYzX(adkPN5E@(Kx-<t?A*x%jaSj4!U*P_uL?CH
zcMrETkCC@H%y&h4jxF0$r_?|;^4u(8rqiVdgi@bs3h21}F7(C&bRP4u?wVKwci$<M
za4uy)wYFl;r=ycqzD&!e_+4F+y{-1X-^91%EF}UtHO2);k<!m}<=l^*wz|#Pl?!A1
z4c+p;C?Rzw(r2q`tE{EG?{bX}E0!!QgW%SL&jC;UUai9f7bNDNRFaom+$D&t5bUsY
z{Z1KKp6u(h8tlxwNB3?S8wQ8pYz`3_cH@*@eQ`=WgAmihDTaYYgi5p+779fa9{ERX
z46MsWO#InpRokFYbv2)Zmy@G1vQF82p47ZheQTJh8|<;klW4CRJH%^UMru=8XfNLw
ztzQUv>QL`eT)6C3+nfFA1>00-8Y2U@44A2{w)l?q2j;@P+_oqQwb?c5AJPPhrwE3f
gr&m~yG|u(Dhy@EvM)nlM2B{T$Ju~aQ)E<QX7Z<#bvj6}9

literal 0
HcmV?d00001

diff --git a/public/icons/blue_square.webp b/public/icons/blue_square.webp
new file mode 100644
index 0000000000000000000000000000000000000000..88110a5adaaff62d9eb2b399902fcb66d084ea63
GIT binary patch
literal 2914
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

literal 0
HcmV?d00001

diff --git a/public/icons/plus.webp b/public/icons/plus.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6b6240631cb40522e739621092be50250df0ad8a
GIT binary patch
literal 3106
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

literal 0
HcmV?d00001

diff --git a/public/icons/qr_code.png b/public/icons/qr_code.png
new file mode 100644
index 0000000000000000000000000000000000000000..72341307e856441b54a0176c263783632200b4ff
GIT binary patch
literal 4988
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

literal 0
HcmV?d00001

diff --git a/public/icons/red_square.webp b/public/icons/red_square.webp
new file mode 100644
index 0000000000000000000000000000000000000000..56eaad96ff09f565696b84a92c300922ad3ba0fc
GIT binary patch
literal 2868
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

literal 0
HcmV?d00001

diff --git a/public/icons/trash.webp b/public/icons/trash.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b4d66e4db7ff784713cedecb7cb83c8a7fa066b0
GIT binary patch
literal 2468
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
QG;YQ7BkTX(9L5sUU-J>EYybcN

literal 0
HcmV?d00001

diff --git a/public/icons/white_square.webp b/public/icons/white_square.webp
new file mode 100644
index 0000000000000000000000000000000000000000..09d7e5e45c85c448a31c576a64070d41a548e270
GIT binary patch
literal 2374
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

literal 0
HcmV?d00001

diff --git a/src/App.vue b/src/App.vue
index 9910086..8650d0d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {ref, onMounted} from "vue";
+import {ref, onMounted, h} from "vue";
 import izitoast from "./shared/izitoast";
 import {useEventListener} from "@vueuse/core";
 import MyDialog from "./components/MyDialog.vue";
@@ -214,7 +214,15 @@ function deletePointMap(item) {
         item.BgImg = 'images/ArUco-marker.jpg'
     }
 }
-
+function createIcon(src) {
+    return h('img', {
+        src: src,
+        style: {
+            width: '20px',
+            height: '20px',
+        }
+    })
+}
 function onContextMenu(e, item) {
     ContextMenu.showContextMenu({
         theme: 'mac dark',
@@ -222,41 +230,51 @@ function onContextMenu(e, item) {
         y: e.y,
         items: [
             {
-                label: "Платформы",
+                label: "Платформа",
+                icon: createIcon('icons/base_square.webp'),
                 children: [
                     {
                         label: "Белая",
                         onClick: () => createPlatform(item, 'white'),
+                        icon: createIcon('icons/white_square.webp'),
                     },
                     {
                         label: "Синяя",
                         onClick: () => createPlatform(item, 'blue'),
+                        icon: createIcon('icons/blue_square.webp'),
                     },
                     {
                         label: "Красная",
                         onClick: () => createPlatform(item, 'red'),
+                        icon: createIcon('icons/red_square.webp'),
                     },
                     {
                         label: "Удалить",
                         onClick: () => deletePlatform(item),
+                        icon: createIcon('icons/trash.webp'),
                     },
                 ]
             },
             {
                 label: "QR код",
+                icon: createIcon('icons/qr_code.png'),
                 children: [
                     {
                         label: "Добавить",
-                        onClick: () => createQR(item)
+                        onClick: () => createQR(item),
+                        icon: createIcon('icons/plus.webp')
                     },
                     {
                         label: "Удалить",
-                        onClick: () => deleteQR(item)
+                        onClick: () => deleteQR(item),
+                        icon: createIcon('icons/trash.webp')
+
                     },
                 ],
             },
             {
                 label: "Удалить",
+                icon: createIcon('icons/trash.webp'),
                 onClick: () => deletePointMap(item),
             },
         ]
-- 
2.52.0