wa_gc_api

Sleeping

App Files Files Community

DmitrMakeev commited on Jul 10

Commit

601be0e

•

1 Parent(s): 4e50c71

Update up_gr.html

Browse files

Files changed (1) hide show

up_gr.html +33 -62

up_gr.html CHANGED Viewed

@@ -3,8 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Create Group with Users</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;
@@ -32,20 +31,19 @@
             border: 1px solid #ccc;
             border-radius: 5px;
         }
-        #groupNameInput {
-            width: 80%;
             margin-top: 20px;
         }
-        #groupIdOutput {
-            width: 80%;
-            margin-top: 20px;
-            padding: 10px;
             font-size: 16px;
-            border: 1px solid #ccc;
-            border-radius: 5px;
-            background-color: #fff;
         }
-        #createGroupButton, #copyGroupIdButton {
             color: white;
             background-color: #4CAF50;
             border: none;
@@ -55,50 +53,41 @@
             border-radius: 5px;
             margin-top: 20px;
         }
-        #createGroupButton:hover, #copyGroupIdButton:hover {
             background-color: #388E3C;
         }
     </style>
 </head>
 <body>
-    <h1>Создание группы с пользователями</h1>
     <div class="input-row">
-        <input type="text" id="apiKeyInput" placeholder="Введите API ключ">
-        <input type="text" id="groupNameInput" placeholder="Введите название группы">
     </div>
     <input type="file" id="fileInput" accept=".txt">
-    <button id="createGroupButton">Создать группу</button>
-    <input type="text" id="groupIdOutput" placeholder="ID созданной группы" readonly>
-    <button id="copyGroupIdButton">Скопировать ID группы</button>
-    <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;
             const groupName = document.getElementById('groupNameInput').value;
             const fileInput = document.getElementById('fileInput');
             const file = fileInput.files[0];
-            if (!apiKey || !groupName || !file) {
-                Toastify({
-                    text: "Пожалуйста, заполните все поля и выберите файл.",
-                    duration: 3000,
-                    gravity: "top",
-                    position: "right",
-                    backgroundColor: "yellow",
-                    stopOnFocus: true
-                }).showToast();
                 return;
             }
             const reader = new FileReader();
             reader.onload = async function(event) {
                 const text = event.target.result;
-                const chatIds = text.split(',').map(id => id.trim()).filter(id => id);
                 const payload = {
                     groupName: groupName,
-                    chatIds: chatIds
                 };
                 try {
-                    const response = await fetch("https://api.green-api.com/waInstance1101952913/createGroup/fb4986a9d9cb40ef9be6c7b08cb9c98b7a3b1dc8c6834b0b92", {
                         method: 'POST',
                         headers: {
                             'Content-Type': 'application/json'
@@ -109,43 +98,25 @@
                         throw new Error(`HTTP error! status: ${response.status}`);
                     }
                     const data = await response.json();
-                    document.getElementById('groupIdOutput').value = data.chatId;
-                    Toastify({
-                        text: "Группа успешно создана.",
-                        duration: 3000,
-                        gravity: "top",
-                        position: "right",
-                        backgroundColor: "yellow",
-                        stopOnFocus: true
-                    }).showToast();
                 } catch (error) {
                     console.error('Error creating group:', error);
-                    Toastify({
-                        text: "Ошибка при создании группы.",
-                        duration: 3000,
-                        gravity: "top",
-                        position: "right",
-                        backgroundColor: "yellow",
-                        stopOnFocus: true
-                    }).showToast();
                 }
             };
             reader.readAsText(file);
         });
-        document.getElementById('copyGroupIdButton').addEventListener('click', function() {
-            const groupIdInput = document.getElementById('groupIdOutput');
-            groupIdInput.select();
             document.execCommand('copy');
-            Toastify({
-                text: "ID группы скопирован в буфер обмена.",
-                duration: 3000,
-                gravity: "top",
-                position: "right",
-                backgroundColor: "yellow",
-                stopOnFocus: true
-            }).showToast();
-        });
     </script>
 </body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Create Group with Members</title>
     <style>
         body {
             font-family: Arial, sans-serif;
             border: 1px solid #ccc;
             border-radius: 5px;
         }
+        .id-container {
             margin-top: 20px;
         }
+        .id-container .group-id {
+            color: #007BFF;
+            text-decoration: none;
             font-size: 16px;
+            cursor: pointer;
         }
+        .id-container .group-id:hover {
+            text-decoration: underline;
+        }
+        .create-button {
             color: white;
             background-color: #4CAF50;
             border: none;
             border-radius: 5px;
             margin-top: 20px;
         }
+        .create-button:hover {
             background-color: #388E3C;
         }
     </style>
 </head>
 <body>
+    <h1>Create Group with Members</h1>
     <div class="input-row">
+        <input type="text" id="groupNameInput" placeholder="Enter group name">
     </div>
     <input type="file" id="fileInput" accept=".txt">
+    <button class="create-button" id="createGroupButton">Create Group</button>
+    <div class="id-container">
+        <span class="group-id" id="groupIdToCopy" onclick="copyToClipboard(this)">Click here to copy the group ID</span>
+    </div>
     <script>
         document.getElementById('createGroupButton').addEventListener('click', async function() {
             const groupName = document.getElementById('groupNameInput').value;
             const fileInput = document.getElementById('fileInput');
             const file = fileInput.files[0];
+            if (!groupName || !file) {
+                alert('Please enter a group name and select a file.');
                 return;
             }
             const reader = new FileReader();
             reader.onload = async function(event) {
                 const text = event.target.result;
+                const members = text.split(',').map(member => member.trim()).filter(member => member);
                 const payload = {
                     groupName: groupName,
+                    members: members
                 };
                 try {
+                    const response = await fetch('https://api.example.com/createGroup', {
                         method: 'POST',
                         headers: {
                             'Content-Type': 'application/json'
                         throw new Error(`HTTP error! status: ${response.status}`);
                     }
                     const data = await response.json();
+                    document.getElementById('groupIdToCopy').innerText = data.groupId;
+                    alert('Group created successfully!');
                 } catch (error) {
                     console.error('Error creating group:', error);
+                    alert('Error creating group.');
                 }
             };
             reader.readAsText(file);
         });
+        function copyToClipboard(element) {
+            const tempInput = document.createElement('input');
+            document.body.appendChild(tempInput);
+            tempInput.value = element.innerText;
+            tempInput.select();
             document.execCommand('copy');
+            document.body.removeChild(tempInput);
+            alert('Group ID copied to clipboard!');
+        }
     </script>
 </body>
 </html>