WhatsApp Chat WP - Version 4.2.3

Version Description

Hello! We've recently acquired this plugin and included tons of new features.

Download this release

Release Info

Developer quadlayers
Plugin Icon 128x128 WhatsApp Chat WP
Version 4.2.3
Comparing to
See all releases

Code changes from version 4.2.2 to 4.2.3

Files changed (12) hide show
  1. assets/css/qlwapp-admin.css +502 -0
  2. assets/css/qlwapp.css +869 -0
  3. assets/js/qlwapp-admin.js +79 -0
  4. assets/js/qlwapp.js +274 -0
  5. assets/less/animations.less +369 -0
  6. assets/less/colors.less +53 -0
  7. assets/less/qlwapp.less +778 -0
  8. includes/settings.php +1 -1
  9. languages/qlwapp-pt_BR.mo +0 -0
  10. languages/qlwapp-pt_BR.po +496 -0
  11. readme.txt +7 -3
  12. wp-whatsapp-chat.php +3 -2
assets/css/qlwapp-admin.css ADDED
@@ -0,0 +1,502 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .select2-container {
2
+ box-sizing: border-box;
3
+ display: inline-block;
4
+ margin: 0;
5
+ position: relative;
6
+ vertical-align: middle
7
+ }
8
+
9
+ .select2-container .select2-selection--single {
10
+ box-sizing: border-box;
11
+ cursor: pointer;
12
+ display: block;
13
+ height: 28px;
14
+ margin: 0 0 -4px;
15
+ -moz-user-select: none;
16
+ -ms-user-select: none;
17
+ user-select: none;
18
+ -webkit-user-select: none
19
+ }
20
+
21
+ .select2-container .select2-selection--single .select2-selection__rendered {
22
+ display: block;
23
+ padding-left: 8px;
24
+ padding-right: 20px;
25
+ overflow: hidden;
26
+ text-overflow: ellipsis;
27
+ white-space: nowrap
28
+ }
29
+
30
+ .select2-container .select2-selection--single .select2-selection__clear {
31
+ position: relative
32
+ }
33
+
34
+ .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
35
+ padding-right: 8px;
36
+ padding-left: 20px
37
+ }
38
+
39
+ .select2-container .select2-selection {
40
+ box-sizing: border-box;
41
+ cursor: pointer;
42
+ display: block;
43
+ min-height: 32px;
44
+ -moz-user-select: none;
45
+ -ms-user-select: none;
46
+ user-select: none;
47
+ -webkit-user-select: none
48
+ }
49
+
50
+ .select2-container .select2-selection .select2-selection__rendered {
51
+ display: inline-block;
52
+ overflow: hidden;
53
+ padding-left: 8px;
54
+ text-overflow: ellipsis;
55
+ white-space: nowrap
56
+ }
57
+
58
+ .select2-container .select2-search--inline {
59
+ float: left;
60
+ padding: 0
61
+ }
62
+
63
+ .select2-container .select2-search--inline .select2-search__field {
64
+ box-sizing: border-box;
65
+ border: none;
66
+ font-size: 100%;
67
+ margin: 0;
68
+ padding: 0
69
+ }
70
+
71
+ .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
72
+ -webkit-appearance: none
73
+ }
74
+
75
+ .select2-dropdown {
76
+ background-color: #fff;
77
+ border: 1px solid #ccc;
78
+ border-radius: 2px;
79
+ box-sizing: border-box;
80
+ display: block;
81
+ position: absolute;
82
+ left: -100000px;
83
+ width: 100%;
84
+ z-index: 1051
85
+ }
86
+
87
+ .select2-results {
88
+ display: block
89
+ }
90
+
91
+ .select2-results__options {
92
+ list-style: none;
93
+ margin: 0;
94
+ padding: 0
95
+ }
96
+
97
+ .select2-results__option {
98
+ margin: 0;
99
+ padding: 8px;
100
+ -moz-user-select: none;
101
+ -ms-user-select: none;
102
+ user-select: none;
103
+ -webkit-user-select: none
104
+ }
105
+
106
+ .select2-results__option[aria-selected],
107
+ .select2-results__option[data-selected] {
108
+ cursor: pointer
109
+ }
110
+
111
+ .select2-container--open .select2-dropdown {
112
+ left: 0
113
+ }
114
+
115
+ .select2-container--open .select2-dropdown--above {
116
+ border-bottom: none;
117
+ border-bottom-left-radius: 0;
118
+ border-bottom-right-radius: 0
119
+ }
120
+
121
+ .select2-container--open .select2-dropdown--below {
122
+ border-top: none;
123
+ border-top-left-radius: 0;
124
+ border-top-right-radius: 0
125
+ }
126
+
127
+ .select2-search--dropdown {
128
+ display: block;
129
+ padding: 4px
130
+ }
131
+
132
+ .select2-search--dropdown .select2-search__field {
133
+ padding: 4px;
134
+ width: 100%;
135
+ box-sizing: border-box
136
+ }
137
+
138
+ .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
139
+ -webkit-appearance: none
140
+ }
141
+
142
+ .select2-search--dropdown.select2-search--hide {
143
+ display: none
144
+ }
145
+
146
+ .select2-close-mask {
147
+ border: 0;
148
+ margin: 0;
149
+ padding: 0;
150
+ display: block;
151
+ position: fixed;
152
+ left: 0;
153
+ top: 0;
154
+ min-height: 100%;
155
+ min-width: 100%;
156
+ height: auto;
157
+ width: auto;
158
+ opacity: 0;
159
+ z-index: 99;
160
+ background-color: #fff
161
+ }
162
+
163
+ .select2-hidden-accessible {
164
+ border: 0!important;
165
+ clip: rect(0 0 0 0)!important;
166
+ height: 1px!important;
167
+ margin: -1px!important;
168
+ overflow: hidden!important;
169
+ padding: 0!important;
170
+ position: absolute!important;
171
+ width: 1px!important
172
+ }
173
+
174
+ .select2-container--default .select2-selection--single {
175
+ background-color: #fff;
176
+ border: 1px solid #ccc;
177
+ border-radius: 4px
178
+ }
179
+
180
+ .select2-container--default .select2-selection--single .select2-selection__rendered {
181
+ color: #444;
182
+ line-height: 28px
183
+ }
184
+
185
+ .select2-container--default .select2-selection--single .select2-selection__clear {
186
+ cursor: pointer;
187
+ float: right;
188
+ font-weight: 700
189
+ }
190
+
191
+ .select2-container--default .select2-selection--single .select2-selection__placeholder {
192
+ color: #999
193
+ }
194
+
195
+ .select2-container--default .select2-selection--single .select2-selection__arrow {
196
+ height: 32px;
197
+ position: absolute;
198
+ top: 0px;
199
+ right: 1px;
200
+ width: 20px
201
+ }
202
+
203
+ .select2-container--default .select2-selection--single .select2-selection__arrow b {
204
+ border-color: #888 transparent transparent transparent;
205
+ border-style: solid;
206
+ border-width: 5px 4px 0 4px;
207
+ height: 0;
208
+ left: 50%;
209
+ margin-left: -4px;
210
+ margin-top: -2px;
211
+ position: absolute;
212
+ top: 50%;
213
+ width: 0
214
+ }
215
+
216
+ .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
217
+ float: left
218
+ }
219
+
220
+ .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
221
+ left: 1px;
222
+ right: auto
223
+ }
224
+
225
+ .select2-container--default.select2-container--disabled .select2-selection--single {
226
+ background-color: #eee;
227
+ cursor: default
228
+ }
229
+
230
+ .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
231
+ display: none
232
+ }
233
+
234
+ .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
235
+ border-color: transparent transparent #888 transparent;
236
+ border-width: 0 4px 5px 4px
237
+ }
238
+
239
+ .select2-container--default .select2-selection {
240
+ background-color: #fff;
241
+ border: 1px solid #ccc;
242
+ border-radius: 2px;
243
+ cursor: text
244
+ }
245
+
246
+ .select2-container--default .select2-selection .select2-selection__rendered {
247
+ box-sizing: border-box;
248
+ list-style: none;
249
+ margin: 0;
250
+ padding: 0 5px;
251
+ width: 100%
252
+ }
253
+
254
+ .select2-container--default .select2-selection .select2-selection__rendered li {
255
+ list-style: none;
256
+ margin: 5px 5px 0 0
257
+ }
258
+
259
+ .select2-container--default .select2-selection .select2-selection__rendered li:before {
260
+ content: '';
261
+ display: none
262
+ }
263
+
264
+ .select2-container--default .select2-selection .select2-selection__placeholder {
265
+ color: #999;
266
+ margin-top: 5px;
267
+ float: left
268
+ }
269
+
270
+ .select2-container--default .select2-selection .select2-selection__clear {
271
+ cursor: pointer;
272
+ float: right;
273
+ font-weight: 700;
274
+ margin-top: 5px;
275
+ margin-right: 10px
276
+ }
277
+
278
+ .select2-container--default .select2-selection .select2-selection__choice {
279
+ background-color: #e4e4e4;
280
+ border: 1px solid #ccc;
281
+ border-radius: 2px;
282
+ cursor: default;
283
+ float: left;
284
+ margin-right: 5px;
285
+ margin-top: 5px;
286
+ padding: 0 5px
287
+ }
288
+
289
+ .select2-container--default .select2-selection .select2-selection__choice__remove {
290
+ color: #999;
291
+ cursor: pointer;
292
+ display: inline-block;
293
+ font-weight: 700;
294
+ margin-right: 2px
295
+ }
296
+
297
+ .select2-container--default .select2-selection .select2-selection__choice__remove:hover {
298
+ color: #333
299
+ }
300
+
301
+ .select2-container--default[dir=rtl] .select2-selection .select2-search--inline,
302
+ .select2-container--default[dir=rtl] .select2-selection .select2-selection__choice,
303
+ .select2-container--default[dir=rtl] .select2-selection .select2-selection__placeholder {
304
+ float: right
305
+ }
306
+
307
+ .select2-container--default[dir=rtl] .select2-selection .select2-selection__choice {
308
+ margin-left: 5px;
309
+ margin-right: auto
310
+ }
311
+
312
+ .select2-container--default[dir=rtl] .select2-selection .select2-selection__choice__remove {
313
+ margin-left: 2px;
314
+ margin-right: auto
315
+ }
316
+
317
+ .select2-container--default.select2-container--focus .select2-selection {
318
+ outline: 0
319
+ }
320
+
321
+ .select2-container--default.select2-container--disabled .select2-selection {
322
+ background-color: #eee;
323
+ cursor: default
324
+ }
325
+
326
+ .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
327
+ display: none
328
+ }
329
+
330
+ .select2-container--default.select2-container--open.select2-container--above .select2-selection,
331
+ .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
332
+ border-top-left-radius: 0;
333
+ border-top-right-radius: 0
334
+ }
335
+
336
+ .select2-container--default.select2-container--open.select2-container--below .select2-selection,
337
+ .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
338
+ border-bottom-left-radius: 0;
339
+ border-bottom-right-radius: 0
340
+ }
341
+
342
+ .select2-container--default .select2-search--dropdown .select2-search__field {
343
+ border: 1px solid #ccc
344
+ }
345
+
346
+ .select2-container--default .select2-search--inline .select2-search__field {
347
+ background: 0 0;
348
+ border: none;
349
+ outline: 0;
350
+ box-shadow: none;
351
+ -webkit-appearance: textfield
352
+ }
353
+
354
+ .select2-container--default .select2-results>.select2-results__options {
355
+ max-height: 200px;
356
+ overflow-y: auto
357
+ }
358
+
359
+ .select2-container--default .select2-results__option[role=group] {
360
+ padding: 0
361
+ }
362
+
363
+ .select2-container--default .select2-results__option[aria-disabled=true] {
364
+ color: #999
365
+ }
366
+
367
+ .select2-container--default .select2-results__option[aria-selected=true],
368
+ .select2-container--default .select2-results__option[data-selected=true] {
369
+ background-color: #ddd
370
+ }
371
+
372
+ .select2-container--default .select2-results__option .select2-results__option {
373
+ padding-left: 1em
374
+ }
375
+
376
+ .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
377
+ padding-left: 0
378
+ }
379
+
380
+ .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
381
+ margin-left: -1em;
382
+ padding-left: 2em
383
+ }
384
+
385
+ .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
386
+ margin-left: -2em;
387
+ padding-left: 3em
388
+ }
389
+
390
+ .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
391
+ margin-left: -3em;
392
+ padding-left: 4em
393
+ }
394
+
395
+ .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
396
+ margin-left: -4em;
397
+ padding-left: 5em
398
+ }
399
+
400
+ .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
401
+ margin-left: -5em;
402
+ padding-left: 6em
403
+ }
404
+
405
+ .select2-container--default .select2-results__option--highlighted[aria-selected],
406
+ .select2-container--default .select2-results__option--highlighted[data-selected] {
407
+ background-color: #0073aa;
408
+ color: #fff
409
+ }
410
+
411
+ #qlwapp_modal .attachments-browser .attachments {
412
+ top: 0;
413
+ left: 0;
414
+ right: 0;
415
+ }
416
+
417
+ #qlwapp_modal .wp-core-ui .attachment .thumbnail,
418
+ #qlwapp_modal .wp-core-ui .attachment-info .thumbnail {
419
+ vertical-align: middle;
420
+ text-align: center;
421
+ }
422
+
423
+ #qlwapp_modal .wp-core-ui .attachment .thumbnail:before,
424
+ #qlwapp_modal .wp-core-ui .attachment-info .thumbnail:before {
425
+ content: '';
426
+ display: inline-block;
427
+ width: 0px;
428
+ height: 100%;
429
+ vertical-align: middle;
430
+ }
431
+
432
+ #qlwapp_modal .wp-core-ui .attachment .thumbnail>i,
433
+ #qlwapp_modal .wp-core-ui .attachment-info .thumbnail>i {
434
+ text-align: center;
435
+ font-size: 3vw;
436
+ display: inline-block;
437
+ vertical-align: middle;
438
+ height: auto;
439
+ width: auto;
440
+ }
441
+
442
+ #qlwapp_modal .wp-core-ui .attachment-info .thumbnail {
443
+ width: 60px;
444
+ height: 60px;
445
+ background-color: #fff;
446
+ }
447
+
448
+ #qlwapp_modal .wp-core-ui .attachment-info .thumbnail>i {
449
+ font-size: 2em;
450
+ position: relative;
451
+ left: -1px;
452
+ }
453
+
454
+ #qlwapp_modal .wp-core-ui .attachment-info .qlwapp-color-picker .container {
455
+ box-sizing: border-box;
456
+ width: 100%;
457
+ border-bottom: 1px solid #ddd;
458
+ padding: 11px 0;
459
+ }
460
+
461
+ #qlwapp_modal .wp-core-ui .attachment-info .qlwapp-color-picker #qlwapp-input-color {
462
+ box-sizing: border-box;
463
+ margin: 1px;
464
+ width: 65%;
465
+ float: right;
466
+ }
467
+
468
+ #qlwapp_modal .wp-core-ui .attachment-info .qlwapp-color-picker .wp-picker-container .wp-color-result {
469
+ width: 100%;
470
+ margin-top: 5px!important;
471
+ }
472
+
473
+ #qlwapp_modal .wp-core-ui .attachment-info .qlwapp-color-picker .wp-picker-container .wp-color-result-text {
474
+ z-index: 1;
475
+ position: relative;
476
+ }
477
+
478
+ .about-wrap .form-table td img.qlwapp-avatar {
479
+ width: 120px;
480
+ height: 120px;
481
+ }
482
+
483
+ .qlwrap .nav-tab i {
484
+ line-height: 26px;
485
+ }
486
+
487
+ .qlwrap .form-table td {
488
+ vertical-align: middle;
489
+ }
490
+
491
+ .qlwrap .qlwapp-input,
492
+ .qlwrap .qlwapp-select2 {
493
+ width: 350px;
494
+ max-width: 100%;
495
+ }
496
+
497
+ .qlwrap .qlwapp-input {
498
+ margin: 0;
499
+ padding: 6px;
500
+ box-sizing: border-box;
501
+ vertical-align: top;
502
+ }
assets/css/qlwapp.css ADDED
@@ -0,0 +1,869 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @font-face {
2
+ font-family: 'qlwapp-whatsapp';
3
+ src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff');
4
+ font-weight: normal;
5
+ font-style: normal;
6
+ }
7
+ .qlwapp-whatsapp-icon {
8
+ font-family: 'qlwapp-whatsapp' !important;
9
+ speak: none;
10
+ font-style: normal;
11
+ font-weight: normal;
12
+ font-variant: normal;
13
+ text-transform: none;
14
+ line-height: 1;
15
+ -webkit-font-smoothing: antialiased;
16
+ -moz-osx-font-smoothing: grayscale;
17
+ }
18
+ .qlwapp-whatsapp-icon:before {
19
+ content: "\e900";
20
+ }
21
+ #qlwapp {
22
+ box-sizing: border-box;
23
+ /*&.qlwapp-middle-left {
24
+ &.qlwapp-button {
25
+ .qlwapp-developer,
26
+ .qlwapp-toggle {
27
+ margin-left: -48px;
28
+ padding-left: 60px;
29
+ }
30
+ }
31
+ }
32
+
33
+ &.qlwapp-middle-right {
34
+ &.qlwapp-button {
35
+ .qlwapp-developer,
36
+ .qlwapp-toggle {
37
+ margin-right: -48px;
38
+ padding-right: 60px;
39
+ }
40
+
41
+ }
42
+ }
43
+
44
+ &.qlwapp-bottom-left {
45
+ &.qlwapp-bubble,
46
+ &.qlwapp-button {
47
+ .qlwapp-developer,
48
+ .qlwapp-toggle {
49
+ margin-left: 20px;
50
+ }
51
+ }
52
+
53
+ &.qlwapp-bubble {
54
+ .qlwapp-toggle {
55
+ .qlwapp-text {
56
+ right: auto;
57
+ left: 60px;
58
+ }
59
+ }
60
+ }
61
+
62
+ .qlwapp-box {
63
+ &:before {
64
+ right: auto;
65
+ left: 20px;
66
+ }
67
+ }
68
+
69
+ }
70
+
71
+ &.qlwapp-bottom-right {
72
+ &.qlwapp-bubble,
73
+ &.qlwapp-button {
74
+
75
+ .qlwapp-developer,
76
+ .qlwapp-toggle {
77
+ margin-right: 20px;
78
+ }
79
+ }
80
+ }*/
81
+ }
82
+ @media (min-width: 430px) {
83
+ #qlwapp {
84
+ width: 430px;
85
+ }
86
+ }
87
+ #qlwapp * {
88
+ box-sizing: border-box;
89
+ }
90
+ #qlwapp.qlwapp-js-ready {
91
+ display: block;
92
+ }
93
+ #qlwapp.qlwapp-hide,
94
+ #qlwapp.qlwapp-desktop.mobile,
95
+ #qlwapp.qlwapp-mobile.desktop {
96
+ display: none;
97
+ }
98
+ #qlwapp.qlwapp-middle-left,
99
+ #qlwapp.qlwapp-bottom-left,
100
+ #qlwapp.qlwapp-middle-right,
101
+ #qlwapp.qlwapp-bottom-right {
102
+ position: fixed;
103
+ z-index: 9999999;
104
+ }
105
+ #qlwapp.qlwapp-middle-left,
106
+ #qlwapp.qlwapp-bottom-left {
107
+ right: auto;
108
+ left: 0;
109
+ }
110
+ #qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-developer,
111
+ #qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-developer,
112
+ #qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-developer,
113
+ #qlwapp.qlwapp-bottom-left.qlwapp-button .qlwapp-developer,
114
+ #qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle,
115
+ #qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-toggle,
116
+ #qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-toggle,
117
+ #qlwapp.qlwapp-bottom-left.qlwapp-button .qlwapp-toggle {
118
+ margin-left: 20px;
119
+ }
120
+ #qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle .qlwapp-text,
121
+ #qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-toggle .qlwapp-text {
122
+ right: auto;
123
+ left: 60px;
124
+ }
125
+ #qlwapp.qlwapp-middle-left .qlwapp-box:before,
126
+ #qlwapp.qlwapp-bottom-left .qlwapp-box:before {
127
+ right: auto;
128
+ left: 20px;
129
+ }
130
+ #qlwapp.qlwapp-middle-right,
131
+ #qlwapp.qlwapp-bottom-right {
132
+ left: auto;
133
+ right: 0;
134
+ }
135
+ #qlwapp.qlwapp-middle-right.qlwapp-bubble .qlwapp-developer,
136
+ #qlwapp.qlwapp-bottom-right.qlwapp-bubble .qlwapp-developer,
137
+ #qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-developer,
138
+ #qlwapp.qlwapp-bottom-right.qlwapp-button .qlwapp-developer,
139
+ #qlwapp.qlwapp-middle-right.qlwapp-bubble .qlwapp-toggle,
140
+ #qlwapp.qlwapp-bottom-right.qlwapp-bubble .qlwapp-toggle,
141
+ #qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-toggle,
142
+ #qlwapp.qlwapp-bottom-right.qlwapp-button .qlwapp-toggle {
143
+ margin-right: 20px;
144
+ }
145
+ #qlwapp.qlwapp-middle-left,
146
+ #qlwapp.qlwapp-middle-right {
147
+ top: 40%;
148
+ bottom: auto;
149
+ }
150
+ #qlwapp.qlwapp-middle-left .qlwapp-developer,
151
+ #qlwapp.qlwapp-middle-right .qlwapp-developer {
152
+ padding: 0 24px;
153
+ }
154
+ #qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-developer,
155
+ #qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-toggle {
156
+ margin-left: -48px;
157
+ padding-left: 60px;
158
+ }
159
+ #qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-developer,
160
+ #qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-toggle {
161
+ margin-right: -48px;
162
+ padding-right: 60px;
163
+ }
164
+ #qlwapp.qlwapp-bottom-left,
165
+ #qlwapp.qlwapp-bottom-right {
166
+ top: auto;
167
+ bottom: 0;
168
+ }
169
+ #qlwapp.qlwapp-rounded.qlwapp-bubble .qlwapp-toggle {
170
+ border-radius: 50%;
171
+ }
172
+ #qlwapp.qlwapp-rounded.qlwapp-button .qlwapp-toggle {
173
+ border-radius: 50px;
174
+ }
175
+ @media (min-width: 430px) {
176
+ #qlwapp.qlwapp-rounded .qlwapp-box {
177
+ border-radius: 8px;
178
+ }
179
+ }
180
+ #qlwapp.qlwapp-rounded .qlwapp-box .qlwapp-user,
181
+ #qlwapp.qlwapp-rounded .qlwapp-box .qlwapp-message {
182
+ border-radius: 4px;
183
+ }
184
+ #qlwapp p:last-child {
185
+ margin: 0;
186
+ }
187
+ #qlwapp time {
188
+ opacity: 0.8;
189
+ font-style: italic;
190
+ font-size: 10px;
191
+ }
192
+ #qlwapp .qlwapp-container {
193
+ display: flex;
194
+ flex-direction: column;
195
+ }
196
+ #qlwapp .qlwapp-clearfix:before,
197
+ #qlwapp .qlwapp-clearfix:after {
198
+ content: '';
199
+ display: block;
200
+ clear: both;
201
+ }
202
+ #qlwapp .qlwapp-previous,
203
+ #qlwapp .qlwapp-close {
204
+ display: block;
205
+ opacity: 0.8;
206
+ font-style: unset;
207
+ font-size: 24px;
208
+ font-weight: bold;
209
+ width: 24px;
210
+ height: 24px;
211
+ cursor: pointer;
212
+ text-align: center;
213
+ line-height: 24px;
214
+ z-index: 1;
215
+ }
216
+ #qlwapp .qlwapp-previous {
217
+ width: 16px;
218
+ height: 36px;
219
+ cursor: pointer;
220
+ text-align: center;
221
+ line-height: 36px;
222
+ margin-right: auto;
223
+ }
224
+ #qlwapp .qlwapp-developer {
225
+ font-size: 8px;
226
+ top: -20px;
227
+ position: relative;
228
+ }
229
+ #qlwapp .qlwapp-developer,
230
+ #qlwapp .qlwapp-toggle {
231
+ display: inline-flex;
232
+ align-items: center;
233
+ justify-content: center;
234
+ margin-left: auto;
235
+ margin-right: auto;
236
+ }
237
+ #qlwapp .qlwapp-toggle {
238
+ cursor: pointer;
239
+ box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
240
+ margin-top: 24px;
241
+ margin-bottom: 24px;
242
+ position: relative;
243
+ text-decoration: none;
244
+ }
245
+ #qlwapp .qlwapp-toggle,
246
+ #qlwapp .qlwapp-toggle:active,
247
+ #qlwapp .qlwapp-toggle:focus,
248
+ #qlwapp .qlwapp-toggle:hover {
249
+ outline: none;
250
+ text-decoration: none;
251
+ }
252
+ #qlwapp .qlwapp-avatar .qlwapp-avatar-container {
253
+ overflow: hidden;
254
+ border-radius: 50%;
255
+ width: inherit;
256
+ height: inherit;
257
+ }
258
+ #qlwapp .qlwapp-avatar .qlwapp-avatar-container img {
259
+ width: 100%;
260
+ height: auto;
261
+ }
262
+ #qlwapp.qlwapp-bubble .qlwapp-toggle {
263
+ width: 60px;
264
+ height: 60px;
265
+ }
266
+ #qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-icon,
267
+ #qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-close {
268
+ position: absolute;
269
+ display: block;
270
+ pointer-events: none;
271
+ font-size: 24px;
272
+ }
273
+ #qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-text {
274
+ position: absolute;
275
+ right: 60px;
276
+ height: 60px;
277
+ margin: 0 24px;
278
+ display: flex;
279
+ align-items: center;
280
+ justify-content: flex-end;
281
+ font-weight: bold;
282
+ white-space: pre;
283
+ }
284
+ #qlwapp.qlwapp-button .qlwapp-toggle {
285
+ height: 40px;
286
+ white-space: nowrap;
287
+ padding: 12px 24px;
288
+ }
289
+ #qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon {
290
+ margin: 0 12px 0 0;
291
+ }
292
+ #qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-close {
293
+ display: none;
294
+ }
295
+ #qlwapp .qlwapp-box {
296
+ padding-bottom: 56px;
297
+ position: fixed;
298
+ top: auto;
299
+ bottom: 0;
300
+ left: 0;
301
+ right: 0;
302
+ z-index: 99999;
303
+ box-shadow: 0px 5px 40px 5px rgba(0, 0, 0, 0.5);
304
+ }
305
+ @media (min-width: 430px) {
306
+ #qlwapp .qlwapp-box {
307
+ position: relative;
308
+ top: auto;
309
+ bottom: auto;
310
+ left: auto;
311
+ right: auto;
312
+ box-shadow: 0 8px 25px -5px rgba(45, 62, 79, 0.15);
313
+ margin-top: 24px;
314
+ margin-left: 24px;
315
+ margin-right: 24px;
316
+ margin-bottom: 12px;
317
+ }
318
+ #qlwapp .qlwapp-box:before {
319
+ content: '';
320
+ position: absolute;
321
+ bottom: -6px;
322
+ right: 24px;
323
+ width: 13px;
324
+ height: 13px;
325
+ transform: rotate(45deg);
326
+ }
327
+ #qlwapp .qlwapp-box .qlwapp-header {
328
+ border-top-left-radius: inherit;
329
+ border-top-right-radius: inherit;
330
+ }
331
+ #qlwapp .qlwapp-box .qlwapp-footer,
332
+ #qlwapp .qlwapp-box .qlwapp-response {
333
+ border-bottom-left-radius: inherit;
334
+ border-bottom-right-radius: inherit;
335
+ }
336
+ }
337
+ #qlwapp .qlwapp-box .qlwapp-header {
338
+ position: relative;
339
+ overflow: hidden;
340
+ }
341
+ #qlwapp .qlwapp-box .qlwapp-header:before {
342
+ content: '';
343
+ position: absolute;
344
+ top: 0;
345
+ bottom: 0;
346
+ left: 0;
347
+ right: 0;
348
+ background: linear-gradient(135deg, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
349
+ }
350
+ #qlwapp .qlwapp-box .qlwapp-header .qlwapp-close {
351
+ position: absolute;
352
+ top: 12px;
353
+ right: 12px;
354
+ }
355
+ @media (min-width: 430px) {
356
+ #qlwapp .qlwapp-box .qlwapp-header .qlwapp-close {
357
+ position: absolute;
358
+ top: 7px;
359
+ right: 7px;
360
+ font-size: 16px;
361
+ }
362
+ }
363
+ #qlwapp .qlwapp-box .qlwapp-header .qlwapp-description {
364
+ position: relative;
365
+ }
366
+ #qlwapp .qlwapp-box .qlwapp-description,
367
+ #qlwapp .qlwapp-box .qlwapp-contact {
368
+ padding: 24px 36px;
369
+ height: 100%;
370
+ }
371
+ #qlwapp .qlwapp-box .qlwapp-description p,
372
+ #qlwapp .qlwapp-box .qlwapp-description h3 {
373
+ color: inherit;
374
+ font-family: inherit;
375
+ margin: 0;
376
+ }
377
+ #qlwapp .qlwapp-box .qlwapp-description h3 {
378
+ margin: 0 0 0.25em 0;
379
+ }
380
+ #qlwapp .qlwapp-box .qlwapp-contact {
381
+ display: flex;
382
+ justify-content: flex-end;
383
+ align-items: center;
384
+ text-align: right;
385
+ }
386
+ #qlwapp .qlwapp-box .qlwapp-contact .qlwapp-previous {
387
+ position: relative;
388
+ left: -16px;
389
+ }
390
+ #qlwapp .qlwapp-box .qlwapp-contact .qlwapp-previous > i {
391
+ line-height: 36px;
392
+ }
393
+ #qlwapp .qlwapp-box .qlwapp-contact .qlwapp-avatar {
394
+ width: 42px;
395
+ height: 42px;
396
+ }
397
+ #qlwapp .qlwapp-box .qlwapp-contact .qlwapp-label,
398
+ #qlwapp .qlwapp-box .qlwapp-contact .qlwapp-name {
399
+ color: inherit;
400
+ }
401
+ #qlwapp .qlwapp-box .qlwapp-account {
402
+ color: inherit;
403
+ padding: 16px 36px;
404
+ display: flex;
405
+ align-items: center;
406
+ overflow: hidden;
407
+ position: relative;
408
+ cursor: pointer;
409
+ width: 100%;
410
+ }
411
+ #qlwapp .qlwapp-box .qlwapp-account:only-of-type {
412
+ padding-top: 36px;
413
+ padding-bottom: 36px;
414
+ }
415
+ #qlwapp .qlwapp-box .qlwapp-info {
416
+ padding: 0 16px;
417
+ }
418
+ #qlwapp .qlwapp-box .qlwapp-avatar {
419
+ position: relative;
420
+ width: 62px;
421
+ height: 62px;
422
+ }
423
+ #qlwapp .qlwapp-box .qlwapp-avatar:after {
424
+ content: '';
425
+ display: block;
426
+ width: 15px;
427
+ height: 15px;
428
+ position: absolute;
429
+ bottom: 2px;
430
+ right: 2px;
431
+ background-image: url(data:image/png;base64,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);
432
+ background-color: transparent;
433
+ background-repeat: no-repeat;
434
+ background-position: center center;
435
+ background-size: cover;
436
+ z-index: 4;
437
+ }
438
+ #qlwapp .qlwapp-box .qlwapp-label,
439
+ #qlwapp .qlwapp-box .qlwapp-offline-text {
440
+ font-size: 12px;
441
+ line-height: 1.5em;
442
+ opacity: .6;
443
+ display: block;
444
+ }
445
+ #qlwapp .qlwapp-box .qlwapp-name {
446
+ display: block;
447
+ font-weight: bold;
448
+ }
449
+ #qlwapp .qlwapp-box .qlwapp-body {
450
+ overflow-x: hidden;
451
+ overflow-y: auto;
452
+ }
453
+ #qlwapp .qlwapp-box .qlwapp-body .qlwapp-carousel {
454
+ max-height: 470px;
455
+ min-height: 134px;
456
+ }
457
+ #qlwapp .qlwapp-box .qlwapp-chat {
458
+ display: flex;
459
+ flex-direction: column;
460
+ overflow: hidden;
461
+ }
462
+ #qlwapp .qlwapp-box .qlwapp-user,
463
+ #qlwapp .qlwapp-box .qlwapp-message {
464
+ padding: 16px 24px;
465
+ margin: 36px;
466
+ position: relative;
467
+ word-wrap: break-word;
468
+ width: calc(100% - 36px*2);
469
+ }
470
+ #qlwapp .qlwapp-box .qlwapp-user:before,
471
+ #qlwapp .qlwapp-box .qlwapp-message:before {
472
+ content: '';
473
+ position: absolute;
474
+ top: -6px;
475
+ right: 24px;
476
+ width: 13px;
477
+ height: 13px;
478
+ transform: rotate(45deg);
479
+ }
480
+ #qlwapp .qlwapp-box .qlwapp-user {
481
+ width: auto;
482
+ max-width: 75%;
483
+ align-self: flex-start;
484
+ justify-self: flex-end;
485
+ margin-top: 0;
486
+ }
487
+ #qlwapp .qlwapp-box .qlwapp-user:before {
488
+ top: auto;
489
+ bottom: -6px;
490
+ left: 24px;
491
+ }
492
+ #qlwapp .qlwapp-box .qlwapp-padding {
493
+ padding-bottom: 56px;
494
+ }
495
+ #qlwapp .qlwapp-box .qlwapp-footer,
496
+ #qlwapp .qlwapp-box .qlwapp-response {
497
+ position: absolute;
498
+ bottom: 0;
499
+ left: 0;
500
+ right: 0;
501
+ height: auto;
502
+ width: 100%;
503
+ }
504
+ #qlwapp .qlwapp-box .qlwapp-footer,
505
+ #qlwapp .qlwapp-box .qlwapp-response,
506
+ #qlwapp .qlwapp-box .qlwapp-footer pre,
507
+ #qlwapp .qlwapp-box .qlwapp-response pre,
508
+ #qlwapp .qlwapp-box .qlwapp-footer textarea,
509
+ #qlwapp .qlwapp-box .qlwapp-response textarea {
510
+ max-height: 160px;
511
+ }
512
+ #qlwapp .qlwapp-box .qlwapp-footer pre,
513
+ #qlwapp .qlwapp-box .qlwapp-response pre,
514
+ #qlwapp .qlwapp-box .qlwapp-footer textarea,
515
+ #qlwapp .qlwapp-box .qlwapp-response textarea {
516
+ color: inherit;
517
+ background-color: inherit;
518
+ }
519
+ #qlwapp .qlwapp-box .qlwapp-footer:before,
520
+ #qlwapp .qlwapp-box .qlwapp-response:before {
521
+ pointer-events: none;
522
+ position: absolute;
523
+ content: '';
524
+ height: 59px;
525
+ top: -59px;
526
+ background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
527
+ left: 0;
528
+ right: 0;
529
+ }
530
+ #qlwapp .qlwapp-box .qlwapp-footer {
531
+ min-height: 56px;
532
+ display: flex;
533
+ align-items: center;
534
+ justify-content: center;
535
+ text-align: center;
536
+ font-size: 12px;
537
+ padding: 12px 36px;
538
+ }
539
+ #qlwapp .qlwapp-box .qlwapp-footer p {
540
+ font-size: inherit;
541
+ }
542
+ #qlwapp .qlwapp-box .qlwapp-footer p:last-child {
543
+ margin-bottom: 0;
544
+ }
545
+ #qlwapp .qlwapp-box .qlwapp-response,
546
+ #qlwapp .qlwapp-box .qlwapp-response pre,
547
+ #qlwapp .qlwapp-box .qlwapp-response textarea,
548
+ #qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons {
549
+ min-height: 56px;
550
+ }
551
+ #qlwapp .qlwapp-box .qlwapp-response pre,
552
+ #qlwapp .qlwapp-box .qlwapp-response textarea {
553
+ width: 100%;
554
+ height: 100%;
555
+ resize: none;
556
+ border: none;
557
+ padding: 18px 56px 18px 36px;
558
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
559
+ font-size: 14px;
560
+ font-weight: normal;
561
+ line-height: 20px;
562
+ white-space: pre-wrap;
563
+ word-wrap: break-word;
564
+ border-radius: inherit;
565
+ margin: 0;
566
+ }
567
+ #qlwapp .qlwapp-box .qlwapp-response pre {
568
+ visibility: hidden;
569
+ }
570
+ #qlwapp .qlwapp-box .qlwapp-response textarea {
571
+ position: absolute;
572
+ bottom: 0;
573
+ left: 0;
574
+ }
575
+ #qlwapp .qlwapp-box .qlwapp-response textarea:focus {
576
+ outline: none;
577
+ }
578
+ #qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons {
579
+ position: absolute;
580
+ top: 0;
581
+ right: 21px;
582
+ display: flex;
583
+ align-items: center;
584
+ }
585
+ #qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons.active > i {
586
+ display: none;
587
+ }
588
+ #qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons.active > i.qlwf-emoji {
589
+ display: block;
590
+ }
591
+ #qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons > i {
592
+ opacity: 0.4;
593
+ }
594
+ #qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons > i,
595
+ #qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons > a {
596
+ cursor: pointer;
597
+ margin: 0 0 0 10px;
598
+ display: inherit;
599
+ font-size: 18px;
600
+ line-height: 24px;
601
+ }
602
+ #qlwapp .qlwapp-previous,
603
+ #qlwapp .qlwapp-close,
604
+ #qlwapp .qlwapp-toggle,
605
+ #qlwapp .qlwapp-box .qlwapp-header,
606
+ #qlwapp .qlwapp-box .qlwapp-contact,
607
+ #qlwapp .qlwapp-box .qlwapp-user {
608
+ color: #ffffff;
609
+ }
610
+ #qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-text {
611
+ color: #303030;
612
+ }
613
+ #qlwapp .qlwapp-box,
614
+ #qlwapp .qlwapp-box:before {
615
+ background-color: #fff;
616
+ }
617
+ #qlwapp .qlwapp-box .qlwapp-account {
618
+ background-color: #fff;
619
+ }
620
+ #qlwapp .qlwapp-box .qlwapp-account:not(:first-child) {
621
+ border-top: 1px solid #f5f5f5;
622
+ }
623
+ #qlwapp .qlwapp-box .qlwapp-avatar .qlwapp-avatar-container {
624
+ background-color: #eee;
625
+ }
626
+ #qlwapp .qlwapp-box .qlwapp-message,
627
+ #qlwapp .qlwapp-box .qlwapp-message:before {
628
+ background-color: #eee;
629
+ }
630
+ #qlwapp .qlwapp-box .qlwapp-footer,
631
+ #qlwapp .qlwapp-box .qlwapp-response {
632
+ color: #303030;
633
+ background-color: #fff;
634
+ border-top: 1px solid #e6e6e6;
635
+ }
636
+ #qlwapp .qlwapp-toggle,
637
+ #qlwapp .qlwapp-box .qlwapp-header,
638
+ #qlwapp .qlwapp-box .qlwapp-user,
639
+ #qlwapp .qlwapp-box .qlwapp-user:before {
640
+ background-color: #303030;
641
+ }
642
+ #qlwapp {
643
+ display: none;
644
+ }
645
+ #qlwapp.qlwapp-show .qlwapp-box {
646
+ visibility: visible;
647
+ opacity: 1;
648
+ transform: translateY(0) scale(1);
649
+ display: block;
650
+ }
651
+ #qlwapp.qlwapp-transition .qlwapp-box {
652
+ visibility: visible;
653
+ display: block;
654
+ }
655
+ #qlwapp.qlwapp-bubble.qlwapp-show .qlwapp-toggle .qlwapp-icon {
656
+ transform: scale(0, 0);
657
+ opacity: 0;
658
+ }
659
+ #qlwapp.qlwapp-bubble.qlwapp-show .qlwapp-toggle .qlwapp-close {
660
+ transform: scale(1, 1);
661
+ opacity: 1;
662
+ }
663
+ #qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-close {
664
+ transform: scale(0, 0);
665
+ opacity: 0;
666
+ }
667
+ #qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-icon {
668
+ transform: scale(1, 1);
669
+ opacity: 1;
670
+ }
671
+ #qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-icon,
672
+ #qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-close {
673
+ transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 300ms ease-in;
674
+ }
675
+ #qlwapp .qlwapp-box {
676
+ display: none;
677
+ opacity: 0;
678
+ visibility: hidden;
679
+ transform: translateY(50px);
680
+ transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 300ms ease-in;
681
+ }
682
+ @media (min-width: 430px) {
683
+ #qlwapp .qlwapp-box {
684
+ transform: translateY(50px) scale(0.9);
685
+ }
686
+ }
687
+ #qlwapp .qlwapp-box .qlwapp-carousel {
688
+ display: flex;
689
+ width: 200%;
690
+ height: 100%;
691
+ }
692
+ #qlwapp .qlwapp-box .qlwapp-carousel .qlwapp-slide {
693
+ width: 50%;
694
+ transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms;
695
+ height: 100%;
696
+ overflow: hidden;
697
+ }
698
+ #qlwapp .qlwapp-box .qlwapp-header .qlwapp-slide {
699
+ max-height: 300px;
700
+ }
701
+ #qlwapp .qlwapp-box .qlwapp-header .qlwapp-name,
702
+ #qlwapp .qlwapp-box .qlwapp-header .qlwapp-label,
703
+ #qlwapp .qlwapp-box .qlwapp-header .qlwapp-avatar {
704
+ opacity: 0;
705
+ transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, opacity ease-in 0.3s;
706
+ }
707
+ #qlwapp .qlwapp-box .qlwapp-header .qlwapp-name,
708
+ #qlwapp .qlwapp-box .qlwapp-header .qlwapp-label {
709
+ transform: translateX(56px);
710
+ }
711
+ #qlwapp .qlwapp-box .qlwapp-header .qlwapp-avatar {
712
+ transform: scale(0.5);
713
+ }
714
+ #qlwapp .qlwapp-box .qlwapp-header .qlwapp-name {
715
+ transition-delay: 800ms;
716
+ }
717
+ #qlwapp .qlwapp-box .qlwapp-header .qlwapp-label {
718
+ transition-delay: 850ms;
719
+ }
720
+ #qlwapp .qlwapp-box .qlwapp-header .qlwapp-avatar {
721
+ transition-delay: 900ms;
722
+ }
723
+ #qlwapp .qlwapp-box .qlwapp-footer,
724
+ #qlwapp .qlwapp-box .qlwapp-response,
725
+ #qlwapp .qlwapp-box .qlwapp-previous,
726
+ #qlwapp .qlwapp-box .qlwapp-message,
727
+ #qlwapp .qlwapp-box .qlwapp-user {
728
+ transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 600ms, opacity ease-in 200ms;
729
+ }
730
+ #qlwapp .qlwapp-box .qlwapp-response,
731
+ #qlwapp .qlwapp-box .qlwapp-previous,
732
+ #qlwapp .qlwapp-box .qlwapp-user {
733
+ opacity: 0;
734
+ }
735
+ #qlwapp .qlwapp-box .qlwapp-response {
736
+ pointer-events: none;
737
+ }
738
+ #qlwapp .qlwapp-box .qlwapp-previous {
739
+ transform: translateX(56px);
740
+ }
741
+ #qlwapp .qlwapp-box .qlwapp-user {
742
+ transform: translateY(56px);
743
+ }
744
+ #qlwapp .qlwapp-box .qlwapp-close {
745
+ transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
746
+ }
747
+ #qlwapp .qlwapp-box .qlwapp-description {
748
+ transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
749
+ }
750
+ #qlwapp .qlwapp-box .qlwapp-account {
751
+ transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 150ms ease-in;
752
+ }
753
+ #qlwapp .qlwapp-box .qlwapp-previous {
754
+ transition-delay: 800ms;
755
+ }
756
+ #qlwapp .qlwapp-box .qlwapp-message {
757
+ transition-delay: 900ms;
758
+ }
759
+ #qlwapp .qlwapp-box .qlwapp-close,
760
+ #qlwapp .qlwapp-box .qlwapp-description {
761
+ transition-delay: 900ms;
762
+ }
763
+ #qlwapp .qlwapp-box .qlwapp-user {
764
+ transition-delay: 200ms;
765
+ }
766
+ #qlwapp .qlwapp-box .qlwapp-account:nth-of-type(6) {
767
+ transition-delay: 600ms;
768
+ }
769
+ #qlwapp .qlwapp-box .qlwapp-account:nth-of-type(5) {
770
+ transition-delay: 500ms;
771
+ }
772
+ #qlwapp .qlwapp-box .qlwapp-account:nth-of-type(4) {
773
+ transition-delay: 400ms;
774
+ }
775
+ #qlwapp .qlwapp-box .qlwapp-account:nth-of-type(3) {
776
+ transition-delay: 300ms;
777
+ }
778
+ #qlwapp .qlwapp-box .qlwapp-account:nth-of-type(2) {
779
+ transition-delay: 200ms;
780
+ }
781
+ #qlwapp .qlwapp-box .qlwapp-account:nth-of-type(1) {
782
+ transition-delay: 100ms;
783
+ }
784
+ #qlwapp .qlwapp-box .qlwapp-slide .qlwapp-message {
785
+ opacity: 0;
786
+ transform: translateY(-56px);
787
+ }
788
+ #qlwapp .qlwapp-box .qlwapp-slide .qlwapp-box .qlwapp-account:hover {
789
+ background-color: #fafafa;
790
+ }
791
+ #qlwapp .qlwapp-box.response .qlwapp-carousel .qlwapp-slide {
792
+ transform: translateX(-100%);
793
+ }
794
+ #qlwapp .qlwapp-box.response .qlwapp-body .qlwapp-carousel {
795
+ overflow: hidden;
796
+ max-height: 134px!important;
797
+ min-height: 122px;
798
+ }
799
+ #qlwapp .qlwapp-box.response .qlwapp-close {
800
+ transition-delay: 0ms;
801
+ }
802
+ #qlwapp .qlwapp-box.response .qlwapp-close,
803
+ #qlwapp .qlwapp-box.response .qlwapp-footer,
804
+ #qlwapp .qlwapp-box.response .qlwapp-description,
805
+ #qlwapp .qlwapp-box.response .qlwapp-account {
806
+ opacity: 0;
807
+ }
808
+ #qlwapp .qlwapp-box.response .qlwapp-account {
809
+ transform: translateY(-33.333%);
810
+ border-top-color: transparent!important;
811
+ }
812
+ #qlwapp .qlwapp-box.response .qlwapp-user {
813
+ display: block;
814
+ }
815
+ #qlwapp .qlwapp-box.response .qlwapp-message,
816
+ #qlwapp .qlwapp-box.response .qlwapp-previous,
817
+ #qlwapp .qlwapp-box.response .qlwapp-response {
818
+ opacity: 1;
819
+ }
820
+ #qlwapp .qlwapp-box.response .qlwapp-response {
821
+ pointer-events: all;
822
+ }
823
+ #qlwapp .qlwapp-box.response .qlwapp-message,
824
+ #qlwapp .qlwapp-box.response .qlwapp-previous {
825
+ transform: translate(0);
826
+ }
827
+ #qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-slide {
828
+ max-height: 84px;
829
+ }
830
+ #qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-name,
831
+ #qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-avatar {
832
+ opacity: 1;
833
+ }
834
+ #qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-label {
835
+ opacity: 0.5;
836
+ }
837
+ #qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-name,
838
+ #qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-label {
839
+ transform: translateX(0);
840
+ }
841
+ #qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-avatar {
842
+ transform: scale(1);
843
+ }
844
+ #qlwapp .qlwapp-box.response.opening .qlwapp-footer,
845
+ #qlwapp .qlwapp-box.response.opening .qlwapp-response,
846
+ #qlwapp .qlwapp-box.response.opening .qlwapp-close,
847
+ #qlwapp .qlwapp-box.response.opening .qlwapp-previous,
848
+ #qlwapp .qlwapp-box.response.opening .qlwapp-description,
849
+ #qlwapp .qlwapp-box.response.opening .qlwapp-header .qlwapp-name,
850
+ #qlwapp .qlwapp-box.response.opening .qlwapp-header .qlwapp-label {
851
+ visibility: visible;
852
+ }
853
+ #qlwapp .qlwapp-box.texting .qlwapp-body {
854
+ overflow-y: auto;
855
+ }
856
+ #qlwapp .qlwapp-box.texting .qlwapp-user {
857
+ opacity: 1;
858
+ transform: translate(0);
859
+ }
860
+ #qlwapp .qlwapp-box.closing .qlwapp-previous {
861
+ transition-delay: 0ms;
862
+ transform: translateX(-24px);
863
+ opacity: 0;
864
+ transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity ease-out 200ms;
865
+ }
866
+ #qlwapp .qlwapp-box.closing .qlwapp-description {
867
+ opacity: 0;
868
+ }
869
+ /*# sourceMappingURL=qlwapp.css.map */
assets/js/qlwapp-admin.js ADDED
@@ -0,0 +1,79 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ (function ($) {
2
+
3
+ $(document).on('ready', function () {
4
+
5
+ $('.qlwapp-select2').select2({allowClear: false, theme: 'default', minimumResultsForSearch: -1});
6
+
7
+ $('.qlwapp-select2-ajax').each(function () {
8
+
9
+ var $select = $(this),
10
+ name = $(this).data('name');
11
+
12
+ $select.select2({
13
+ allowClear: true,
14
+ ajax: {
15
+ url: ajaxurl,
16
+ dataType: 'json',
17
+ delay: 5000,
18
+ data: function (params) {
19
+ return {
20
+ q: params.term,
21
+ name: name,
22
+ per_page: 10,
23
+ action: 'qlwapp_get_posts'
24
+ };
25
+ },
26
+ processResults: function (response) {
27
+
28
+ var options = [];
29
+
30
+ if (response) {
31
+ $.each(response, function (index, text) {
32
+ options.push({id: text[0], text: text[1]});
33
+ });
34
+ }
35
+ return {
36
+ results: options
37
+ };
38
+ },
39
+ cache: true
40
+ },
41
+ //minimumInputLength: 3
42
+ });
43
+
44
+ });
45
+
46
+ $('.qlwapp-color-field').wpColorPicker();
47
+ });
48
+
49
+
50
+ $(document).on('click', '.upload_image_button', function (e) {
51
+ e.preventDefault();
52
+
53
+ var send_attachment_bkp = wp.media.editor.send.attachment,
54
+ button = $(this);
55
+
56
+ wp.media.editor.send.attachment = function (props, attachment) {
57
+ $(button).parent().prev().attr('src', attachment.url);
58
+ $(button).prev().val(attachment.url);
59
+ wp.media.editor.send.attachment = send_attachment_bkp;
60
+ }
61
+
62
+ wp.media.editor.open(button);
63
+
64
+ return false;
65
+ });
66
+
67
+ $(document).on('click', '.remove_image_button', function (e) {
68
+ e.preventDefault();
69
+
70
+ var src = $(this).parent().prev().attr('data-src');
71
+
72
+ $(this).parent().prev().attr('src', src);
73
+
74
+ $(this).prev().prev().val('');
75
+
76
+ return false;
77
+ });
78
+
79
+ })(jQuery);
assets/js/qlwapp.js ADDED
@@ -0,0 +1,274 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ (function ($, window, document, undefined) {
2
+ 'use strict';
3
+
4
+ var defaults = {};
5
+
6
+ function Plugin(element, options) {
7
+ this.$qlwapp = $(element);
8
+ //this.settings = $.extend({}, defaults, options);
9
+
10
+ this.init(this);
11
+ }
12
+
13
+ Plugin.prototype = {
14
+ init: function (plugin) {
15
+
16
+ var $qlwapp = this.$qlwapp;
17
+
18
+ $qlwapp.on('qlwapp.init', function (e) {
19
+ plugin.mobiledevice = (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent));
20
+ });
21
+
22
+ $qlwapp.on('qlwapp.resize', function (e) {
23
+ if ($(this).hasClass('qlwapp-show')) {
24
+ $(this).trigger('qlwapp.toggle');
25
+ }
26
+ });
27
+
28
+ $qlwapp.on('qlwapp.init', function (e) {
29
+
30
+ if (!plugin.mobiledevice) {
31
+ $qlwapp.addClass('desktop').removeClass('mobile');
32
+ } else {
33
+ $qlwapp.addClass('mobile').removeClass('desktop');
34
+ }
35
+
36
+ $qlwapp.addClass('qlwapp-js-ready');
37
+ });
38
+
39
+
40
+ // Ready!
41
+ // -----------------------------------------------------------------------
42
+ $qlwapp.addClass('qlwapp-js-ready').trigger('qlwapp.init');
43
+
44
+ // Height
45
+ // -----------------------------------------------------------------------
46
+
47
+ $qlwapp.on('qlwapp.height', function (e) {
48
+
49
+ var $container = $(e.delegateTarget),
50
+ $body = $container.find('.qlwapp-body'),
51
+ $carousel = $body.find('.qlwapp-carousel');
52
+
53
+ var $header = $container.find('.qlwapp-header'),
54
+ $footer = $container.find('.qlwapp-footer'),
55
+ height = ($(window).innerHeight() - $header.outerHeight() - $footer.outerHeight());
56
+
57
+ if (!plugin.mobiledevice) {
58
+ height = ($(window).innerHeight() * 0.666 - $header.outerHeight() - $footer.outerHeight());
59
+ }
60
+
61
+ $carousel.css({'max-height': height + 'px'});
62
+
63
+ });
64
+
65
+ // Toggle
66
+ // -----------------------------------------------------------------------
67
+
68
+ $qlwapp.on('qlwapp.toggle', function (e) {
69
+
70
+ var $container = $(e.delegateTarget),
71
+ $box = $container.find('.qlwapp-box');
72
+
73
+ $container.addClass('qlwapp-transition');
74
+
75
+ $box.removeClass('response texting');
76
+
77
+ setTimeout(function () {
78
+ $container.toggleClass('qlwapp-show').trigger('qlwapp.height');
79
+ }, 10);
80
+
81
+ setTimeout(function () {
82
+ $container.toggleClass('qlwapp-transition');
83
+ }, 300);
84
+
85
+ });
86
+
87
+ // Click
88
+ // -----------------------------------------------------------------------
89
+
90
+ //console.log('toggle');
91
+
92
+ $qlwapp.on('click', '[data-action=box], [data-action=close]', function (e) {
93
+ e.preventDefault();
94
+
95
+ $(e.delegateTarget).trigger('qlwapp.toggle');
96
+
97
+ });
98
+
99
+ // Whatsapp
100
+ // -----------------------------------------------------------------------
101
+
102
+ $qlwapp.on('click', '[data-action=open]', function (e) {
103
+
104
+ var url = 'https://api.whatsapp.com/send';
105
+
106
+ if (!plugin.mobiledevice) {
107
+ url = 'https://web.whatsapp.com/send';
108
+ }
109
+
110
+ $(this).attr('href', url + '?phone=' + $(this).data('phone') + '&text=' + $(this).data('message'));
111
+
112
+ });
113
+
114
+ // Response
115
+ // -----------------------------------------------------------------------
116
+
117
+ $qlwapp.on('click', '[data-action=previous]', function (e) {
118
+ e.preventDefault();
119
+
120
+ var $container = $(e.delegateTarget),
121
+ $box = $container.find('.qlwapp-box');//,
122
+ //$user = $box.find('.qlwapp-user');
123
+
124
+ $box.addClass('closing');
125
+
126
+ setTimeout(function () {
127
+ $box.removeClass('response').removeClass('closing');
128
+ $box.removeClass('texting')
129
+ //$user.empty();
130
+ }, 300);
131
+
132
+ });
133
+
134
+ $qlwapp.on('click', '[data-action=chat]', function (e) {
135
+ e.preventDefault();
136
+
137
+ var $contact = $(this),
138
+ $container = $(e.delegateTarget),
139
+ $box = $container.find('.qlwapp-box'),
140
+ avatar = $contact.find('.qlwapp-avatar img').attr('src'),
141
+ name = $contact.find('.qlwapp-name').text(),
142
+ label = $contact.find('.qlwapp-label').text(),
143
+ //url = $contact.data('url'),
144
+ message = $contact.data('message'),
145
+ phone = $contact.data('phone');
146
+
147
+ $box.addClass('response').addClass('opening');
148
+
149
+ $container.trigger('qlwapp.height');
150
+
151
+ setTimeout(function () {
152
+ $box.removeClass('opening');
153
+ }, 300);
154
+
155
+ var $reply = $box.find('.qlwapp-reply'),
156
+ $header = $box.find('.qlwapp-header'),
157
+ $avatar = $header.find('.qlwapp-avatar img'),
158
+ $number = $header.find('.qlwapp-number'),
159
+ $name = $header.find('.qlwapp-name'),
160
+ $label = $header.find('.qlwapp-label'),
161
+ $message = $box.find('.qlwapp-message');
162
+
163
+
164
+ $reply.data('phone', phone);//.data('message', message);
165
+ $avatar.attr('src', avatar);
166
+ $number.html(phone);
167
+ $name.html(name);
168
+ $label.html(label);
169
+ $message.html(message);
170
+
171
+ });
172
+
173
+ // Response
174
+ // -----------------------------------------------------------------------
175
+
176
+ $qlwapp.on('click', 'textarea', function (e) {
177
+ $qlwapp.off('qlwapp.resize');
178
+ });
179
+
180
+ $qlwapp.on('keypress', 'textarea', function (e) {
181
+ if (e.keyCode == 13) {
182
+ $qlwapp.find('.qlwapp-reply').trigger('click');
183
+ setTimeout(function () {
184
+ window.location = $qlwapp.find('.qlwapp-reply').attr('href');
185
+ }, 100);
186
+ }
187
+ });
188
+
189
+ $qlwapp.on('keyup', '[data-action=response]', function (e) {
190
+ e.preventDefault();
191
+
192
+ var $textarea = $(this).find('textarea'),
193
+ $pre = $(this).find('pre'),
194
+ $reply = $(this).find('.qlwapp-reply'),
195
+ $container = $(e.delegateTarget),
196
+ $box = $container.find('.qlwapp-box'),
197
+ //$user = $box.find('.qlwapp-user'),
198
+ $buttons = $box.find('.qlwapp-buttons');
199
+
200
+ $pre.html($textarea.val());
201
+
202
+ setTimeout(function () {
203
+ $box.addClass('texting').css({'padding-bottom': $pre.outerHeight()});
204
+ $buttons.addClass('active');
205
+ var message = $textarea.val();
206
+ $reply.data('message', message);
207
+
208
+ if (message == '') {
209
+ $box.removeClass('texting');
210
+ $buttons.removeClass('active');
211
+ }
212
+
213
+ }, 300);
214
+
215
+ });
216
+
217
+ $qlwapp.trigger('qlwapp.init');
218
+ },
219
+ };
220
+
221
+ $.fn.qlwapp = function (options) {
222
+
223
+ var args = arguments;
224
+
225
+ if (options === undefined || typeof options === 'object') {
226
+ return this.each(function () {
227
+ if (!$.data(this, 'plugin_qlwapp')) {
228
+ $.data(this, 'plugin_qlwapp', new Plugin(this, options));
229
+ }
230
+ });
231
+ } else if (typeof options === 'string' && options[0] !== '_' && options !== 'init') {
232
+ // Cache the method call to make it possible to return a value
233
+ var returns;
234
+ this.each(function () {
235
+ var instance = $.data(this, 'plugin_qlwapp');
236
+ // Tests that there's already a plugin-instance and checks that the requested public method exists
237
+ if (instance instanceof Plugin && typeof instance[options] === 'function') {
238
+ // Call the method of our plugin instance, and pass it the supplied arguments.
239
+ returns = instance[options].apply(instance, Array.prototype.slice.call(args, 1));
240
+ }
241
+ // Allow instances to be destroyed via the 'destroy' method
242
+ if (options === 'destroy') {
243
+ //console.log('destroy');
244
+ $.data(this, 'plugin_qlwapp', null);
245
+ }
246
+ });
247
+ // If the earlier cached method gives a value back return the value, otherwise return this to preserve chainability.
248
+ return returns !== undefined ? returns : this;
249
+ }
250
+ }
251
+
252
+ function qlwapp_init() {
253
+ $('div#qlwapp').qlwapp();
254
+ }
255
+
256
+ qlwapp_init();
257
+
258
+ $(window).on('load', function () {
259
+ qlwapp_init();
260
+ //$('div#qlwapp').trigger('qlwapp.toggle');
261
+ });
262
+
263
+ $(window).on('click', function (e) {
264
+ if (!$(e.target).closest('#qlwapp.qlwapp-show').length) {
265
+ $('div#qlwapp.qlwapp-show').trigger('qlwapp.toggle');
266
+ }
267
+ });
268
+
269
+ $(window).on('resize', function (e) {
270
+ $('div#qlwapp').trigger('qlwapp.resize');
271
+ $('div#qlwapp').trigger('qlwapp.init');
272
+ });
273
+
274
+ })(jQuery, window, document);
assets/less/animations.less ADDED
@@ -0,0 +1,369 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ #qlwapp {
2
+ display: none;
3
+
4
+
5
+ &.qlwapp-show {
6
+ .qlwapp-box {
7
+ visibility: visible;
8
+ opacity: 1;
9
+ transform: translateY(0) scale(1);
10
+ display: block;
11
+ }
12
+ }
13
+
14
+ &.qlwapp-transition {
15
+ .qlwapp-box {
16
+ visibility: visible;
17
+ display: block;
18
+ }
19
+ }
20
+
21
+ &.qlwapp-bubble {
22
+
23
+ &.qlwapp-show {
24
+ .qlwapp-toggle {
25
+
26
+ .qlwapp-icon {
27
+ transform: scale(0,0);
28
+ opacity: 0;
29
+ }
30
+
31
+ .qlwapp-close {
32
+ transform: scale(1,1);
33
+ opacity: 1;
34
+ }
35
+ }
36
+ }
37
+
38
+ .qlwapp-toggle {
39
+
40
+ .qlwapp-close {
41
+ transform: scale(0,0);
42
+ opacity: 0;
43
+ }
44
+
45
+ .qlwapp-icon {
46
+ transform: scale(1,1);
47
+ opacity: 1;
48
+ }
49
+
50
+ .qlwapp-icon,
51
+ .qlwapp-close {
52
+ transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 300ms ease-in;
53
+ }
54
+
55
+ }
56
+ }
57
+
58
+ .qlwapp-box {
59
+ display: none;
60
+ opacity: 0;
61
+ visibility: hidden;
62
+ transform: translateY(50px);
63
+ transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 300ms ease-in;
64
+
65
+ @media (min-width: 430px) {
66
+ transform: translateY(50px) scale(0.9);
67
+ }
68
+
69
+ // Carousel
70
+ // ---------------------------------------------------------------------------
71
+
72
+ .qlwapp-carousel {
73
+ display: flex;
74
+ width: 200%;
75
+ height: 100%;
76
+ //overflow: hidden;
77
+
78
+ .qlwapp-slide {
79
+ width: 50%;
80
+ transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms;
81
+ height: 100%;
82
+ overflow: hidden;
83
+ //&:last-child {
84
+ //max-height: 94px;
85
+ //}
86
+ }
87
+ }
88
+
89
+ .qlwapp-header {
90
+
91
+ .qlwapp-slide {
92
+ max-height: 300px;
93
+ }
94
+
95
+ .qlwapp-name,
96
+ .qlwapp-label,
97
+ .qlwapp-avatar {
98
+ opacity: 0;
99
+ transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, opacity ease-in 0.3s;
100
+ }
101
+
102
+ .qlwapp-name,
103
+ .qlwapp-label {
104
+ transform: translateX(56px);
105
+ }
106
+
107
+ .qlwapp-avatar {
108
+ transform: scale(0.5);
109
+ }
110
+
111
+ .qlwapp-name {
112
+ transition-delay: 800ms
113
+ }
114
+
115
+ .qlwapp-label {
116
+ transition-delay: 850ms
117
+ }
118
+
119
+ .qlwapp-avatar {
120
+ transition-delay: 900ms
121
+ }
122
+
123
+ }
124
+
125
+ .qlwapp-footer,
126
+ .qlwapp-response,
127
+ .qlwapp-previous,
128
+ .qlwapp-message,
129
+ .qlwapp-user {
130
+ transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 600ms, opacity ease-in 200ms;
131
+ }
132
+
133
+ .qlwapp-response,
134
+ .qlwapp-previous,
135
+ .qlwapp-user {
136
+ opacity: 0;
137
+ }
138
+
139
+ .qlwapp-response {
140
+ pointer-events: none;
141
+ }
142
+
143
+ .qlwapp-previous {
144
+ transform: translateX(56px);
145
+ }
146
+
147
+ .qlwapp-user {
148
+ transform: translateY(56px);
149
+ }
150
+
151
+ .qlwapp-close {
152
+ transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
153
+ }
154
+
155
+ .qlwapp-description {
156
+ transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
157
+ }
158
+
159
+ .qlwapp-account {
160
+ transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 150ms ease-in;
161
+ }
162
+ .qlwapp-previous {
163
+ transition-delay: 800ms
164
+ }
165
+
166
+ .qlwapp-message {
167
+ transition-delay: 900ms
168
+ }
169
+
170
+ .qlwapp-close,
171
+ .qlwapp-description {
172
+ transition-delay: 900ms
173
+ }
174
+
175
+ .qlwapp-user {
176
+ transition-delay: 200ms
177
+ }
178
+
179
+ .qlwapp-account {
180
+
181
+ &:nth-of-type(6) {
182
+ transition-delay: 600ms
183
+ }
184
+
185
+ &:nth-of-type(5) {
186
+ transition-delay: 500ms
187
+ }
188
+
189
+ &:nth-of-type(4) {
190
+ transition-delay: 400ms
191
+ }
192
+
193
+ &:nth-of-type(3) {
194
+ transition-delay: 300ms
195
+ }
196
+
197
+ &:nth-of-type(2) {
198
+ transition-delay: 200ms
199
+ }
200
+
201
+ &:nth-of-type(1) {
202
+ transition-delay: 100ms
203
+ }
204
+
205
+ }
206
+
207
+ // Premium
208
+ // -------------------------------------------------------------------------
209
+ .qlwapp-slide {
210
+ .qlwapp-message {
211
+ opacity: 0;
212
+ transform: translateY(-56px);
213
+ }
214
+
215
+ .qlwapp-box {
216
+ .qlwapp-account {
217
+ &:hover {
218
+ background-color: #fafafa;
219
+ }
220
+ }
221
+
222
+ }
223
+ }
224
+
225
+ // Response
226
+ // -------------------------------------------------------------------------
227
+
228
+ &.response {
229
+
230
+ .qlwapp-carousel {
231
+ .qlwapp-slide {
232
+ transform: translateX(-100%);
233
+ }
234
+ }
235
+
236
+ .qlwapp-body {
237
+ .qlwapp-carousel {
238
+ overflow: hidden;
239
+ max-height: 134px!important;
240
+ min-height: 122px;
241
+ }
242
+ }
243
+
244
+ // Out
245
+ // -----------------------------------------------------------------------
246
+
247
+ .qlwapp-close {
248
+ transition-delay: 0ms;
249
+ }
250
+
251
+ .qlwapp-close,
252
+ .qlwapp-footer,
253
+ .qlwapp-description,
254
+ .qlwapp-account {
255
+ opacity: 0;
256
+ }
257
+
258
+ .qlwapp-account {
259
+ transform: translateY(-33.333%);
260
+ border-top-color: transparent!important;
261
+ }
262
+
263
+ // In
264
+ // -----------------------------------------------------------------------
265
+
266
+ //.qlwapp-chat {
267
+ // overflow: hidden;
268
+ //}
269
+
270
+ .qlwapp-user {
271
+ display: block;
272
+ //opacity: 0;
273
+ }
274
+
275
+ .qlwapp-message,
276
+ .qlwapp-previous,
277
+ .qlwapp-response {
278
+ opacity: 1;
279
+ }
280
+
281
+ .qlwapp-response {
282
+ pointer-events: all;
283
+ }
284
+
285
+ .qlwapp-message,
286
+ .qlwapp-previous {
287
+ transform: translate(0);
288
+ }
289
+
290
+ .qlwapp-header {
291
+
292
+ .qlwapp-slide {
293
+ max-height: 84px;
294
+ }
295
+
296
+ .qlwapp-name,
297
+ .qlwapp-avatar {
298
+ opacity: 1;
299
+ }
300
+
301
+ .qlwapp-label {
302
+ opacity: 0.5;
303
+ }
304
+
305
+ .qlwapp-name,
306
+ .qlwapp-label {
307
+ transform: translateX(0);
308
+ }
309
+
310
+ .qlwapp-avatar {
311
+ transform: scale(1);
312
+ }
313
+
314
+ }
315
+
316
+ &.opening {
317
+
318
+ .qlwapp-footer,
319
+ .qlwapp-response,
320
+ .qlwapp-close,
321
+ .qlwapp-previous,
322
+ .qlwapp-description,
323
+ .qlwapp-header .qlwapp-name,
324
+ .qlwapp-header .qlwapp-label {
325
+ visibility: visible;
326
+ }
327
+ }
328
+
329
+ }
330
+
331
+ &.texting {
332
+
333
+ .qlwapp-body {
334
+ overflow-y: auto;
335
+ }
336
+
337
+ .qlwapp-user {
338
+ opacity: 1;
339
+ transform: translate(0);
340
+ }
341
+
342
+ }
343
+
344
+ &.closing {
345
+
346
+ .qlwapp-carousel {
347
+
348
+ .qlwapp-slide {
349
+ //transition-delay: 0ms;
350
+ //transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, opacity 500ms ease-in 500ms;
351
+ }
352
+ }
353
+
354
+ .qlwapp-previous {
355
+ transition-delay: 0ms;
356
+ transform: translateX(-24px);
357
+ opacity: 0;
358
+ transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity ease-out 200ms;
359
+ }
360
+
361
+ .qlwapp-description {
362
+ opacity: 0;
363
+ }
364
+
365
+ }
366
+
367
+ }
368
+ }
369
+
assets/less/colors.less ADDED
@@ -0,0 +1,53 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ #qlwapp {
2
+ .qlwapp-previous,
3
+ .qlwapp-close,
4
+ .qlwapp-toggle,
5
+ .qlwapp-box .qlwapp-header,
6
+ .qlwapp-box .qlwapp-contact,
7
+ .qlwapp-box .qlwapp-user {
8
+ color: #ffffff;
9
+ }
10
+
11
+ &.qlwapp-bubble {
12
+ .qlwapp-toggle .qlwapp-text {
13
+ color: #303030;
14
+ }
15
+ }
16
+
17
+ .qlwapp-box,
18
+ .qlwapp-box:before {
19
+ background-color: #fff;
20
+ }
21
+
22
+ .qlwapp-box .qlwapp-account {
23
+ background-color: #fff;
24
+
25
+ &:not(:first-child) {
26
+ border-top: 1px solid #f5f5f5;
27
+ }
28
+ }
29
+
30
+ .qlwapp-box .qlwapp-avatar .qlwapp-avatar-container {
31
+ background-color: #eee;
32
+ }
33
+
34
+ .qlwapp-box .qlwapp-message,
35
+ .qlwapp-box .qlwapp-message:before {
36
+ background-color: #eee;
37
+ }
38
+
39
+ .qlwapp-box .qlwapp-footer,
40
+ .qlwapp-box .qlwapp-response {
41
+ color: #303030;
42
+ background-color: #fff;
43
+ border-top: 1px solid #e6e6e6;
44
+ }
45
+
46
+ .qlwapp-toggle,
47
+ .qlwapp-box .qlwapp-header,
48
+ .qlwapp-box .qlwapp-user,
49
+ .qlwapp-box .qlwapp-user:before {
50
+ background-color: #303030;
51
+ }
52
+
53
+ }
assets/less/qlwapp.less ADDED
@@ -0,0 +1,778 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @font-face {
2
+ font-family: 'qlwapp-whatsapp';
3
+ src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff');
4
+ font-weight: normal;
5
+ font-style: normal;
6
+ }
7
+
8
+ .qlwapp-whatsapp-icon {
9
+ font-family: 'qlwapp-whatsapp' !important;
10
+ speak: none;
11
+ font-style: normal;
12
+ font-weight: normal;
13
+ font-variant: normal;
14
+ text-transform: none;
15
+ line-height: 1;
16
+ -webkit-font-smoothing: antialiased;
17
+ -moz-osx-font-smoothing: grayscale;
18
+ }
19
+
20
+ .qlwapp-whatsapp-icon:before {
21
+ content: "\e900";
22
+ }
23
+
24
+ #qlwapp {
25
+
26
+ box-sizing: border-box;
27
+
28
+ @media (min-width: 430px) {
29
+ width: 430px;
30
+ }
31
+
32
+
33
+ * {
34
+ box-sizing: border-box;
35
+ }
36
+
37
+ // Ready
38
+ // ---------------------------------------------------------------------------
39
+
40
+ &.qlwapp-js-ready {
41
+ display: block;
42
+ }
43
+
44
+ &.qlwapp-hide,
45
+ &.qlwapp-desktop.mobile,
46
+ &.qlwapp-mobile.desktop {
47
+ display: none;
48
+ }
49
+
50
+ // Position
51
+ // ---------------------------------------------------------------------------
52
+ &.qlwapp-middle-left,
53
+ &.qlwapp-bottom-left,
54
+ &.qlwapp-middle-right,
55
+ &.qlwapp-bottom-right {
56
+ position: fixed;
57
+ z-index: 9999999;
58
+ }
59
+
60
+ // Left
61
+ // ---------------------------------------------------------------------------
62
+
63
+ &.qlwapp-middle-left,
64
+ &.qlwapp-bottom-left {
65
+ right: auto;
66
+ left: 0;
67
+
68
+ &.qlwapp-bubble,
69
+ &.qlwapp-button {
70
+ .qlwapp-developer,
71
+ .qlwapp-toggle {
72
+ margin-left: 20px;
73
+ }
74
+ }
75
+
76
+ &.qlwapp-bubble {
77
+ .qlwapp-toggle {
78
+ .qlwapp-text {
79
+ right: auto;
80
+ left: 60px;
81
+ }
82
+ }
83
+ }
84
+
85
+ .qlwapp-box {
86
+ &:before {
87
+ right: auto;
88
+ left: 20px;
89
+ }
90
+ }
91
+
92
+ }
93
+
94
+ // Right
95
+ // ---------------------------------------------------------------------------
96
+
97
+ &.qlwapp-middle-right,
98
+ &.qlwapp-bottom-right {
99
+ left: auto;
100
+ right: 0;
101
+
102
+ &.qlwapp-bubble,
103
+ &.qlwapp-button {
104
+ .qlwapp-developer,
105
+ .qlwapp-toggle {
106
+ margin-right: 20px;
107
+ }
108
+ }
109
+
110
+ }
111
+
112
+ // Middle
113
+ // ---------------------------------------------------------------------------
114
+
115
+ &.qlwapp-middle-left,
116
+ &.qlwapp-middle-right {
117
+ top: 40%;
118
+ bottom: auto;
119
+ .qlwapp-developer {
120
+ padding: 0 24px;
121
+ }
122
+ }
123
+
124
+ &.qlwapp-middle-left {
125
+ &.qlwapp-button {
126
+ .qlwapp-developer,
127
+ .qlwapp-toggle {
128
+ margin-left: -48px;
129
+ padding-left: 60px;
130
+ }
131
+ }
132
+ }
133
+
134
+ &.qlwapp-middle-right {
135
+ &.qlwapp-button {
136
+ .qlwapp-developer,
137
+ .qlwapp-toggle {
138
+ margin-right: -48px;
139
+ padding-right: 60px;
140
+ }
141
+
142
+ }
143
+ }
144
+
145
+ // Bottom
146
+ // ---------------------------------------------------------------------------
147
+
148
+ &.qlwapp-bottom-left,
149
+ &.qlwapp-bottom-right {
150
+ top: auto;
151
+ bottom: 0;
152
+ }
153
+
154
+ /*&.qlwapp-middle-left {
155
+ &.qlwapp-button {
156
+ .qlwapp-developer,
157
+ .qlwapp-toggle {
158
+ margin-left: -48px;
159
+ padding-left: 60px;
160
+ }
161
+ }
162
+ }
163
+
164
+ &.qlwapp-middle-right {
165
+ &.qlwapp-button {
166
+ .qlwapp-developer,
167
+ .qlwapp-toggle {
168
+ margin-right: -48px;
169
+ padding-right: 60px;
170
+ }
171
+
172
+ }
173
+ }
174
+
175
+ &.qlwapp-bottom-left {
176
+ &.qlwapp-bubble,
177
+ &.qlwapp-button {
178
+ .qlwapp-developer,
179
+ .qlwapp-toggle {
180
+ margin-left: 20px;
181
+ }
182
+ }
183
+
184
+ &.qlwapp-bubble {
185
+ .qlwapp-toggle {
186
+ .qlwapp-text {
187
+ right: auto;
188
+ left: 60px;
189
+ }
190
+ }
191
+ }
192
+
193
+ .qlwapp-box {
194
+ &:before {
195
+ right: auto;
196
+ left: 20px;
197
+ }
198
+ }
199
+
200
+ }
201
+
202
+ &.qlwapp-bottom-right {
203
+ &.qlwapp-bubble,
204
+ &.qlwapp-button {
205
+
206
+ .qlwapp-developer,
207
+ .qlwapp-toggle {
208
+ margin-right: 20px;
209
+ }
210
+ }
211
+ }*/
212
+
213
+ &.qlwapp-rounded {
214
+ &.qlwapp-bubble {
215
+ .qlwapp-toggle {
216
+ border-radius: 50%;
217
+ }
218
+ }
219
+ &.qlwapp-button {
220
+ .qlwapp-toggle {
221
+ border-radius: 50px;
222
+ }
223
+ }
224
+
225
+ .qlwapp-box {
226
+ @media (min-width: 430px) {
227
+ border-radius: 8px;
228
+ }
229
+
230
+ .qlwapp-user,
231
+ .qlwapp-message {
232
+ border-radius: 4px;
233
+ }
234
+
235
+ }
236
+ }
237
+
238
+ p:last-child {
239
+ margin: 0;
240
+ }
241
+
242
+ time {
243
+ opacity: 0.8;
244
+ font-style: italic;
245
+ font-size: 10px;
246
+ }
247
+
248
+ // General
249
+ // ---------------------------------------------------------------------------
250
+
251
+ .qlwapp-container {
252
+ display: flex;
253
+ flex-direction: column;
254
+ }
255
+
256
+ .qlwapp-clearfix {
257
+ &:before,
258
+ &:after {
259
+ content: '';
260
+ display: block;
261
+ clear: both;
262
+ }
263
+ }
264
+
265
+ .qlwapp-previous,
266
+ .qlwapp-close {
267
+ display: block;
268
+ opacity: 0.8;
269
+ font-style: unset;
270
+ font-size: 24px;
271
+ font-weight: bold;
272
+ width: 24px;
273
+ height: 24px;
274
+ cursor: pointer;
275
+ text-align: center;
276
+ line-height: 24px;
277
+ z-index: 1;
278
+ }
279
+
280
+ .qlwapp-previous {
281
+ width: 16px;
282
+ height: 36px;
283
+ cursor: pointer;
284
+ text-align: center;
285
+ line-height: 36px;
286
+ margin-right: auto;
287
+ }
288
+
289
+ .qlwapp-developer {
290
+ font-size: 8px;
291
+ top: -20px;
292
+ position: relative;
293
+ }
294
+
295
+ .qlwapp-developer,
296
+ .qlwapp-toggle {
297
+ display: inline-flex;
298
+ align-items: center;
299
+ justify-content: center;
300
+ margin-left: auto;
301
+ margin-right: auto;
302
+ }
303
+
304
+ .qlwapp-toggle {
305
+ cursor: pointer;
306
+ box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
307
+ margin-top: 24px;
308
+ margin-bottom: 24px;
309
+ position: relative;
310
+ text-decoration: none;
311
+
312
+ &,
313
+ &:active,
314
+ &:focus,
315
+ &:hover {
316
+ outline: none;
317
+ text-decoration: none;
318
+ }
319
+
320
+ }
321
+
322
+ .qlwapp-avatar {
323
+ .qlwapp-avatar-container {
324
+ overflow: hidden;
325
+ border-radius: 50%;
326
+ width: inherit;
327
+ height: inherit;
328
+ img {
329
+ width: 100%;
330
+ height: auto;
331
+ }
332
+ }
333
+ }
334
+
335
+ // Bubble
336
+ // ---------------------------------------------------------------------------
337
+ &.qlwapp-bubble {
338
+
339
+ .qlwapp-toggle {
340
+ width: 60px;
341
+ height: 60px;
342
+
343
+ .qlwapp-icon,
344
+ .qlwapp-close {
345
+ position: absolute;
346
+ display: block;
347
+ pointer-events: none;
348
+ font-size: 24px;
349
+ }
350
+
351
+ .qlwapp-text {
352
+ position: absolute;
353
+ right: 60px;
354
+ height: 60px;
355
+ margin: 0 24px;
356
+ display: flex;
357
+ align-items: center;
358
+ justify-content: flex-end;
359
+ font-weight: bold;
360
+ white-space: pre;
361
+ }
362
+ }
363
+ }
364
+
365
+ // Button
366
+ // ---------------------------------------------------------------------------
367
+ &.qlwapp-button {
368
+
369
+ .qlwapp-toggle {
370
+ height: 40px;
371
+ white-space: nowrap;
372
+ padding: 12px 24px;
373
+
374
+ .qlwapp-icon {
375
+ margin: 0 12px 0 0;
376
+ }
377
+
378
+ .qlwapp-close {
379
+ display: none;
380
+ }
381
+
382
+ }
383
+ }
384
+
385
+ // Box
386
+ // ---------------------------------------------------------------------------
387
+ .qlwapp-box {
388
+ padding-bottom: 56px;
389
+ position: fixed;
390
+ top: auto;
391
+ bottom: 0;
392
+ left: 0;
393
+ right: 0;
394
+ z-index: 99999;
395
+ box-shadow: 0px 5px 40px 5px rgba(0,0,0,0.5);
396
+
397
+ // Desktop
398
+ // ---------------------------------------------------------------------------
399
+
400
+ @media (min-width: 430px) {
401
+ position: relative;
402
+ top: auto;
403
+ bottom: auto;
404
+ left: auto;
405
+ right: auto;
406
+ box-shadow: 0 8px 25px -5px rgba(45, 62, 79, .15);
407
+ margin-top: 24px;
408
+ margin-left: 24px;
409
+ margin-right: 24px;
410
+ margin-bottom: 12px;
411
+
412
+ &:before {
413
+ content: '';
414
+ position: absolute;
415
+ bottom: -6px;
416
+ right: 24px;
417
+ width: 13px;
418
+ height: 13px;
419
+ transform: rotate(45deg);
420
+ }
421
+
422
+ .qlwapp-header {
423
+ border-top-left-radius: inherit;
424
+ border-top-right-radius: inherit;
425
+ }
426
+
427
+ .qlwapp-footer,
428
+ .qlwapp-response {
429
+ border-bottom-left-radius: inherit;
430
+ border-bottom-right-radius: inherit;
431
+ }
432
+
433
+ }
434
+
435
+ // Header
436
+ // -------------------------------------------------------------------------
437
+
438
+ .qlwapp-header {
439
+ position: relative;
440
+ overflow: hidden;
441
+
442
+ &:before {
443
+ content: '';
444
+ position: absolute;
445
+ top: 0;
446
+ bottom: 0;
447
+ left: 0;
448
+ right: 0;
449
+ background: linear-gradient(135deg, transparent 0%, rgba(0,0,0,0.3) 100%);
450
+ }
451
+
452
+ .qlwapp-close {
453
+ position: absolute;
454
+ top: 12px;
455
+ right: 12px;
456
+
457
+ @media (min-width: 430px) {
458
+ position: absolute;
459
+ top: 7px;
460
+ right: 7px;
461
+ font-size: 16px;
462
+ }
463
+ }
464
+
465
+ .qlwapp-description {
466
+ position: relative;
467
+ }
468
+
469
+ }
470
+
471
+ .qlwapp-description,
472
+ .qlwapp-contact {
473
+ padding: 24px 36px;
474
+ height: 100%;
475
+ }
476
+
477
+ // Description
478
+ // -------------------------------------------------------------------------
479
+
480
+ .qlwapp-description {
481
+
482
+ p,
483
+ h3 {
484
+ color: inherit;
485
+ font-family: inherit;
486
+ margin: 0;
487
+ }
488
+
489
+ h3 {
490
+ margin: 0 0 0.25em 0;
491
+ }
492
+ }
493
+
494
+ // Response
495
+ // -------------------------------------------------------------------------
496
+
497
+ .qlwapp-contact {
498
+ display: flex;
499
+ justify-content: flex-end;
500
+ align-items: center;
501
+ text-align: right;
502
+
503
+ .qlwapp-previous {
504
+ position: relative;
505
+ left: -16px;
506
+
507
+ > i {
508
+ //font-size: 26px;
509
+ line-height: 36px;
510
+ }
511
+ }
512
+
513
+ .qlwapp-avatar {
514
+ width: 42px;
515
+ height: 42px;
516
+ }
517
+
518
+ .qlwapp-label,
519
+ .qlwapp-name {
520
+ color: inherit;
521
+ }
522
+ }
523
+
524
+ .qlwapp-account {
525
+ color: inherit;
526
+ padding: 16px 36px;
527
+ display: flex;
528
+ align-items: center;
529
+ overflow: hidden;
530
+ position: relative;
531
+ cursor: pointer;
532
+ width: 100%;
533
+
534
+ &:only-of-type {
535
+ padding-top: 36px;
536
+ padding-bottom: 36px;
537
+ }
538
+
539
+ }
540
+
541
+ .qlwapp-info {
542
+ padding: 0 16px;
543
+
544
+ }
545
+
546
+ .qlwapp-avatar {
547
+ position: relative;
548
+ width: 62px;
549
+ height: 62px;
550
+ //border-radius: 50%;
551
+
552
+ &:after {
553
+ content: '';
554
+ display: block;
555
+ width: 15px;
556
+ height: 15px;
557
+ position: absolute;
558
+ bottom: 2px;
559
+ right: 2px;
560
+ background-image: url(data:image/png;base64,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);
561
+ background-color: transparent;
562
+ background-repeat: no-repeat;
563
+ background-position: center center;
564
+ background-size: cover;
565
+ z-index: 4;
566
+ }
567
+ }
568
+
569
+ .qlwapp-label,
570
+ .qlwapp-offline-text {
571
+ font-size: 12px;
572
+ line-height: 1.5em;
573
+ opacity: .6;
574
+ display: block;
575
+ }
576
+
577
+ .qlwapp-name {
578
+ display: block;
579
+ font-weight: bold;
580
+ }
581
+
582
+ // Body
583
+ // -------------------------------------------------------------------------
584
+ .qlwapp-body {
585
+ overflow-x: hidden;
586
+ overflow-y: auto;
587
+
588
+ .qlwapp-carousel {
589
+ max-height: 470px;
590
+ min-height: 134px;
591
+ }
592
+ }
593
+
594
+ // Chat
595
+ // -------------------------------------------------------------------------
596
+
597
+ .qlwapp-chat {
598
+ display: flex;
599
+ flex-direction: column;
600
+ //height: 100%;
601
+ overflow: hidden;
602
+ }
603
+
604
+ .qlwapp-user,
605
+ .qlwapp-message {
606
+ padding: 16px 24px;
607
+ margin: 36px;
608
+ position: relative;
609
+ word-wrap: break-word;
610
+ width: calc(~"100% - 36px*2");
611
+
612
+ &:before {
613
+ content: '';
614
+ position: absolute;
615
+ top: -6px;
616
+ right: 24px;
617
+ width: 13px;
618
+ height: 13px;
619
+ transform: rotate(45deg);
620
+ }
621
+ }
622
+
623
+ .qlwapp-user {
624
+ width: auto;
625
+ max-width: 75%;
626
+ align-self: flex-start;
627
+ justify-self: flex-end;
628
+ margin-top: 0;
629
+
630
+ &:before {
631
+ top: auto;
632
+ bottom: -6px;
633
+ left: 24px;
634
+ }
635
+ }
636
+
637
+ // Footer
638
+ // -------------------------------------------------------------------------
639
+
640
+ .qlwapp-padding {
641
+ padding-bottom: 56px;
642
+ }
643
+
644
+ .qlwapp-footer,
645
+ .qlwapp-response {
646
+ position: absolute;
647
+ bottom: 0;
648
+ left: 0;
649
+ right: 0;
650
+ height: auto;
651
+ width:100%;
652
+
653
+ &,
654
+ pre,
655
+ textarea {
656
+ max-height: 160px;
657
+ }
658
+
659
+ pre,
660
+ textarea {
661
+ color: inherit;
662
+ background-color: inherit;
663
+ }
664
+
665
+ &:before {
666
+ pointer-events: none;
667
+ position: absolute;
668
+ content: '';
669
+ height: 59px;
670
+ top: -59px;
671
+ background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
672
+ left: 0;
673
+ right: 0;
674
+ }
675
+
676
+ }
677
+
678
+ .qlwapp-footer {
679
+ min-height: 56px;
680
+ display: flex;
681
+ align-items: center;
682
+ justify-content: center;
683
+ text-align: center;
684
+ font-size: 12px;
685
+ padding: 12px 36px;
686
+
687
+ p {
688
+ font-size: inherit;
689
+ }
690
+
691
+ p:last-child {
692
+ margin-bottom: 0;
693
+ }
694
+ }
695
+
696
+ // Response
697
+ // -------------------------------------------------------------------------
698
+ .qlwapp-response {
699
+
700
+ &,
701
+ pre,
702
+ textarea,
703
+ .qlwapp-buttons {
704
+ min-height: 56px;
705
+ }
706
+
707
+ pre,
708
+ textarea {
709
+ width: 100%;
710
+ height: 100%;
711
+ resize: none;
712
+ border: none;
713
+ padding: 18px 56px 18px 36px;
714
+ font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
715
+ font-size: 14px;
716
+ font-weight: normal;
717
+ line-height: 20px;
718
+ white-space: pre-wrap;
719
+ word-wrap: break-word;
720
+ border-radius: inherit;
721
+ margin: 0;
722
+ }
723
+
724
+ pre {
725
+ visibility: hidden;
726
+ }
727
+
728
+ textarea {
729
+ position: absolute;
730
+ bottom: 0;
731
+ left: 0;
732
+
733
+ &:focus {
734
+ outline: none;
735
+ }
736
+
737
+ }
738
+
739
+ .qlwapp-buttons {
740
+ position: absolute;
741
+ top: 0;
742
+ right: 21px;
743
+ display: flex;
744
+ align-items: center;
745
+
746
+ &.active {
747
+
748
+ > i {
749
+ display: none;
750
+ }
751
+
752
+ > i.qlwf-emoji {
753
+ display: block;
754
+ }
755
+ }
756
+
757
+ > i {
758
+ opacity: 0.4;
759
+ }
760
+
761
+ > i,
762
+ > a {
763
+ cursor: pointer;
764
+ margin: 0 0 0 10px;
765
+ display: inherit;
766
+ font-size: 18px;
767
+ line-height: 24px;
768
+ }
769
+
770
+ }
771
+
772
+ }
773
+
774
+ }
775
+
776
+ }
777
+ @import 'colors.less';
778
+ @import 'animations.less';
includes/settings.php CHANGED
@@ -449,7 +449,7 @@ if (!class_exists('QLWAPP_Settings')) {
449
  add_action('wp_ajax_qlwapp_get_posts', array($this, 'ajax_get_posts'));
450
  add_action('wp_ajax_qlwapp_dismiss_notice', array($this, 'ajax_dismiss_notice'));
451
  add_action('admin_enqueue_scripts', array($this, 'add_js'));
452
- //add_action('admin_notices', array($this, 'add_notices'));
453
  add_action('admin_head', array($this, 'add_css'));
454
  add_action('admin_menu', array($this, 'add_menu'));
455
  add_action('admin_init', array($this, 'add_settings_register'));
449
  add_action('wp_ajax_qlwapp_get_posts', array($this, 'ajax_get_posts'));
450
  add_action('wp_ajax_qlwapp_dismiss_notice', array($this, 'ajax_dismiss_notice'));
451
  add_action('admin_enqueue_scripts', array($this, 'add_js'));
452
+ add_action('admin_notices', array($this, 'add_notices'));
453
  add_action('admin_head', array($this, 'add_css'));
454
  add_action('admin_menu', array($this, 'add_menu'));
455
  add_action('admin_init', array($this, 'add_settings_register'));
languages/qlwapp-pt_BR.mo ADDED
Binary file
languages/qlwapp-pt_BR.po ADDED
@@ -0,0 +1,496 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Translation of Plugins - WhatsApp Chat WP - Development (trunk) in Portuguese (Brazil)
2
+ # This file is distributed under the same license as the Plugins - WhatsApp Chat WP - Development (trunk) package.
3
+ msgid ""
4
+ msgstr ""
5
+ "PO-Revision-Date: 2019-04-20 19:48-0300\n"
6
+ "MIME-Version: 1.0\n"
7
+ "Content-Type: text/plain; charset=UTF-8\n"
8
+ "Content-Transfer-Encoding: 8bit\n"
9
+ "Plural-Forms: nplurals=2; plural=(n > 1);\n"
10
+ "X-Generator: Poedit 1.8.1\n"
11
+ "Language: pt_BR\n"
12
+ "Project-Id-Version: Plugins - WhatsApp Chat WP - Development (trunk)\n"
13
+ "POT-Creation-Date: \n"
14
+ "Last-Translator: \n"
15
+ "Language-Team: \n"
16
+
17
+ #: includes/defaults.php:47
18
+ msgid "Write a response"
19
+ msgstr "Escreva sua mensagem"
20
+
21
+ #: includes/pages/box.php:31
22
+ msgid "Write a response text."
23
+ msgstr "Escreva um texto de resposta."
24
+
25
+ #: includes/pages/box.php:28
26
+ msgid "Response"
27
+ msgstr "Resposta"
28
+
29
+ #: includes/settings.php:27
30
+ msgid "Settings"
31
+ msgstr "Configurações"
32
+
33
+ #: template/box.php:47
34
+ msgid "Powered by QuadLayers"
35
+ msgstr "Movido por QuadLayers"
36
+
37
+ #: includes/defaults.php:57
38
+ msgid "Hello! I'm John from the support team."
39
+ msgstr "Oi! Eu sou John do suporte."
40
+
41
+ #: includes/defaults.php:34
42
+ msgid "How can I help you?"
43
+ msgstr "Como posso te ajudar?"
44
+
45
+ #: includes/defaults.php:29
46
+ msgid "Hello! I'm testing the WhatsApp Chat plugin @https://quadlayers.com"
47
+ msgstr "Oi! Estou testando o plugin de chat do WhatsApp @https://quadlayers.com"
48
+
49
+ #: includes/settings.php:383
50
+ msgid "Report a bug"
51
+ msgstr "Informar um erro"
52
+
53
+ #: includes/settings.php:380
54
+ msgid "Yes, of course!"
55
+ msgstr "Claro!"
56
+
57
+ #: includes/settings.php:377
58
+ msgid "Could you please give it a 5-star rating on WordPress? We know its a big favor, but we've worked very much and very hard to release this great product. Your feedback will boost our motivation and help us promote and continue to improve this product."
59
+ msgstr "Você poderia nos avaliar com 5 estrelas no WordPress? Sabemos que é um grande favor, mas trabalhamos muito para entregar esse produto. Seu feedback vai nos ajudar a continuar melhorando ele."
60
+
61
+ #: includes/settings.php:375
62
+ msgid "Hello! Thank you for choosing the %s plugin!"
63
+ msgstr "Oi! Obrigado por escolher o %s plugin!"
64
+
65
+ #: includes/settings.php:337
66
+ msgid "Remove"
67
+ msgstr "Apagar"
68
+
69
+ #: includes/settings.php:336
70
+ msgid "Save"
71
+ msgstr "Salvar"
72
+
73
+ #: includes/settings.php:325
74
+ msgid "Deselect"
75
+ msgstr "Não selecionar"
76
+
77
+ #: includes/settings.php:309
78
+ msgid "Featured Image"
79
+ msgstr "Imagem destacada"
80
+
81
+ #: includes/settings.php:302
82
+ msgid "Select icon"
83
+ msgstr "Selecione o ícone"
84
+
85
+ #: includes/settings.php:293
86
+ msgid "Close media panel"
87
+ msgstr "Fechar o painel de mídia"
88
+
89
+ #: includes/settings.php:271
90
+ msgid "Disabled"
91
+ msgstr "Desabilitado"
92
+
93
+ #: includes/settings.php:270
94
+ msgid "Enabled"
95
+ msgstr "Habilitado"
96
+
97
+ #: includes/settings.php:256
98
+ msgid "Lastname"
99
+ msgstr "Último nome"
100
+
101
+ #: includes/settings.php:254
102
+ msgid "Firstname"
103
+ msgstr "Primeiro nome"
104
+
105
+ #: includes/settings.php:246
106
+ msgid "Upload"
107
+ msgstr "Enviar"
108
+
109
+ #: includes/settings.php:101
110
+ msgid "QuadLayers"
111
+ msgstr "QuadLayers"
112
+
113
+ #: includes/settings.php:82
114
+ msgid "Check out our demo"
115
+ msgstr "Confira nossa demonstração"
116
+
117
+ #: includes/settings.php:79
118
+ msgid "Thanks for using WhatsApp Chat! We will do our best to offer you the best and improved communication experience with your users."
119
+ msgstr "Agradecemos por usar o WhatsApp Chat! Nós fazemos o nosso melhor para oferecer a melhor experiência de comunicação para nossos usuários."
120
+
121
+ #: includes/settings.php:61
122
+ msgid "Colors"
123
+ msgstr "Cores"
124
+
125
+ #: includes/settings.php:60
126
+ msgid "Display"
127
+ msgstr "Exibir"
128
+
129
+ #: includes/settings.php:59
130
+ msgid "Box"
131
+ msgstr "Caixa"
132
+
133
+ #: includes/settings.php:57
134
+ msgid "Welcome"
135
+ msgstr "Bem-vindo"
136
+
137
+ #: includes/pages/button.php:77
138
+ msgid "Leave a discrete link to developer to help and keep new updates and support."
139
+ msgstr "Deixe um link discreto para o desenvolvedor para ajudar e manter novas atualizações e suporte."
140
+
141
+ #: includes/pages/button.php:75
142
+ msgid "Hide developer link"
143
+ msgstr "Ocultar link do desenvolvedor"
144
+
145
+ #: includes/pages/button.php:74
146
+ msgid "Show developer link"
147
+ msgstr "Mostrar link do desenvolvedor"
148
+
149
+ #: includes/pages/button.php:71
150
+ msgid "Discreet link"
151
+ msgstr "Link discreto"
152
+
153
+ #: includes/pages/button.php:67
154
+ msgid "Message that will automatically appear in the text field of a chat."
155
+ msgstr "Mensagem que aparecerá automaticamente no campo de texto do chat."
156
+
157
+ #: includes/pages/button.php:57
158
+ msgid "Add Icon"
159
+ msgstr "Adicionar ícone"
160
+
161
+ #: includes/pages/button.php:54
162
+ msgid "Icon"
163
+ msgstr "Ícone"
164
+
165
+ #: includes/pages/button.php:49
166
+ msgid "Full phone number in international format."
167
+ msgstr "Número de telefone completo em formato internacional."
168
+
169
+ #: includes/pages/button.php:42
170
+ msgid "Customize your text."
171
+ msgstr "Personalize o texto do botão Trocar nome de usuário."
172
+
173
+ #: includes/pages/button.php:39
174
+ msgid "Text"
175
+ msgstr "Texto"
176
+
177
+ #: includes/pages/button.php:35
178
+ msgid "Switch to change the button position."
179
+ msgstr "Mude para alterar a posição do botão."
180
+
181
+ #: includes/pages/button.php:33
182
+ msgid "Bottom Right"
183
+ msgstr "Base à direita"
184
+
185
+ #: includes/pages/button.php:32
186
+ msgid "Bottom Left"
187
+ msgstr "Em baixo à esquerda"
188
+
189
+ #: includes/pages/button.php:31
190
+ msgid "Middle Right"
191
+ msgstr "Meio á direita"
192
+
193
+ #: includes/pages/button.php:30
194
+ msgid "Middle Left"
195
+ msgstr "Meio à esquerda"
196
+
197
+ #: includes/pages/button.php:27
198
+ msgid "Position"
199
+ msgstr "Posição"
200
+
201
+ #: includes/pages/button.php:23
202
+ msgid "Add rounded border to the button."
203
+ msgstr "Adicione a borda arredondada ao botão."
204
+
205
+ #: includes/pages/button.php:21
206
+ msgid "Remove rounded border"
207
+ msgstr "Remover borda arredondada"
208
+
209
+ #: includes/pages/button.php:20
210
+ msgid "Add rounded border"
211
+ msgstr "Adicionar borda arredondada"
212
+
213
+ #: includes/pages/button.php:17
214
+ msgid "Rounded"
215
+ msgstr "Arredondado"
216
+
217
+ #: includes/pages/button.php:13
218
+ msgid "Switch to change the button layout."
219
+ msgstr "Mude para alterar o layout do botão."
220
+
221
+ #: includes/pages/button.php:11
222
+ msgid "Bubble"
223
+ msgstr "Bolha"
224
+
225
+ #: includes/settings.php:58 includes/pages/button.php:10
226
+ msgid "Button"
227
+ msgstr "Botão"
228
+
229
+ #: includes/pages/button.php:7
230
+ msgid "Layout"
231
+ msgstr "Layout"
232
+
233
+ #: includes/pages/welcome.php:29
234
+ msgid "Submit ticket"
235
+ msgstr "Enviar chamado"
236
+
237
+ #: includes/pages/welcome.php:27
238
+ msgid "If you have any doubt or you find any issue don't hesitate to contact us through our ticket system or join our community to meet other WhatsApp Chat users."
239
+ msgstr "Se você tiver alguma dúvida ou encontrar qualquer problema, não hesite em nos contactar através do nosso sistema de chamados ou entrar em nossa comunidade para encontrar outros usuários do WhatsApp Chat."
240
+
241
+ #: includes/defaults.php:56 includes/pages/welcome.php:25
242
+ msgid "Support"
243
+ msgstr "Ajuda"
244
+
245
+ #: includes/pages/welcome.php:22
246
+ msgid "View demo"
247
+ msgstr "Ver demonstração"
248
+
249
+ #: includes/pages/welcome.php:20
250
+ msgid "Thank you for choosing our WhatsApp Chat plugin for WordPress! Here you can see our demo and a description about the features we offer in the premium version."
251
+ msgstr "Agradecemos por escolher o nosso plugin WhatsApp Chat para WordPress! Aqui você pode ver a nossa demonstração e uma descrição sobre os recursos que oferecemos na versão Premium."
252
+
253
+ #: includes/pages/welcome.php:18
254
+ msgid "Demo"
255
+ msgstr "Demonstração"
256
+
257
+ #: includes/pages/welcome.php:15
258
+ msgid "Join us"
259
+ msgstr "Junte-se a nós"
260
+
261
+ #: includes/pages/welcome.php:13
262
+ msgid "If you want to get in touch with other WhatsApp Chat users or be aware of our promotional discounts join our community now."
263
+ msgstr "Se você quiser entrar em contato com outros usuários do WhatsApp Chat, ou estar ciente de nossos descontos promocionais, junte-se à nossa comunidade agora mesmo."
264
+
265
+ #: includes/pages/welcome.php:11
266
+ msgid "Community"
267
+ msgstr "Comunidade"
268
+
269
+ #: includes/pages/welcome.php:6
270
+ msgid "Hello we're QuadLayers! We've recently acquired this plugin and this is the first update. We have worked very much and very hard to release it, and we will do our absolute best to support it and fix all the issues."
271
+ msgstr "Olá nós somos a QuadLayers! Nós adquirimos recentemente este plugin e esta é a primeira atualização. Temos trabalhado muito e muito duro para liberá-lo, e vamos fazer o nosso melhor para fornecer suporte e corrigir todos os problemas."
272
+
273
+ #: includes/pages/box.php:63
274
+ msgid "Actions"
275
+ msgstr "Ações"
276
+
277
+ #: includes/settings.php:267 includes/pages/box.php:62
278
+ msgid "Chat"
279
+ msgstr "Chat"
280
+
281
+ #: includes/settings.php:260 includes/pages/box.php:58
282
+ #: includes/pages/button.php:46
283
+ msgid "Phone"
284
+ msgstr "Telefone"
285
+
286
+ #: includes/pages/box.php:57
287
+ msgid "Avatar"
288
+ msgstr "Avatar"
289
+
290
+ #: includes/pages/box.php:51
291
+ msgid "Add Contact"
292
+ msgstr "Adicionar contato"
293
+
294
+ #: includes/pages/box.php:44
295
+ msgid "Save Contact"
296
+ msgstr "Salvar contato"
297
+
298
+ #: includes/pages/box.php:36
299
+ msgid "Contacts"
300
+ msgstr "Contatos"
301
+
302
+ #: includes/pages/box.php:22
303
+ msgid "Footer"
304
+ msgstr "Rodapé"
305
+
306
+ #: includes/pages/box.php:16
307
+ msgid "Header"
308
+ msgstr "Cabeçalho"
309
+
310
+ #: includes/pages/box.php:11
311
+ msgid "Disable contact box"
312
+ msgstr "Desativar caixa de contato"
313
+
314
+ #: includes/pages/box.php:10
315
+ msgid "Enable contact box"
316
+ msgstr "Ativar caixa de contato"
317
+
318
+ #: includes/pages/box.php:7
319
+ msgid "Disable"
320
+ msgstr "Desativar"
321
+
322
+ #: includes/pages/purchase.php:68
323
+ msgid "Allow your users to type their own messages before send it to the agent phone number."
324
+ msgstr "Permita que seus usuários digitem suas próprias mensagens antes de enviá-lo para o número de telefone do agente."
325
+
326
+ #: includes/pages/purchase.php:66
327
+ msgid "Type user message"
328
+ msgstr "Escrever mensagem do usuário"
329
+
330
+ #: includes/pages/purchase.php:62
331
+ msgid "You can choose the predefined user message that will be sent to the agent phone number."
332
+ msgstr "Você pode escolher a mensagem de usuário predefinida que será enviada para o número de telefone do agente."
333
+
334
+ #: includes/pages/purchase.php:60
335
+ msgid "Custom user message"
336
+ msgstr "Mensagem personalizada do usuário"
337
+
338
+ #: includes/pages/purchase.php:56
339
+ msgid "Allow you to set a custom message for each agent that will displayed on the chatbox."
340
+ msgstr "Permite que você defina uma mensagem personalizada para cada agente que será exibido na caixa do chat."
341
+
342
+ #: includes/pages/purchase.php:54
343
+ msgid "Custom agent message"
344
+ msgstr "Mensagem personalizada do agente"
345
+
346
+ #: includes/pages/purchase.php:48
347
+ msgid "WhatsApp chat for WordPress allows you to include a chatbox for each agent where your users can type their first message."
348
+ msgstr "O WhatsApp Chat para WordPress permite que você inclua uma caixa de chat para cada agente onde seus usuários podem digitar sua primeira mensagem."
349
+
350
+ #: includes/pages/purchase.php:46
351
+ msgid "Chatbox interface"
352
+ msgstr "Interface do ChatBox"
353
+
354
+ #: includes/pages/purchase.php:29
355
+ msgid "Our plugin allows you to select between more than fourty icons to include in your Whatsapp button."
356
+ msgstr "Nosso plugin permite que você selecione entre mais de quarenta ícones para incluir no seu botão WhatsApp."
357
+
358
+ #: includes/pages/purchase.php:27
359
+ msgid "Custom icons"
360
+ msgstr "Ícones personalizados"
361
+
362
+ #: includes/pages/purchase.php:23
363
+ msgid "Customize the colors to match site’s theme colors through the WordPress live customizer interface."
364
+ msgstr "Personalize as cores para combinar com as cores do tema do site através da interface do customizador ao vivo do WordPress."
365
+
366
+ #: includes/pages/purchase.php:21
367
+ msgid "Customize colors"
368
+ msgstr "Personalizar cores"
369
+
370
+ #: includes/pages/purchase.php:17
371
+ msgid "WhatsApp Chat allows you to include unlimited agent accounts with their names and labels inside the box to provide a direct contact to the different support areas of your site."
372
+ msgstr "O WhatsApp Chat permite que você inclua contas de agente ilimitadas com seus nomes e rótulos dentro da caixa para fornecer um contato direto com as diferentes áreas de suporte do seu site."
373
+
374
+ #: includes/pages/purchase.php:15
375
+ msgid "Multiple agents"
376
+ msgstr "Vários agentes"
377
+
378
+ #: includes/pages/purchase.php:11
379
+ msgid "Get Support"
380
+ msgstr "Obter ajuda"
381
+
382
+ #: includes/pages/purchase.php:10
383
+ msgid "Purchase Now"
384
+ msgstr "Compre agora"
385
+
386
+ #: includes/pages/purchase.php:7
387
+ msgid "Unlock the power of our premium WhatsApp Chat plugin wich allows you to include unlimited agent accounts with their names and labels inside the box to provide a direct contact to the different support areas of your site."
388
+ msgstr "Desbloqueie o poder do nosso plugin WhatsApp Chat Premium que permite que você inclua contas de agente ilimitadas com seus nomes e rótulos dentro da caixa para fornecer um contato direto com as diferentes áreas de suporte do seu site."
389
+
390
+ #: includes/settings.php:25 includes/settings.php:62
391
+ #: includes/pages/purchase.php:5
392
+ msgid "Premium"
393
+ msgstr "Premium"
394
+
395
+ #: includes/pages/display.php:50
396
+ msgid "Archive"
397
+ msgstr "Arquivo"
398
+
399
+ #: includes/pages/display.php:48
400
+ msgid "Select for %s…"
401
+ msgstr "Selecione para %s…"
402
+
403
+ #: includes/pages/display.php:27
404
+ msgid "If you select an option all the other will be excluded"
405
+ msgstr "Se você selecionar uma opção todas as outras serão excluídas"
406
+
407
+ #: includes/pages/display.php:24
408
+ msgid "Search"
409
+ msgstr "Pesquisar"
410
+
411
+ #: includes/pages/display.php:23
412
+ msgid "Blog"
413
+ msgstr "Blog"
414
+
415
+ #: includes/pages/display.php:22
416
+ msgid "Home"
417
+ msgstr "InÍcio"
418
+
419
+ #: includes/settings.php:35 includes/pages/display.php:21
420
+ #: includes/pages/display.php:49 includes/pages/display.php:97
421
+ msgid "Exclude from all"
422
+ msgstr "Excluir de todos"
423
+
424
+ #: includes/pages/display.php:18
425
+ msgid "Target"
426
+ msgstr "Alvo"
427
+
428
+ #: includes/pages/display.php:13
429
+ msgid "Hide in all devices"
430
+ msgstr "Ocultar em todos os dispositivos"
431
+
432
+ #: includes/pages/display.php:12
433
+ msgid "Show in desktop devices"
434
+ msgstr "Mostrar no computador"
435
+
436
+ #: includes/pages/display.php:11
437
+ msgid "Show in mobile devices"
438
+ msgstr "Mostrar nos dispositivos móveis"
439
+
440
+ #: includes/pages/display.php:10
441
+ msgid "Show in all devices"
442
+ msgstr "Mostrar em todos dispositivos"
443
+
444
+ #: includes/pages/display.php:7
445
+ msgid "Devices"
446
+ msgstr "Dispositivos"
447
+
448
+ #: includes/pages/box.php:59 includes/pages/colors.php:40
449
+ msgid "Name"
450
+ msgstr "Nome"
451
+
452
+ #: includes/settings.php:261 includes/pages/box.php:60
453
+ #: includes/pages/colors.php:33
454
+ msgid "Label"
455
+ msgstr "Rótulo"
456
+
457
+ #: includes/settings.php:276 includes/pages/box.php:61
458
+ #: includes/pages/colors.php:26 includes/pages/button.php:64
459
+ msgid "Message"
460
+ msgstr "Mensagem"
461
+
462
+ #: includes/pages/display.php:72 includes/pages/box.php:52
463
+ #: includes/pages/colors.php:22 includes/pages/colors.php:29
464
+ #: includes/pages/colors.php:36 includes/pages/colors.php:43
465
+ #: includes/pages/button.php:58
466
+ msgid "This is a premium feature"
467
+ msgstr "Esta é um recurso da versão Premium"
468
+
469
+ #: includes/pages/colors.php:19
470
+ msgid "Link"
471
+ msgstr "Link"
472
+
473
+ #: includes/pages/colors.php:13
474
+ msgid "Color"
475
+ msgstr "Cor"
476
+
477
+ #: includes/pages/colors.php:7
478
+ msgid "Background"
479
+ msgstr "Fundo"
480
+
481
+ #. Author URI of the plugin
482
+ msgid "https://quadlayers.com"
483
+ msgstr "https://quadlayers.com"
484
+
485
+ #. Author of the plugin
486
+ #: includes/settings.php:77 includes/settings.php:298
487
+ msgid "WhatsApp Chat"
488
+ msgstr "WhatsApp Chat"
489
+
490
+ #. Description of the plugin
491
+ msgid "Send messages directly to your WhatsApp phone number."
492
+ msgstr "Envie mensagens diretamente para o seu número de telefone do WhatsApp."
493
+
494
+ #. Plugin Name of the plugin
495
+ msgid "WhatsApp Chat WP"
496
+ msgstr "WhatsApp Chat WP"
readme.txt CHANGED
@@ -1,10 +1,10 @@
1
  === WhatsApp Chat WP ===
2
  Contributors: quadlayers
3
- Tags: whatsapp, whatsapp chat, whatsapp button, directly message whatsapp, whatsapp for business, floating whatsapp, plugin whatsapp, click to chat, help desk
4
  Donate link: https://quadlayers.com/portfolio/wordpress-whatsapp-chat/
5
- Requires at least: 4.8
6
  Tested up to: 5.1
7
- Stable tag: 4.2.2
8
  License: GPLv2
9
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -85,6 +85,10 @@ Omit any zeroes, brackets or dashes when adding the phone number in internationa
85
  Use: 15551234567
86
  Don't use: +001-(555)1234567
87
 
 
 
 
 
88
  == Changelog ==
89
 
90
  = 4.2.2 =
1
  === WhatsApp Chat WP ===
2
  Contributors: quadlayers
3
+ Tags: button, chat, contact, support, whatsapp, whatsapp chat, whatsapp button, whatsapp widget, click to chat
4
  Donate link: https://quadlayers.com/portfolio/wordpress-whatsapp-chat/
5
+ Requires at least: 3.0
6
  Tested up to: 5.1
7
+ Stable tag: 4.2.3
8
  License: GPLv2
9
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
10
 
85
  Use: 15551234567
86
  Don't use: +001-(555)1234567
87
 
88
+ = Translation =
89
+
90
+ * Brazilian Portuguese (thanks to [Dionizio Bach](@djio))
91
+
92
  == Changelog ==
93
 
94
  = 4.2.2 =
wp-whatsapp-chat.php CHANGED
@@ -3,11 +3,12 @@
3
  /**
4
  * Plugin Name: WhatsApp Chat WP
5
  * Description: Send messages directly to your WhatsApp phone number.
6
- * Version: 4.2.2
7
  * Author: WhatsApp Chat
8
  * Author URI: https://quadlayers.com
9
  * Copyright: 2018 QuadLayers (https://quadlayers.com)
10
  * Text Domain: qlwapp
 
11
  */
12
  if (!defined('ABSPATH')) {
13
  die('-1');
@@ -16,7 +17,7 @@ if (!defined('QLWAPP_PLUGIN_NAME')) {
16
  define('QLWAPP_PLUGIN_NAME', 'WhatsApp Chat');
17
  }
18
  if (!defined('QLWAPP_PLUGIN_VERSION')) {
19
- define('QLWAPP_PLUGIN_VERSION', '4.2.2');
20
  }
21
  if (!defined('QLWAPP_PLUGIN_FILE')) {
22
  define('QLWAPP_PLUGIN_FILE', __FILE__);
3
  /**
4
  * Plugin Name: WhatsApp Chat WP
5
  * Description: Send messages directly to your WhatsApp phone number.
6
+ * Version: 4.2.3
7
  * Author: WhatsApp Chat
8
  * Author URI: https://quadlayers.com
9
  * Copyright: 2018 QuadLayers (https://quadlayers.com)
10
  * Text Domain: qlwapp
11
+ * Domain Path: /languages
12
  */
13
  if (!defined('ABSPATH')) {
14
  die('-1');
17
  define('QLWAPP_PLUGIN_NAME', 'WhatsApp Chat');
18
  }
19
  if (!defined('QLWAPP_PLUGIN_VERSION')) {
20
+ define('QLWAPP_PLUGIN_VERSION', '4.2.3');
21
  }
22
  if (!defined('QLWAPP_PLUGIN_FILE')) {
23
  define('QLWAPP_PLUGIN_FILE', __FILE__);