| 1 |
www |
1 |
<?php
|
|
|
2 |
$this->headLink()->appendStylesheet('/react-bundles/mobileChat/main.css');
|
|
|
3 |
/**
|
|
|
4 |
*
|
|
|
5 |
Esta pansando 3 variables como el helper $contacts, $groups, 'user_id'
|
|
|
6 |
*/
|
|
|
7 |
$emojione_image_path_png = $this->basePath('vendors/smiley/assets/png/');
|
|
|
8 |
$contactsJson = json_encode($contacts);
|
|
|
9 |
$groupsJson = json_encode($groups);
|
|
|
10 |
|
|
|
11 |
$js = <<<JS
|
|
|
12 |
|
|
|
13 |
const backendVars={
|
|
|
14 |
userId: '$user_id',
|
|
|
15 |
contacts: JSON.parse('$contactsJson'),
|
|
|
16 |
groups: JSON.parse('$groupsJson'),
|
|
|
17 |
emojione_image_path_png: '$emojione_image_path_png',
|
|
|
18 |
}
|
|
|
19 |
JS;
|
|
|
20 |
$this->inlineScript()->appendScript($js);
|
|
|
21 |
$this->inlineScript()->appendFile('/react-bundles/mobileChat/mobileChatBundle.js');
|
|
|
22 |
?>
|
|
|
23 |
|
|
|
24 |
<div id="mobile-chat" style="height: 91vh;">
|
|
|
25 |
<div class="process-comm" id="paginator-process-comm">
|
|
|
26 |
<div class="spinner">
|
|
|
27 |
<div class="bounce1"></div>
|
|
|
28 |
<div class="bounce2"></div>
|
|
|
29 |
<div class="bounce3"></div>
|
|
|
30 |
</div>
|
|
|
31 |
</div>
|
|
|
32 |
</div>
|