File size: 6,104 Bytes
ad59067
 
 
 
 
6c1489a
ad59067
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
b1f18e2
ad59067
b1f18e2
 
ad59067
 
 
 
 
 
 
 
 
b1f18e2
6c1489a
ad59067
 
 
 
 
 
 
6c1489a
 
 
 
 
38c49e7
6c1489a
ad59067
 
 
 
 
6c1489a
 
 
 
 
38c49e7
6c1489a
ad59067
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
    <title>Add Participants to Group</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            background-color: #f0f0f0;
            margin: 0;
            padding: 0;
        }
        h1 {
            background-color: #4CAF50;
            color: white;
            padding: 20px;
            margin: 0;
            border-bottom: 2px solid #388E3C;
        }
        .input-row {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 20px;
        }
        .input-row input {
            padding: 10px;
            font-size: 16px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        #progressBarContainer {
            width: 80%;
            margin: 20px auto;
        }
        #progressBar {
            width: 100%;
            background-color: #ddd;
        }
        #progress {
            width: 0%;
            height: 30px;
            background-color: #4CAF50;
            text-align: center;
            line-height: 30px;
            color: white;
        }
        #addButton {
            color: white;
            background-color: #4CAF50;
            border: none;
            cursor: pointer;
            padding: 10px 20px;
            font-size: 16px;
            border-radius: 5px;
            margin-top: 20px;
        }
        #addButton:hover {
            background-color: #388E3C;
        }
    </style>
</head>
<body>
    <h1>Добавление пользователей в закрытую группу</h1>
    <div class="input-row">
        <input type="text" id="apiKeyInput" placeholder="Введите API ключ">
        <input type="text" id="groupIdInput" placeholder="Введите  ID группы">
        <input type="number" id="minDelayInput" placeholder="Min Delay (ms)" value="500">
        <input type="number" id="maxDelayInput" placeholder="Max Delay (ms)" value="1000">
    </div>
    <div id="progressBarContainer">
        <div id="progressBar">
            <div id="progress">0%</div>
        </div>
    </div>
    <input type="file" id="fileInput" accept=".txt">
    <button id="addButton">Зупустить цикл добавления</button>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
    <script>
        document.getElementById('addButton').addEventListener('click', function() {
            const apiKey = document.getElementById('apiKeyInput').value;
            const groupId = document.getElementById('groupIdInput').value;
            const minDelay = parseInt(document.getElementById('minDelayInput').value) || 500;
            const maxDelay = parseInt(document.getElementById('maxDelayInput').value) || 1000;
            if (!apiKey || !groupId) {
                           Toastify({
                text: "Проверьте правильность API ключа или ID группы",
                duration: 3000,
                gravity: "top",
                position: "center",
                backgroundColor: "#fc0303",
            }).showToast();
                return;
            }
            const fileInput = document.getElementById('fileInput');
            const file = fileInput.files[0];
            if (!file) {
                           Toastify({
                text: "Добавьте файл с подписчиками",
                duration: 3000,
                gravity: "top",
                position: "center",
                backgroundColor: "#fc0303",
            }).showToast();
                return;
            }
            const reader = new FileReader();
            reader.onload = function(event) {
                const text = event.target.result;
                const participants = text.split('\n').map(line => line.trim()).filter(line => line);
                addParticipants(participants, apiKey, groupId, minDelay, maxDelay);
            };
            reader.readAsText(file);
        });

        async function addParticipants(participants, apiKey, groupId, minDelay, maxDelay) {
            const totalParticipants = participants.length;
            const progressBar = document.getElementById('progress');
            for (let i = 0; i < totalParticipants; i++) {
                const participant = participants[i];
                try {
                    const response = await fetch(`https://api.green-api.com/waInstance1101952913/addGroupParticipant/${apiKey}`, {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json'
                        },
                        body: JSON.stringify({
                            groupId: groupId,
                            participantChatId: `${participant}@c.us`
                        })
                    });
                    if (!response.ok) {
                        throw new Error(`HTTP error! status: ${response.status}`);
                    }
                    const data = await response.json();
                    console.log(`Participant ${participant} added to group:`, data);
                } catch (error) {
                    console.error(`Error adding participant ${participant} to group:`, error);
                }
                const progress = ((i + 1) / totalParticipants) * 100;
                progressBar.style.width = `${progress}%`;
                progressBar.textContent = `${progress.toFixed(2)}%`;
                if (i < totalParticipants - 1) {
                    const randomDelay = Math.floor(Math.random() * (maxDelay - minDelay + 1)) + minDelay;
                    await new Promise(resolve => setTimeout(resolve, randomDelay));
                }
            }
        }
    </script>
</body>
</html>