Update up_gr.html

up_gr.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Create Group with Members</title>
+      <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
     <style>
         body {
             font-family: Arial, sans-serif;
@@ -71,7 +72,7 @@
     <div class="group-id-container">
         <span class="group-id" id="groupIdToCopy" onclick="copyToClipboard(this)">Click here to copy the group ID</span>
     </div>
-
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
     <script>
         document.getElementById('createGroupButton').addEventListener('click', async function() {
             const apiKey = document.getElementById('apiKeyInput').value;
@@ -127,8 +128,14 @@
                     alert('Group created successfully!');
                     console.log('Response JSON:', data);
                 } catch (error) {
-                    console.error('Error creating group:', error);
-                    alert('Error creating group.');
+
+                      Toastify({
+                text: "Ошибка создания группы!",
+                duration: 3000,
+                gravity: "top",
+                position: "center",
+                backgroundColor: "#4CAF50",
+            }).showToast();
                 }
             };
             reader.readAsText(file);
@@ -141,7 +148,13 @@
             tempInput.select();
             document.execCommand('copy');
             document.body.removeChild(tempInput);
-            alert('Group ID copied to clipboard!');
+                      Toastify({
+                text: "Группа созданна, пользователи добавленны!",
+                duration: 3000,
+                gravity: "top",
+                position: "center",
+                backgroundColor: "#4CAF50",
+            }).showToast();
         }
     </script>
 </body>