Update buil_json_m.html

buil_json_m.html

@@ -85,6 +85,20 @@
     </div>
     <button id="addMenu">Добавить меню</button>
   </div>
+  <div>
+    <div class="input-row">
+      <label for="menuTitle">Название меню:</label>
+      <input type="text" id="menuTitle" placeholder="Мега_тест">
+      <label for="submenuTitle">Название подменю:</label>
+      <input type="text" id="submenuTitle" placeholder="Раздел 1">
+      <label for="submenuLink">Ссылка подменю:</label>
+      <input type="text" id="submenuLink" placeholder="https://example.com">
+    </div>
+    <button id="addSubmenu">Добавить подменю</button>
+  </div>
+  <div>
+    <button id="saveToClipboard">Сохранить в буфер обмена</button>
+  </div>
   <div id="jsoneditor"></div>
 
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/9.9.2/jsoneditor.min.js"></script>
@@ -103,6 +117,7 @@
         "menu": []
       };
       editor.set(menuData);
+
       document.getElementById('addMenu').addEventListener('click', function() {
         const title1 = document.getElementById('title1').value;
         const link1 = document.getElementById('link1').value;
@@ -110,6 +125,7 @@
         const link2 = document.getElementById('link2').value;
         const title3 = document.getElementById('title3').value;
         const title4 = document.getElementById('title4').value;
+
         if (title1 && link1 && title2 && link2 && title3 && title4) {
           menuData.menu = [
             { "title": title1, "link": link1 },
@@ -122,6 +138,37 @@
           alert('Please fill in all menu fields.');
         }
       });
+
+      document.getElementById('addSubmenu').addEventListener('click', function() {
+        const menuTitle = document.getElementById('menuTitle').value;
+        const submenuTitle = document.getElementById('submenuTitle').value;
+        const submenuLink = document.getElementById('submenuLink').value;
+
+        if (menuTitle && submenuTitle && submenuLink) {
+          const menuItem = menuData.menu.find(item => item.title === menuTitle);
+          if (menuItem) {
+            if (!menuItem.submenu) {
+              menuItem.submenu = [];
+            }
+            menuItem.submenu.push({ "title": submenuTitle, "link": submenuLink });
+            editor.set(menuData);
+          } else {
+            alert('Menu item not found.');
+          }
+        } else {
+          alert('Please fill in all submenu fields.');
+        }
+      });
+
+      document.getElementById('saveToClipboard').addEventListener('click', function() {
+        const json = editor.get();
+        const jsonString = JSON.stringify(json, null, 2);
+        navigator.clipboard.writeText(jsonString).then(function() {
+          alert('JSON saved to clipboard!');
+        }, function(err) {
+          console.error('Could not copy text: ', err);
+        });
+      });
     });
   </script>
 </body>