Update buil_json.html

buil_json.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Video List Editor</title>
-    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
+  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/9.9.2/jsoneditor.min.css" />
   <style>
     body {
@@ -75,9 +75,9 @@
     <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>
-       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/9.9.2/jsoneditor.min.js"></script>
+  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
   <script>
 document.addEventListener('DOMContentLoaded', function() {
   const container = document.getElementById('jsoneditor');
@@ -106,19 +106,28 @@ document.addEventListener('DOMContentLoaded', function() {
 document.getElementById('saveToClipboard').addEventListener('click', function() {
   const json = editor.get();
   const jsonString = JSON.stringify(json, null, 2); // Добавляем отступы для читаемости
-  navigator.clipboard.writeText(jsonString).then(function() {
-    Toastify({
-      text: "Видеолист скопирован!",
-      duration: 3000, // Показывать 3 секунды
-      newWindow: true,
-      close: true,
-      gravity: "top", // Показывать сверху
-      position: "center", // Позиционировать по центру
-      backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
-      stopOnFocus: true // Останавливать таймер при фокусе на сообщении
-    }).showToast();
-  }, function(err) {
-    console.error('Could not copy text: ', err);
+
+  navigator.permissions.query({name: 'clipboard-write'}).then(result => {
+    if (result.state === 'granted' || result.state === 'prompt') {
+      navigator.clipboard.writeText(jsonString).then(() => {
+        Toastify({
+          text: "Видеолист скопирован!",
+          duration: 3000, // Показывать 3 секунды
+          newWindow: true,
+          close: true,
+          gravity: "top", // Показывать сверху
+          position: "center", // Позиционировать по центру
+          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+          stopOnFocus: true // Останавливать таймер при фокусе на сообщении
+        }).showToast();
+      }).catch(err => {
+        console.error('Could not copy text: ', err);
+      });
+    } else {
+      console.error('Permission to write to clipboard not granted.');
+    }
+  }).catch(err => {
+    console.error('Error querying clipboard permissions: ', err);
   });
 });
 });