Hugging Face's logo

Spaces:
test-sj-crm
/
psy
Runtime error

App Files Community
psy
File size: 5,294 Bytes 
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
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <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>Add Participants to Group</h1>
    <div class="input-row">
        <input type="text" id="apiKeyInput" placeholder="Enter API key">
        <input type="text" id="groupIdInput" placeholder="Enter group 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">Add Participants</button>

    <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) {
                alert('Please enter an API key and group ID.');
                return;
            }
            const fileInput = document.getElementById('fileInput');
            const file = fileInput.files[0];
            if (!file) {
                alert('Please select a file.');
                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>