Update buil_json.html

buil_json.html

@@ -4,6 +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" href="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/9.9.2/jsoneditor.min.css" />
   <style>
     body {
@@ -101,15 +102,24 @@ document.addEventListener('DOMContentLoaded', function() {
       alert('Please fill in both title and file URL.');
     }
   });
-  document.getElementById('saveToClipboard').addEventListener('click', function() {
-    const json = editor.get();
-    const jsonString = JSON.stringify(json); // Убираем параметры отступов
-    navigator.clipboard.writeText(jsonString).then(function() {
-      alert('JSON saved to clipboard!');
-    }, function(err) {
-      console.error('Could not copy text: ', err);
-    });
+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);
   });
+});
 });
     
   </script>