Update buil_json.html

buil_json.html

@@ -75,19 +75,19 @@
       <label for="link2">Ссылка 2:</label>
       <input type="text" id="link2" placeholder="https://example.com">
     </div>
-    <button id="addMenu">Добавить меню</button>
-  </div>
-  <div>
     <div class="input-row">
-      <label for="submenuTitle">Название подменю:</label>
-      <input type="text" id="submenuTitle" placeholder="Раздел">
-      <label for="submenuLink">Ссылка подменю:</label>
-      <input type="text" id="submenuLink" placeholder="https://example.com">
+      <label for="title3">Название 3:</label>
+      <input type="text" id="title3" placeholder="Мега-меню">
+      <label for="link3">Ссылка 3:</label>
+      <input type="text" id="link3" placeholder="#link">
     </div>
-    <button id="addSubmenu">Добавить подменю</button>
-  </div>
-  <div>
-    <button id="saveToClipboard">Сохранить в буфер обмена</button>
+    <div class="input-row">
+      <label for="title4">Название 4:</label>
+      <input type="text" id="title4" placeholder="Подменю">
+      <label for="link4">Ссылка 4:</label>
+      <input type="text" id="link4" placeholder="#link">
+    </div>
+    <button id="addMenu">Добавить меню</button>
   </div>
   <div id="jsoneditor"></div>
 
@@ -113,44 +113,23 @@
         const link1 = document.getElementById('link1').value;
         const title2 = document.getElementById('title2').value;
         const link2 = document.getElementById('link2').value;
-        if (title1 && link1 && title2 && link2) {
-          menuData.menu.push({ "title": title1, "link": link1 });
-          menuData.menu.push({ "title": title2, "link": link2 });
-          editor.set(menuData);
-          document.getElementById('title1').value = '';
-          document.getElementById('link1').value = '';
-          document.getElementById('title2').value = '';
-          document.getElementById('link2').value = '';
-        } else {
-          alert('Please fill in all menu fields.');
-        }
-      });
+        const title3 = document.getElementById('title3').value;
+        const link3 = document.getElementById('link3').value;
+        const title4 = document.getElementById('title4').value;
+        const link4 = document.getElementById('link4').value;
 
-      document.getElementById('addSubmenu').addEventListener('click', function() {
-        const submenuTitle = document.getElementById('submenuTitle').value;
-        const submenuLink = document.getElementById('submenuLink').value;
-        if (submenuTitle && submenuLink) {
-          if (!menuData.menu[1].submenu) {
-            menuData.menu[1].submenu = [];
-          }
-          menuData.menu[1].submenu.push({ "title": submenuTitle, "link": submenuLink });
+        if (title1 && link1 && title2 && link2 && title3 && link3 && title4 && link4) {
+          menuData.menu = [
+            { "title": title1, "link": link1 },
+            { "title": title2, "link": link2 },
+            { "title": title3, "link": link3 },
+            { "title": title4, "link": link4 }
+          ];
           editor.set(menuData);
-          document.getElementById('submenuTitle').value = '';
-          document.getElementById('submenuLink').value = '';
         } else {
-          alert('Please fill in both submenu fields.');
+          alert('Please fill in all menu 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>