<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed><type>rich</type><version>1.0</version><provider_name>phorkie</provider_name><provider_url>https://p.cweiske.de/</provider_url><title>PoC WhatsApp enumeration of phonenumbers, profile pics, about texts and online statuses (floated div) Raw</title><author_name>Christian Weiske</author_name><cache_age>86400</cache_age><width>900</width><height>900</height><html>&lt;!-- embedding all files of https://p.cweiske.de/440 --&gt;
&lt;link rel="stylesheet" href="https://p.cweiske.de/css/embed.css"/&gt;
&lt;div class="phork" id="440"&gt;
    &lt;div class="phork-file"&gt;
 &lt;div class="phork-content"&gt;
  &lt;style type="text/css"&gt;/**
 * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
 * (http://qbnz.com/highlighter/ and http://geshi.org/)
 */
.javascript .de1, .javascript .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.javascript  {font-family:monospace;}
.javascript .imp {font-weight: bold; color: red;}
.javascript li, .javascript .li1 {color: #DDD;}
.javascript .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.javascript .kw1 {color: #000066; font-weight: bold;}
.javascript .kw2 {color: #003366; font-weight: bold;}
.javascript .kw3 {color: #000066;}
.javascript .co1 {color: #006600; font-style: italic;}
.javascript .co2 {color: #009966; font-style: italic;}
.javascript .coMULTI {color: #006600; font-style: italic;}
.javascript .es0 {color: #000099; font-weight: bold;}
.javascript .br0 {color: #009900;}
.javascript .sy0 {color: #339933;}
.javascript .st0 {color: #3366CC;}
.javascript .nu0 {color: #CC0000;}
.javascript .me1 {color: #660066;}
.javascript span.xtra { display:block; }
&lt;/style&gt;&lt;div class="code"&gt;&lt;table class="javascript"&gt;&lt;tbody&gt;&lt;tr class="li1"&gt;&lt;td class="ln"&gt;&lt;pre class="de1"&gt;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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
&lt;/pre&gt;&lt;/td&gt;&lt;td class="de1"&gt;&lt;pre class="de1"&gt;&lt;span class="coMULTI"&gt;/****** I've created a Chrome extension from this script, take a look at https://github.com/LoranKloeze/WhatsAllApp ********/&lt;/span&gt;
&amp;#160;
&lt;span class="coMULTI"&gt;/*&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160;PoC WhatsApp enumeration of phonenumbers, profile pics, about texts and online statuses&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160;Floated div edition&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160;01-05-2017&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160;(c) 2017 - Loran Kloeze - loran@ralon.nl&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160;&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160;This script creates a UI on top of the WhatsApp Web interface. It enumerates certain kinds&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160;of information from a range of phonenumbers. It doesn't matter if these numbers are part&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160;of your contact list. At the end a table is displayed containing phonenumbers, profile pics, &lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160;about texts and online statuses. The online statuses are being updated every&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160;10 seconds.&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160;&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160;Check for an explanation: https://www.lorankloeze.nl/2017/05/07/collecting-huge-amounts-of-data-with-whatsapp/&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160;&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160;Instructions:&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160; - Open WhatsApp web&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160; - Make sure the phone is connected to the WhatsApp Web (past the QR-code screen)&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160; - Open up the console (F12) (Firefox users: type 'allow pasting' if you haven't done so yet)&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160; - Select the contents of this complete file and copy/paste it to the console&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160; - Never, NEVER do something like this if you're not 100% sure this file is from a thrustworthy source! &lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160; - You'll see a UI with 2 textboxes and a button&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160; - You may close the console now&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160; - Enter a range of phonenumbers you want to enumerate, more than 500 numbers is probably a little much &lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160; - After a few sec you'll see a table of phonenumbers, profile pics, about texts and on/offline statuses&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160; - Every 10 sec, the script checks if someone is online and places that number at the beginning of the table&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160; - If someone is currently online, the left border of the profile picture becomes green&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160; &lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160; You can drop this script in Tampermonkey or something like that. It only depends on libraries&lt;/span&gt;
&lt;span class="coMULTI"&gt;&amp;#160; provided by WhatsApp Web.&lt;/span&gt;
&lt;span class="coMULTI"&gt;*/&lt;/span&gt;
&amp;#160;
&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="kw2"&gt;function&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &lt;span class="st0"&gt;'use strict'&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="co1"&gt;// Prevent huge traffic/mem usage&lt;/span&gt;
&amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; maxNrClients &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="nu0"&gt;1500&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; 
&amp;#160; &amp;#160; &lt;span class="co1"&gt;// Standard phone numbers for the 2 text boxes in the UI&lt;/span&gt;
&amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; firstNumberStd &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="nu0"&gt;31642101000&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; lastNumberStd &lt;span class="sy0"&gt;=&lt;/span&gt; &amp;#160;&lt;span class="nu0"&gt;31642101100&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160;
&amp;#160;
&amp;#160; &amp;#160; &lt;span class="kw2"&gt;function&lt;/span&gt; setupEventListeners&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; btnStartIndexer &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;getElementById&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'btnStartIndexer'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; btnStartIndexer.&lt;span class="me1"&gt;addEventListener&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;click&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;,&lt;/span&gt; &lt;span class="kw2"&gt;function&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt; e &lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; firstNr &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;getElementById&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'inpFirstNumber'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;.&lt;span class="me1"&gt;value&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; lastNr &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;getElementById&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'inpLastNumber'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;.&lt;span class="me1"&gt;value&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; divClientBoxes &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;getElementById&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'divClientBoxes'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; divClientBoxes.&lt;span class="me1"&gt;innerHTML&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; firstNr &lt;span class="sy0"&gt;=&lt;/span&gt; parseInt&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;firstNr&lt;span class="sy0"&gt;,&lt;/span&gt; &lt;span class="nu0"&gt;10&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; lastNr &lt;span class="sy0"&gt;=&lt;/span&gt; parseInt&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;lastNr&lt;span class="sy0"&gt;,&lt;/span&gt; &lt;span class="nu0"&gt;10&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw1"&gt;if&lt;/span&gt; &lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;isNaN&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;firstNr&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="sy0"&gt;||&lt;/span&gt; isNaN&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;lastNr&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; console.&lt;span class="me1"&gt;log&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'Numbers should be integers'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw1"&gt;return&lt;/span&gt; &lt;span class="kw2"&gt;null&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw1"&gt;if&lt;/span&gt; &lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;lastNr &lt;span class="sy0"&gt;-&lt;/span&gt; firstNr &lt;span class="sy0"&gt;&amp;gt;&lt;/span&gt; maxNrClients&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; console.&lt;span class="me1"&gt;log&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'Don&lt;span class="es0"&gt;\'&lt;/span&gt;t query more than '&lt;/span&gt; &lt;span class="sy0"&gt;+&lt;/span&gt; maxNrClients &lt;span class="sy0"&gt;+&lt;/span&gt; &lt;span class="st0"&gt;' numbers right now'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw1"&gt;return&lt;/span&gt; &lt;span class="kw2"&gt;null&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; clientNr &lt;span class="sy0"&gt;=&lt;/span&gt; firstNr&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; 
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; clientBoxCreateT &lt;span class="sy0"&gt;=&lt;/span&gt; window.&lt;span class="me1"&gt;setInterval&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="kw2"&gt;function&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; console.&lt;span class="me1"&gt;log&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'Next 100...'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; lastClientNrForLoop &lt;span class="sy0"&gt;=&lt;/span&gt; clientNr &lt;span class="sy0"&gt;+&lt;/span&gt; &lt;span class="nu0"&gt;100&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw1"&gt;for&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;clientNr &lt;span class="sy0"&gt;&amp;lt;&lt;/span&gt; lastClientNrForLoop &lt;span class="sy0"&gt;&amp;amp;&amp;amp;&lt;/span&gt; clientNr &lt;span class="sy0"&gt;&amp;lt;&lt;/span&gt; lastNr&lt;span class="sy0"&gt;;&lt;/span&gt; clientNr&lt;span class="sy0"&gt;++&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; divClientBoxes.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;createClientBox&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;clientNr&lt;span class="sy0"&gt;,&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;,&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;&amp;quot;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw1"&gt;if&lt;/span&gt; &lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;clientNr &lt;span class="sy0"&gt;===&lt;/span&gt; lastNr&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; clearInterval&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;clientBoxCreateT&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;&lt;span class="sy0"&gt;,&lt;/span&gt; &lt;span class="nu0"&gt;500&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="co1"&gt;// The UI that's added to the current DOM&lt;/span&gt;
&amp;#160; &amp;#160; &lt;span class="kw2"&gt;function&lt;/span&gt; createDOM&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; body &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;getElementsByTagName&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'body'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#91;&lt;/span&gt;&lt;span class="nu0"&gt;0&lt;/span&gt;&lt;span class="br0"&gt;&amp;#93;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; containerDiv &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;div&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; containerDiv.&lt;span class="me1"&gt;id&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;'statusIndexer'&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; inputFirstNumberLabel &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;label&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; inputFirstNumberLabel.&lt;span class="me1"&gt;innerHTML&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;'First phone number'&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; inputFirstNumber &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;input&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; inputFirstNumber.&lt;span class="me1"&gt;type&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;text&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; inputFirstNumber.&lt;span class="me1"&gt;placeholder&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;31612345678&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; inputFirstNumber.&lt;span class="me1"&gt;value&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; firstNumberStd&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; inputFirstNumber.&lt;span class="me1"&gt;id&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;inpFirstNumber&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; inputLastNumberLabel &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;label&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; inputLastNumberLabel.&lt;span class="me1"&gt;innerHTML&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;'Last phone number'&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; inputLastNumber &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;input&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; inputLastNumber.&lt;span class="me1"&gt;type&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;text&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; inputLastNumber.&lt;span class="me1"&gt;placeholder&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;31612345678&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; inputLastNumber.&lt;span class="me1"&gt;value&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; lastNumberStd&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; inputLastNumber.&lt;span class="me1"&gt;id&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;inpLastNumber&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; btnStartIndexer &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;button&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; btnStartIndexer.&lt;span class="me1"&gt;id&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;'btnStartIndexer'&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; btnStartIndexer.&lt;span class="me1"&gt;innerHTML&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;'Start indexer'&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; containerDiv.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;inputFirstNumberLabel&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; containerDiv.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;inputFirstNumber&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; containerDiv.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;inputLastNumberLabel&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; containerDiv.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;inputLastNumber&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; containerDiv.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;br&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; containerDiv.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;btnStartIndexer&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; containerDiv.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;hr&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; clientBoxesDiv &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;div&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; clientBoxesDiv.&lt;span class="me1"&gt;id&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;'divClientBoxes'&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; containerDiv.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;clientBoxesDiv&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; style &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; style &lt;span class="sy0"&gt;+=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;#statusIndexer {position: absolute; top: 0px; left: 0px; min-height: 50%; overflow: scroll; max-height: 95%; background-color: rgba(230,230,230,0.95); z-index: 99999999; width: 95vw; padding: 50px; border-bottom: solid 3px #58e870; box-shadow: black 0px 1px 62px 0px;}&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; style &lt;span class="sy0"&gt;+=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;#statusIndexer label {margin: 0 15px 0 0;}&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; style &lt;span class="sy0"&gt;+=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;#statusIndexer input {margin: 0 25px 0 0; padding: 5px;}&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; style &lt;span class="sy0"&gt;+=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;#statusIndexer button {margin: 10px 0; border: solid 1px black; padding: 3px; border-radius: 3px; }&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; style &lt;span class="sy0"&gt;+=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;#statusIndexer button:hover {background-color: #58e870;}&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; style &lt;span class="sy0"&gt;+=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;#statusIndexer .indexerClientBox {float: left; width: 120px; text-align: center; margin: 15px; height: 65px;}&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; style &lt;span class="sy0"&gt;+=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;#statusIndexer img {width: 32px; height: 32px;}&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; style &lt;span class="sy0"&gt;+=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;#statusIndexer img.isOffline {border-left: solid 5px orange;}&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; style &lt;span class="sy0"&gt;+=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;#statusIndexer img.isOnline {border-left: solid 5px green;}&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; style &lt;span class="sy0"&gt;+=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;#statusIndexer .indexerPhone {font-size: 13px; margin: 2px; font-weight: bold;}&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; style &lt;span class="sy0"&gt;+=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;#statusIndexer .indexerStatus {font-size: 11px; margin: 2px;}&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; styleEl &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;style&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; styleEl.&lt;span class="me1"&gt;innerHTML&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; style&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; body.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;styleEl&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; body.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;containerDiv&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; 
&amp;#160; &amp;#160; &amp;#160; &amp;#160; 
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="co1"&gt;// Create a floated div per phonenumber and execute WhatsApp API queries&lt;/span&gt;
&amp;#160; &amp;#160; &lt;span class="kw2"&gt;function&lt;/span&gt; createClientBox&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;phonenumber&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; divBox &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;div&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; divBox.&lt;span class="me1"&gt;classList&lt;/span&gt;.&lt;span class="me1"&gt;add&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'indexerClientBox'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; divBox.&lt;span class="me1"&gt;id&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;'p'&lt;/span&gt;&lt;span class="sy0"&gt;+&lt;/span&gt;phonenumber&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; imgSrcNoneFound &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;&amp;quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAIAAAC3LO29AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABDRJREFUeNrsmj1IW1EUgGMNWLBGUIigIlVoq4LUQqsuXerP4uLf4qDSLh1aaRehCk6CDl0q2qFDf6yDi1YXF0272EFLoQWLkQoKGgsKKZggjaCkX97Bx0s01qA2Uc4jhHd/c757zj33nEuSgsGg7UI/l2wX/VFCJVRCJVRCJVRCJVRCJVRCJVRCJVRCJVRCJVRCJVTCUyDcGP3gnXJZi1uzX44e8uvN0PaC+9wQbo6Nux8+MiWmuDU7d/SQ1f7Bf67C6T72k453OH52dN6anIioB3vX57c70lKLi6z1JSPvkx0OXuBMLS7cXliUPtI/JTfncm6OdQZqdjzr9LQbo+JAmH2/FbVge9kP2szKpY5OLDa9ogwAvotevTSblnt608vL8p62zze3ALbn8wU869ITVJBKJyeAtM6w6/OVjAzzHjdPAxuQCGquPcJBhVhojI1K8dCBmdWVt2c+ZTU1oE/ASg1D+D3lkhmM4cN5Tx7H35ciBMu/0tMrRdlmmTVVfKMlPjv78BFPekU53yk52fRBb9gh1ojGWBSKojRnU338CZEsv7vLG1r7RYrJjjS+EVRao+GFz5AWMaFpEccZ/j/OQzTGR6jQDCKu9PQhJbuOSmdTQ0yzZdRUMQNbEXPAjcWTEOtK2Xd9qBG7Emd47Xkfx8bXu/fYVGxI0z1ah9BZVEfR9LfSSn9GBTye1f6BK0ZThJJje4IJ+fxZ88jL+ut3M1evn2Qquy0hnx/NLRybqA5DLejuOslUSYn5TwX2sPgYawxwoQg1t0hUwmjJBza5+mIgEH70SeX5ICT/IAo9IvlgyxH3RRzuUhn/3OJ40XmbGeKcAyvFcjjKP+ffQDPITXF5PyLFCKnEur7V1tGBbmKTnN1bc2HGSbwye/MOH3NsKDl+OySVB42TbtGaTp+QsIOAg5wA6TdHx/HmpE6iorX+QYlXSKnoQM+ljmdibxF5fUZ1JWkH8zDWvCVgaaghjo/IkqEiNiLzoJWmWK8IYiYk2uLnJZMALNOIIY2w242IGKQcX2tGPhWIEjcDzxCCMsm2pLLAiPvIxWi1blfv9EcWbjPkpeaY3HpvciaE32vrvNMuZ2O9qAs8IHEhG2PjyIcELDlhd2pRYVZjfbTTnEm23YssR8QNwKGphlVp/K7kXGdFiPaQj8WW9M/8VeoxJKeBxJYjqbOm/Ac9J8rH5FgRq/8UEpqMfN9hTVwo5j1tl0+syb49xk0Yui/BnRA0hgT1+8VuUd2uz29mvexPxI124yTKxxvthTtY9hjWAR4dWCPJNiXDnm9uxW/JnQ0bMqY7m5ijNnRo7Idcfg8RxcyoNN9DO2fKhSowpx3jDsZsBZulYTlkEsmMJMKGh+VjoJi9qUzRmLyLAR9q2BqXKqESKqESKqESKqESKqESKqESKqESKqESKqESKqESKqHtrwADAMxLRItbnk5RAAAAAElFTkSuQmCC&amp;quot;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; clientImgA &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;a&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; clientImg &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;img&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; profilePicRoutine &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="kw2"&gt;function&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;nr&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; Store.&lt;span class="me1"&gt;ProfilePicThumb&lt;/span&gt;.&lt;span class="me1"&gt;find&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt; nr &lt;span class="sy0"&gt;+&lt;/span&gt; &lt;span class="st0"&gt;'@c.us'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;.&lt;span class="me1"&gt;then&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="kw2"&gt;function&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;d&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; imgATag &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;getElementById&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'p'&lt;/span&gt;&lt;span class="sy0"&gt;+&lt;/span&gt;nr&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;.&lt;span class="me1"&gt;getElementsByTagName&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'a'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#91;&lt;/span&gt;&lt;span class="nu0"&gt;0&lt;/span&gt;&lt;span class="br0"&gt;&amp;#93;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; imgTag &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;getElementById&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'p'&lt;/span&gt;&lt;span class="sy0"&gt;+&lt;/span&gt;nr&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;.&lt;span class="me1"&gt;getElementsByTagName&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'img'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#91;&lt;/span&gt;&lt;span class="nu0"&gt;0&lt;/span&gt;&lt;span class="br0"&gt;&amp;#93;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw1"&gt;if&lt;/span&gt; &lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;d.&lt;span class="me1"&gt;img&lt;/span&gt; &lt;span class="sy0"&gt;===&lt;/span&gt; &lt;span class="kw2"&gt;null&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; profilePicRoutine&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;nr&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw1"&gt;if&lt;/span&gt; &lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;d.&lt;span class="me1"&gt;img&lt;/span&gt; &lt;span class="sy0"&gt;===&lt;/span&gt; undefined&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; imgTag.&lt;span class="me1"&gt;src&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; imgSrcNoneFound&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; imgATag.&lt;span class="me1"&gt;href&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;''&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt; &lt;span class="kw1"&gt;else&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; imgTag.&lt;span class="me1"&gt;src&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; d.&lt;span class="me1"&gt;img&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; imgATag.&lt;span class="me1"&gt;href&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;'#'&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; imgATag.&lt;span class="me1"&gt;addEventListener&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'click'&lt;/span&gt;&lt;span class="sy0"&gt;,&lt;/span&gt; &lt;span class="kw2"&gt;function&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; imgTag.&lt;span class="me1"&gt;src&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; d.&lt;span class="me1"&gt;imgFull&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; window.&lt;span class="kw3"&gt;open&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;d.&lt;span class="me1"&gt;imgFull&lt;/span&gt;&lt;span class="sy0"&gt;,&lt;/span&gt; &lt;span class="st0"&gt;'_blank'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; imgATag.&lt;span class="me1"&gt;target&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;'_blank'&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;&lt;span class="sy0"&gt;,&lt;/span&gt; &lt;span class="kw2"&gt;function&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;e&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="co1"&gt;// Server is throttling/rate limiting, we try it again&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; profilePicRoutine&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;nr&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; profilePicRoutine&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;phonenumber&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; clientImgA.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;clientImg&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; clientPhone &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;div&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; clientPhone.&lt;span class="me1"&gt;classList&lt;/span&gt;.&lt;span class="me1"&gt;add&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'indexerPhone'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; clientPhone.&lt;span class="me1"&gt;innerHTML&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; phonenumber&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; clientStatus &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;createElement&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;&amp;quot;div&amp;quot;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; clientStatus.&lt;span class="me1"&gt;classList&lt;/span&gt;.&lt;span class="me1"&gt;add&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'indexerStatus'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; statusFindRoutine &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="kw2"&gt;function&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;nr&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; Store.&lt;span class="me1"&gt;Wap&lt;/span&gt;.&lt;span class="me1"&gt;statusFind&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt; nr &lt;span class="sy0"&gt;+&lt;/span&gt; &lt;span class="st0"&gt;'@c.us'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;.&lt;span class="me1"&gt;then&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="kw2"&gt;function&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;d&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; document.&lt;span class="me1"&gt;getElementById&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'p'&lt;/span&gt;&lt;span class="sy0"&gt;+&lt;/span&gt;nr&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;.&lt;span class="me1"&gt;getElementsByClassName&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'indexerStatus'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#91;&lt;/span&gt;&lt;span class="nu0"&gt;0&lt;/span&gt;&lt;span class="br0"&gt;&amp;#93;&lt;/span&gt;.&lt;span class="me1"&gt;innerHTML&lt;/span&gt; &lt;span class="sy0"&gt;=&lt;/span&gt; d.&lt;span class="kw3"&gt;status&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;&lt;span class="sy0"&gt;,&lt;/span&gt; &lt;span class="kw2"&gt;function&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;e&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="co1"&gt;// Server is throttling/rate limiting, we try it again&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; statusFindRoutine&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;nr&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; statusFindRoutine&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;phonenumber&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; Store.&lt;span class="me1"&gt;Presence&lt;/span&gt;.&lt;span class="me1"&gt;find&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt; phonenumber &lt;span class="sy0"&gt;+&lt;/span&gt; &lt;span class="st0"&gt;'@c.us'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;.&lt;span class="me1"&gt;then&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="kw2"&gt;function&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;d&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw1"&gt;if&lt;/span&gt; &lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;d.&lt;span class="me1"&gt;isOnline&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; clientImg.&lt;span class="me1"&gt;classList&lt;/span&gt;.&lt;span class="me1"&gt;add&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'isOnline'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw1"&gt;else&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; clientImg.&lt;span class="me1"&gt;classList&lt;/span&gt;.&lt;span class="me1"&gt;add&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'isOffline'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; divBox.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;clientImgA&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; divBox.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;clientPhone&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; divBox.&lt;span class="me1"&gt;appendChild&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;clientStatus&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw1"&gt;return&lt;/span&gt; divBox&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;
&amp;#160;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="co1"&gt;// Check online/offline status every 10 sec&lt;/span&gt;
&amp;#160; &amp;#160; window.&lt;span class="me1"&gt;setInterval&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="kw2"&gt;function&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw1"&gt;for&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="kw2"&gt;var&lt;/span&gt; i&lt;span class="sy0"&gt;=&lt;/span&gt;&lt;span class="nu0"&gt;0&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt; i &lt;span class="sy0"&gt;&amp;lt;&lt;/span&gt; Store.&lt;span class="me1"&gt;Presence&lt;/span&gt;.&lt;span class="me1"&gt;models&lt;/span&gt;.&lt;span class="me1"&gt;length&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt; i&lt;span class="sy0"&gt;++&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; m &lt;span class="sy0"&gt;=&lt;/span&gt; Store.&lt;span class="me1"&gt;Presence&lt;/span&gt;.&lt;span class="me1"&gt;models&lt;/span&gt;&lt;span class="br0"&gt;&amp;#91;&lt;/span&gt;i&lt;span class="br0"&gt;&amp;#93;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; id &lt;span class="sy0"&gt;=&lt;/span&gt; &lt;span class="st0"&gt;'p'&lt;/span&gt; &lt;span class="sy0"&gt;+&lt;/span&gt; m.&lt;span class="me1"&gt;id&lt;/span&gt;.&lt;span class="me1"&gt;slice&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="nu0"&gt;0&lt;/span&gt;&lt;span class="sy0"&gt;,&lt;/span&gt; &lt;span class="sy0"&gt;-&lt;/span&gt;&lt;span class="nu0"&gt;5&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; clientBox &lt;span class="sy0"&gt;=&lt;/span&gt; document.&lt;span class="me1"&gt;getElementById&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;id&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw1"&gt;if&lt;/span&gt; &lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;clientBox &lt;span class="sy0"&gt;!==&lt;/span&gt; &lt;span class="kw2"&gt;null&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw2"&gt;var&lt;/span&gt; img &lt;span class="sy0"&gt;=&lt;/span&gt; clientBox.&lt;span class="me1"&gt;getElementsByTagName&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'img'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#91;&lt;/span&gt;&lt;span class="nu0"&gt;0&lt;/span&gt;&lt;span class="br0"&gt;&amp;#93;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; img.&lt;span class="me1"&gt;classList&lt;/span&gt;.&lt;span class="me1"&gt;remove&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'isOnline'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="kw1"&gt;if&lt;/span&gt; &lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;m.&lt;span class="me1"&gt;isOnline&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; console.&lt;span class="me1"&gt;log&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;id &lt;span class="sy0"&gt;+&lt;/span&gt; &lt;span class="st0"&gt;' is online'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; clientBox.&lt;span class="me1"&gt;parentNode&lt;/span&gt;.&lt;span class="me1"&gt;prepend&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;clientBox&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; img.&lt;span class="me1"&gt;classList&lt;/span&gt;.&lt;span class="me1"&gt;remove&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'isOffline'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; img.&lt;span class="me1"&gt;classList&lt;/span&gt;.&lt;span class="me1"&gt;add&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'isOnline'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt; &lt;span class="kw1"&gt;else&lt;/span&gt; &lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; img.&lt;span class="me1"&gt;classList&lt;/span&gt;.&lt;span class="me1"&gt;remove&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'isOnline'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; img.&lt;span class="me1"&gt;classList&lt;/span&gt;.&lt;span class="me1"&gt;add&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="st0"&gt;'isOffline'&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;
&amp;#160;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;
&amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;&lt;span class="sy0"&gt;,&lt;/span&gt; &lt;span class="nu0"&gt;10000&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; 
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="co1"&gt;// Let's setup the UI&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="co1"&gt;// Small delay in case the script is executed from something like Tampermonkey&lt;/span&gt;
&amp;#160; &amp;#160; window.&lt;span class="me1"&gt;setTimeout&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="kw2"&gt;function&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#123;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; createDOM&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; setupEventListeners&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160; &amp;#160; &lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;&lt;span class="sy0"&gt;,&lt;/span&gt; &lt;span class="nu0"&gt;500&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;
&amp;#160;
&amp;#160;
&lt;span class="br0"&gt;&amp;#125;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#40;&lt;/span&gt;&lt;span class="br0"&gt;&amp;#41;&lt;/span&gt;&lt;span class="sy0"&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="phork-meta"&gt;
  &lt;a href="https://p.cweiske.de/440/rev-raw/f710ed2e54e7c2a75cd59197b74606821580fd48/whatsapp_phone_enumerator_floated_div.js" style="float: right"&gt;view raw source&lt;/a&gt;
  &lt;a href="https://p.cweiske.de/440#whatsapp_phone_enumerator_floated_div.js"&gt;whatsapp_phone_enumerator_floated_div.js&lt;/a&gt;
 &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</html></oembed>
