Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 11490 | Rev 15477 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 11490 Rev 11583
Línea 1... Línea 1...
1 
<?php
1 
<?php
2 
use LeadersLinked\Model\ChatGroupUser;
 - 
 
3 
 
 - 
 
4 
$siteurl  = $this->url('home', [], ['force_canonical' => true]);
 - 
 
5 
$audioogg  = $this->basePath('audio/chat.ogg');
 - 
 
6 
$audiomp3 = $this->basePath('audio/chat.mp3');
 - 
 
7 
$emojione_image_path_png  = $this->basePath('vendors/smiley/assets/png/');
 2 
$emojione_image_path_png  = $this->basePath('vendors/smiley/assets/png/');
8 
$users_group_png = $this->basePath('images/users-group.png');
 - 
 
9 
 
 - 
 
10 
$flash_swf_url = $this->basePath('vendors/uploader/Moxie.swf');
 - 
 
11 
$silverlight_xap_url = $this->basePath('vendors/uploader/Moxie.xap');
 - 
 
12 
 
 - 
 
13 
$this->inlineScript()->captureStart();
 3 
$contactsJson = json_encode($contacts);
14 
echo <<<EOT
 4 
$js = <<<JS
15 
var siteurl = '$siteurl';
 - 
 
16 
var windowFocus = true;
 - 
 
17 
var username;
 - 
 
18 
var image_href;
 - 
 
19 
var scrollcode;
 - 
 
20 
var chatHeartbeatCount = 0;
 - 
 
21 
var minChatHeartbeat = 800;
 - 
 
22 
var maxChatHeartbeat = 33000;
 - 
 
23 
var chatHeartbeatTime = minChatHeartbeat;
 - 
 
24 
var originalTitle;
 - 
 
25 
var blinkOrder = 0;
 - 
 
26 
var audioogg = new Audio('$audioogg');
 - 
 
27 
var audiomp3 = new Audio('$audiomp3');
 - 
 
28 
var groupChatIcon = '$users_group_png';
 - 
 
29 
 
 - 
 
30 
var chatboxFocus = new Array();
 - 
 
31 
var newMessages = new Array();
 - 
 
32 
var newMessagesWin = new Array();
 - 
 
33 
var newMessagesSender = new Array();
 - 
 
34 
var chatBoxes = new Array();
 - 
 
35 
var lastBeat;
 - 
 
36 
 
 - 
 
37 
emojione.imageType = 'png';
 - 
 
38 
emojione.sprites = false;
 - 
 
39 
emojione.ascii = true;
 - 
 
40 
emojione.imagePathPNG = '$emojione_image_path_png';
 - 
 
41 
//emojione.imagePathSVG = 'app/plugins/smiley/assets/svg/';
 - 
 
42 
 
 - 
 
43 
function msg_eventpl(chatboxtitle,sender,img,message_content,time,position){
 - 
 
44 
    var zechat_eventpl = '<li class="clearfix m-t-10 conversers2">' +
 - 
 
45 
        '<div class="conversation-text" data-toggle="tooltip" data-placement="left" data-html="true">' +
 - 
 
46 
        '<div class="ctext-wrap"><p class="">'+message_content+' <br><i class="text-right">'+time+'</i></p></div></div></li>';
 - 
 
47 
 
 - 
 
48 
    if(position == "append"){
 - 
 
49 
        $("#chatbox_"+chatboxtitle+" .chatboxcontent").append(zechat_eventpl);
 - 
 
50 
        $("#chatbox_"+chatboxtitle+" .chatboxcontent").scrollTop($("#chatbox_"+chatboxtitle+" .chatboxcontent")[0].scrollHeight);
 - 
 
51 
    }
 - 
 
52 
    else{
 - 
 
53 
        $("#chatbox_"+chatboxtitle+" .chatboxcontent").prepend(zechat_eventpl);
 - 
 
54 
    }
 - 
 
55 
 
 - 
 
56 
}
 - 
 
57 
function msg_oddtpl(chatboxtitle,sender,img,message_content,time,position){
 - 
 
58 
    var zechat_oddtpl = '<li class="clearfix m-t-10 odd conversers1">' +
 - 
 
59 
        '<div class="conversation-text" data-toggle="tooltip" data-placement="right" data-html="true">' +
 - 
 
60 
        '<div class="ctext-wrap"><p class="">'+message_content+'</p><i class="text-right">'+time+'</i></div></div></li>';
 - 
 
61 
 
 - 
 
62 
    if(position == "append"){
 - 
 
63 
        $("#chatbox_"+chatboxtitle+" .chatboxcontent").append(zechat_oddtpl);
 - 
 
64 
        $("#chatbox_"+chatboxtitle+" .chatboxcontent").scrollTop($("#chatbox_"+chatboxtitle+" .chatboxcontent")[0].scrollHeight);
 - 
 
65 
    }
 - 
 
66 
    else{
 - 
 
67 
        $("#chatbox_"+chatboxtitle+" .chatboxcontent").prepend(zechat_oddtpl);
 - 
 
68 
    }
 - 
 
69 
}
 - 
 
70 
function typePlace() {
 - 
 
71 
 
 - 
 
72 
    if(!$('#textarea').html() == '')
 - 
 
73 
    {
 - 
 
74 
        $(".input-placeholder").css({'visibility':'hidden'});
 - 
 
75 
    }
 - 
 
76 
    else{
 - 
 
77 
        $(".input-placeholder").css({'visibility':'visible'});
 - 
 
78 
    }
 - 
 
79 
}
 - 
 
80 
 
 - 
 
81 
$(document).ready(function(){
 - 
 
82 
    $(document).on('click', ".e1", function (e){
 - 
 
83
- 
 
84 
        e.stopPropagation();
 - 
 
85
- 
 
86 
        e.preventDefault();
 - 
 
87 
        var item = $(this).closest('.chatbox');
 - 
 
88 
        var client = item.attr('client');
 - 
 
89 
        //alert(client);
 - 
 
90 
        var prevMsg = $("#chatbox_"+client+" .chatboxtextarea").val();
 - 
 
91 
        var shortname = $(this).data('shortname');
 - 
 
92
- 
 
93 
        $("#chatbox_"+client+" .chatboxtextarea").val(prevMsg+' '+shortname+' ');
 - 
 
94 
        $("#chatbox_"+client+" .chatboxtextarea").focus();
 - 
 
95
- 
 
96 
    });
 - 
 
97
- 
 
98 
    $(document).on('click', "#toggle-emoji", function (e){
 - 
 
99
- 
 
100 
        e.stopPropagation();
 - 
 
101
- 
 
102 
        e.preventDefault();
 - 
 
103 
        var item = $(this).closest('.chatbox');
 - 
 
104 
        var client = item.attr('client');
 - 
 
105 
        //alert(client);
 - 
 
106 
        $("#chatbox_"+client+" .target-emoji").slideToggle( 'fast', function(){
 - 
 
107
- 
 
108 
            if ($("#chatbox_"+client+" .target-emoji").css('display') == 'block') {
 - 
 
109 
                $('#chatbox_'+client+' .btn-emoji').removeClass('ti-face-smile').addClass('ti-arrow-circle-down');
 - 
 
110 
            } else {
 - 
 
111 
                $('#chatbox_'+client+' .btn-emoji').removeClass('ti-arrow-circle-down').addClass('ti-face-smile');
 - 
 
112 
            }
 - 
 
113 
        });
 - 
 
114 
        var heit = $('#resultchat').css('max-height');
 - 
 
115 
    });
 - 
 
116 
 
 - 
 
117 
 
 - 
 
118 
    $("#minmaxchatlist").click(function(){
 - 
 
119 
        if(eval(localStorage.chatlist)){
 - 
 
120 
            localStorage.chatlist = false;
 - 
 
121 
            $("#showhidechatlist").css('display','none');
 - 
 
122 
        }
 - 
 
123 
        else{
 - 
 
124 
            localStorage.chatlist = true;
 - 
 
125 
            $("#showhidechatlist").css('display','block');
 - 
 
126 
        }
 - 
 
127 
    });
 - 
 
128 
 
 - 
 
129 
    $("#mute-sound").click(function(){
 - 
 
130 
        if(eval(localStorage.sound)){
 - 
 
131 
            localStorage.sound = false;
 - 
 
132 
            $("#mute-sound").html('<i class="icon icon-volume-off"></i>');
 - 
 
133 
        }
 - 
 
134 
        else{
 - 
 
135 
            localStorage.sound = true;
 - 
 
136 
            $("#mute-sound").html('<i class="icon icon-volume-2"></i>');
 - 
 
137 
            audiomp3.play();
 - 
 
138 
            audioogg.play();
 - 
 
139 
        }
 - 
 
140 
    });
 - 
 
141 
 
 - 
 
142 
    if(eval(localStorage.chatlist)){
 - 
 
143 
        $("#showhidechatlist").css('display','block');
 - 
 
144 
    }
 - 
 
145 
    else{
 - 
 
146 
        $("#showhidechatlist").css('display','none');
 - 
 
147 
    }
 - 
 
148 
 
 - 
 
149 
    if(eval(localStorage.sound)){
 - 
 
150 
        $("#mute-sound").html('<i class="icon icon-volume-2"></i>');
 - 
 
151 
    }
 - 
 
152 
    else{
 - 
 
153 
        $("#mute-sound").html('<i class="icon icon-volume-off"></i>');
 - 
 
154 
    }
 - 
 
155 
 
 - 
 
156 
 
 - 
 
157 
    originalTitle = document.title;
 - 
 
158 
    startChatSession();
 - 
 
159 
    loadGroups();
 - 
 
160 
 
 - 
 
161 
    $([window, document]).blur(function(){
 - 
 
162 
        windowFocus = false;
 - 
 
163 
    }).focus(function(){
 - 
 
164 
        windowFocus = true;
 - 
 
165 
        document.title = originalTitle;
 - 
 
166 
    });
 - 
 
167 
 
 - 
 
168 
    $( "body" ).on( "click", "#new-chat-group", function() {
 - 
 
169 
        $("#form-new-group").dialog({
 - 
 
170 
            appendTo: 'body',
 - 
 
171 
            title: "Nuevo Grupo",
 - 
 
172 
            modal: true,
 - 
 
173 
            resizable: false
 - 
 
174 
        });
 - 
 
175 
    });
 - 
 
176 
 
 - 
 
177 
    $( "body" ).on( "click", "#btn_submit_group", function() {
 - 
 
178 
        var name = $("#group_name").val().trim();
 - 
 
179 
        if(name!=""){
 - 
 
180 
            $('#form-new-group').dialog("close");
 - 
 
181 
            $("#group_name").val("");
 - 
 
182 
            createGroupChatBox(create_UUID(),false,name);
 - 
 
183 
        }
 - 
 
184
- 
 
185 
    });
 - 
 
186 
});
 - 
 
187 
 
 - 
 
188 
function restructureChatBoxes() {
 - 
 
189 
    align = 0;
 - 
 
190 
    for (x in chatBoxes) {
 - 
 
191 
        chatboxtitle = chatBoxes[x];
 - 
 
192 
 
 - 
 
193 
        if ($("#chatbox_"+chatboxtitle).css('display') != 'none') {
 - 
 
194 
            if (align == 0) {
 - 
 
195 
                $("#chatbox_"+chatboxtitle).css('right', '295px');
 - 
 
196 
            } else {
 - 
 
197 
                width = (align)*(273+7)+295;
 - 
 
198 
                $("#chatbox_"+chatboxtitle).css('right', width+'px');
 - 
 
199 
            }
 - 
 
200 
            $("#chatbox_"+chatboxtitle).css('z-index',1);
 - 
 
201 
            align++;
 - 
 
202 
        }
 - 
 
203 
    }
 - 
 
204 
}
 - 
 
205 
 
 - 
 
206 
function chatWith(chatuser,chatheaderimg,status,name) {
 - 
 
207
- 
 
208 
 
 - 
 
209 
    createChatBox(chatuser,chatheaderimg,status,0,name);
 - 
 
210 
    $("#chatbox_"+chatuser+" .chatboxtextarea").focus();
 - 
 
211 
}
 - 
 
212 
 
 - 
 
213 
function create_UUID(){
 - 
 
214 
    var dt = new Date().getTime();
 - 
 
215 
    var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
 - 
 
216 
        var r = (dt + Math.random()*16)%16 | 0;
 - 
 
217 
        dt = Math.floor(dt/16);
 - 
 
218 
        return (c=='x' ? r :(r&0x3|0x8)).toString(16);
 - 
 
219 
    });
 - 
 
220 
    return uuid;
 - 
 
221 
}
 - 
 
222 
 
 - 
 
223 
function chatGroup(uuid,name)
 - 
 
224 
{
 - 
 
225 
    createGroupChatBox(uuid,true,name);
 - 
 
226 
    $("#chatbox_"+uuid+" .chatboxtextarea").focus();
 - 
 
227 
}
 - 
 
228 
 
 - 
 
229 
function createChatBox(chatboxtitle,chatheaderimg,status,minimizeChatBox,name) {
 - 
 
230 
    if ($("#chatbox_"+chatboxtitle).length > 0) {
 - 
 
231 
        if ($("#chatbox_"+chatboxtitle).css('display') == 'none') {
 - 
 
232 
            $("#chatbox_"+chatboxtitle).css('display','block');
 - 
 
233 
            restructureChatBoxes();
 - 
 
234 
        }
 - 
 
235 
        $("#chatbox_"+chatboxtitle+" .chatboxtextarea").focus();
 - 
 
236 
        return;
 - 
 
237 
    }
- 
 
238 
    var tipo = "single";
 - 
 
239 
    $("<div />" ).attr("id","chatbox_"+chatboxtitle)
 - 
 
240 
        .addClass("chatbox active-chat")
 - 
 
241 
        .attr("client",chatboxtitle)
 - 
 
242 
        .html('<div class="chatbox-icon" onclick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')" href="javascript:void(0)"><div class="contact-floating red"><img class="chat-image img-circle pull-left" src="'+chatheaderimg+'"><small class="unread-msg">2</small><small class="status"'+ status+'></small></div></div>' +
 5 
const contacts = JSON.parse('$contactsJson');
243 
        '<div class="panel personal-chat"> ' +
 - 
 
244 
        '<div class="panel-heading chatboxhead"> ' +
 - 
 
245 
        '<div class="panel-title">' +
 - 
 
246 
        '<img class="chat-image img-circle pull-left" height="36" width="36" src="'+chatheaderimg+'" alt="avatar-image"> ' +
 - 
 
247 
        '<div class="header-elements">' +
 - 
 
248 
        '<a href="">'+name+'</a>' +
 - 
 
249 
        '</h3>' +
 - 
 
250 
        '<br> ' +
 - 
 
251 
        '<small class="status Offline"><b>Offline</b>' +
 - 
 
252 
        '</small> ' +
 - 
 
253 
        '<div class="pull-right options"> ' +
 - 
 
254 
        '<!--<div class="btn-group uploadFile" id="uploadFile" data-client="'+chatboxtitle+'"><span><i class="fa fa-trash"></i></span></div>--> ' +
 - 
 
255 
        '<!--<div class="btn-group" onclick="javascript:clearHistory(\''+chatboxtitle+'\')" href="javascript:void(0)"><span><i class="fa fa-trash"></i></span></div>--> ' +
 - 
 
256 
        '<div class="btn-group" onclick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')" href="javascript:void(0)">' +
 - 
 
257 
        '<span>' +
 - 
 
258 
        '<i class="fa fa-minus-circle"></i>' +
 - 
 
259 
        '</span>' +
 - 
 
260 
        '</div> ' +
 - 
 
261 
        '<div class="btn-group" onclick="javascript:closeChatBox(\''+chatboxtitle+'\')" href="javascript:void(0)">' +
 - 
 
262 
        '<span><i class="fa fa-times-circle"></i></span>' +
 - 
 
263 
        '</div> ' +
 - 
 
264 
        '</div> ' +
 - 
 
265 
        '</div> ' +
 - 
 
266 
        '</div> ' +
 - 
 
267 
        '</div> ' +
 - 
 
268 
        '<div class="panel-body"><div id="uploader_'+chatboxtitle+'" style="display: none;height: 342px;"><p>Your browser does not have Flash, Silverlight or HTML5 support.</p></div>' +
 - 
 
269 
        '<div class="chat-conversation"> ' +
 - 
 
270 
        '<ul class="conversation-list chatboxcontent" id="resultchat_'+chatboxtitle+'"> </ul> ' +
 - 
 
271 
        '<div class="wchat-footer wchat-chat-footer chatboxinput"> ' +
 - 
 
272 
        '<div id="chatFrom"> ' +
 - 
 
273 
        '<div class="block-wchat"> ' +
 - 
 
274 
        '<button class="icon ti-clip attachment font-24 btn-attach btn-attach uploadFile" id="uploadFile" data-client="'+chatboxtitle+'" style="display: block"></button> ' +
 - 
 
275 
        '<button class="icon ti-face-smile font-24 btn-emoji" id="toggle-emoji"></button>' +
 - 
 
276 
        '<div class="input-container"> ' +
 - 
 
277 
        '<div class="input-emoji"> ' +
 - 
 
278 
        '<div class="input-placeholder" style="visibility: hidden; display: none;">Escribe un mensaje</div> ' +
 - 
 
279 
        '<textarea class="input chatboxtextarea" id="chatboxtextarea" name="chattxt" contenteditable="" spellcheck="true" style="resize:none;height:20px" placeholder="Escribe un mensaje" onkeydown="javascript:return checkChatBoxInputKey(event,this,\''+chatboxtitle+'\',\''+tipo+'\');"></textarea>' +
 6 
const emojione_image_path_png = "$emojione_image_path_png";
280 
        '<input id="to_uname" name="to_uname" value="'+chatboxtitle+'" type="hidden">' +
 - 
 
281 
        '<input id="from_uname" name="from_uname" value="Beenny" type="hidden"> ' +
 - 
 
282 
        '</div> ' +
 - 
 
283 
        '</div> ' +
 - 
 
284 
        '</div> ' +
 - 
 
285 
        '</div> ' +
 - 
 
286 
        '<div class="wchat-box-items-positioning-container"><div class="wchat-box-items-overlay-container"><div class="target-emoji" style="display: none"><div id="include-smiley-panel"></div></div></div></div>'+
 - 
 
287 
        '</div> ' +
 - 
 
288 
        '</div> ' +
 - 
 
289 
        '</div>' +
 - 
 
290 
        '</div>')
 - 
 
291 
        .appendTo($( "body" ));
 - 
 
292 
 
 - 
 
293 
    var scrollcode = $("#resultchat_"+chatboxtitle).scroll(function(){
 - 
 
294 
        if ($("#resultchat_"+chatboxtitle).scrollTop() == 0){
 - 
 
295 
 
 - 
 
296 
            var client = $("#chatbox_"+chatboxtitle).attr("client");
 - 
 
297 
 
 - 
 
298 
            if($("#chatbox_"+client+" .pagenum:first").val() != $("#chatbox_"+client+" .total-page").val()) {
 - 
 
299 
 
 - 
 
300 
                $("#loader").show();
 - 
 
301 
                var pagenum = parseInt($("#chatbox_"+client+" .pagenum:first").val()) + 1;
 - 
 
302 
 
 - 
 
303 
                var URL = siteurl+"chat/get-all-messages/" + client + "?page="+pagenum;
 - 
 
304 
 
 - 
 
305 
                get_all_msg(URL);
 - 
 
306 
 
 - 
 
307 
                $("#loader").hide();									// Hide loader on success
 - 
 
308 
 
 - 
 
309 
                if(pagenum != $("#chatbox_"+client+" .total-page").val()) {
 - 
 
310 
                    setTimeout(function () {										//Simulate server delay;
 - 
 
311 
 
 - 
 
312 
                        $("#resultchat_"+chatboxtitle).scrollTop(100);							// Reset scroll
 - 
 
313 
                    }, 458);
 - 
 
314 
                }
 - 
 
315 
            }
 - 
 
316 
 
 - 
 
317 
        }
 - 
 
318 
    });
 - 
 
319 
 
 - 
 
320 
 
 - 
 
321 
 
 - 
 
322 
    $('<script type="text/javascript">scrollcode</' + 'script>').appendTo(document.body);
 - 
 
323 
 
 - 
 
324 
    get_all_msg(siteurl+"chat/get-all-messages/" + chatboxtitle + "?page=1");
 - 
 
325 
 
 - 
 
326 
    //lastseen(chatboxtitle);
 - 
 
327 
 
 - 
 
328 
    smiley_tpl(chatboxtitle);
 - 
 
329 
 
 - 
 
330 
    $("#chatbox_"+chatboxtitle).css('bottom', '0px');
 - 
 
331 
 
 - 
 
332 
    chatBoxeslength = 0;
 - 
 
333 
    for (x in chatBoxes) {
 - 
 
334 
        if ($("#chatbox_"+chatBoxes[x]).css('display') != 'none') {
 - 
 
335 
            chatBoxeslength++;
 - 
 
336 
        }
 - 
 
337 
    }
 - 
 
338 
 
 - 
 
339 
    if (chatBoxeslength == 0) {
 - 
 
340 
        $("#chatbox_"+chatboxtitle).css('right', '295px');
 - 
 
341 
    } else {
 - 
 
342 
        width = (chatBoxeslength)*(273+7)+295;
 - 
 
343 
        $("#chatbox_"+chatboxtitle).css('right', width+'px');
 - 
 
344 
    }
 - 
 
345 
    $("#chatbox_"+chatboxtitle).css('z-index',1);
 - 
 
346 
    chatBoxes.push(chatboxtitle);
 - 
 
347 
 
 - 
 
348 
    if (minimizeChatBox == 1) {
 - 
 
349 
        minimizedChatBoxes = new Array();
 - 
 
350 
 
 - 
 
351 
        if ($.cookie('chatbox_minimized')) {
 - 
 
352 
            minimizedChatBoxes = $.cookie('chatbox_minimized').split(/\|/);
 - 
 
353 
        }
 - 
 
354 
        minimize = 0;
 - 
 
355 
        for (j=0;j<minimizedChatBoxes.length;j++) {
 - 
 
356 
            if (minimizedChatBoxes[j] == chatboxtitle) {
 - 
 
357 
                minimize = 1;
 - 
 
358 
            }
 - 
 
359 
        }
 - 
 
360 
 
 - 
 
361 
        if (minimize == 1) {
 - 
 
362 
            $('#chatbox_'+chatboxtitle+' .chatboxcontent').css('display','none');
 - 
 
363 
            $('#chatbox_'+chatboxtitle+' .chatboxinput').css('display','none');
 - 
 
364 
        }
 - 
 
365 
    }
 - 
 
366 
 
 - 
 
367 
    chatboxFocus[chatboxtitle] = false;
 - 
 
368 
 
 - 
 
369 
    $("#chatbox_"+chatboxtitle+" .chatboxtextarea").blur(function(){
 - 
 
370 
        chatboxFocus[chatboxtitle] = false;
 - 
 
371 
        $("#chatbox_"+chatboxtitle+" .chatboxtextarea").removeClass('chatboxtextareaselected');
 - 
 
372 
    }).focus(function(){
 - 
 
373 
        chatboxFocus[chatboxtitle] = true;
 - 
 
374 
        newMessages[chatboxtitle] = false;
 - 
 
375 
        $('#chatbox_'+chatboxtitle+' .chatboxhead').removeClass('chatboxblink');
 - 
 
376 
        $("#chatbox_"+chatboxtitle+" .chatboxtextarea").addClass('chatboxtextareaselected');
 - 
 
377 
    });
 - 
 
378 
 
 - 
 
379 
 
 - 
 
380 
    $("#chatbox_"+chatboxtitle).show();
 - 
 
381 
 
 - 
 
382 
}
 - 
 
383 
 
 - 
 
384 
function removeOfGroup(user, group) {
 - 
 
385 
 
 - 
 
386 
    var c = confirm("Esta seguro de eliminar este usuario de este grupo de chat?");
 - 
 
387 
     if(c){
 - 
 
388 
        var url = siteurl+"chat/remove-user-from-group/" + group + '/' + user;
 - 
 
389 
        $.post(url, {} , function(data){
 - 
 
390 
            showGroupContacts(group);
 - 
 
391 
        });
- 
 
392 
    }
 - 
 
393 
 
 - 
 
394 
}
 - 
 
395 
 
 - 
 
396 
function createGroupChatBox(id,creado=false,name){
 - 
 
397 
    if ($("#chatbox_"+id).length > 0) {
 - 
 
398 
        if ($("#chatbox_"+id).css('display') == 'none') {
 - 
 
399 
            $("#chatbox_"+id).css('display','block');
 - 
 
400 
            restructureChatBoxes();
 - 
 
401 
        }
 - 
 
402 
        $("#chatbox_"+id+" .chatboxtextarea").focus();
 - 
 
403 
        return;
 - 
 
404 
    }
 - 
 
405 
 
 - 
 
406 
 
 - 
 
407 
    var tipo = "group";
 - 
 
408
- 
 
409 
    $("<div />" ).attr("id","chatbox_"+id)
 - 
 
410 
        .addClass("chatbox active-chat")
 - 
 
411 
        .attr("client",id)
 - 
 
412 
        .html('<div class="chatbox-icon" onclick="javascript:toggleChatBoxGrowth(\''+id+'\')" href="javascript:void(0)"><div class="contact-floating red"><img class="chat-image img-circle pull-left" src=""><small class="unread-msg">2</small><small class="status Online"></small></div></div>' +
7 
JS;
413 
        '<div class="panel personal-chat"> ' +
 - 
 
414 
        '<div class="panel-heading chatboxhead"> ' +
 - 
 
415 
        '<div class="panel-title">' +
 - 
 
416 
        '<img class="chat-image img-circle pull-left" height="36" width="36" src="'+groupChatIcon+'" alt="avatar-image"> ' +
 - 
 
417 
        '<div class="header-elements">' +
 - 
 
418 
        '<a href="">'+name.substring(0, 12)+'</a>' +
 - 
 
419 
        '</h3>' +
 - 
 
420 
        '<br> ' +
 - 
 
421 
        '<small class="status Online"><b>Online</b>' +
 - 
 
422 
        '</small> ' +
 - 
 
423 
        '<div class="pull-right options"> ' +
 - 
 
424 
        '<div class="btn-group addUser" data-client="'+id+'" data-name="'+name+'"><span><i class="fa fa-user-plus"></i></span></div>' +
 - 
 
425 
        '<div class="btn-group" onclick="javascript:toggleChatBoxGrowth(\''+id+'\')" href="javascript:void(0)">' +
 - 
 
426 
        '<span>' +
 - 
 
427 
        '<i class="fa fa-minus-circle"></i>' +
 - 
 
428 
        '</span>' +
 - 
 
429 
        '</div> ' +
 - 
 
430 
        '<div class="btn-group" onclick="javascript:closeChatBox(\''+id+'\')" href="javascript:void(0)">' +
 - 
 
431 
        '<span><i class="fa fa-times-circle"></i></span>' +
 - 
 
432 
        '</div> ' +
 - 
 
433 
        '</div> ' +
 - 
 
434 
        '</div> ' +
 - 
 
435 
        '</div> ' +
 - 
 
436 
        '</div> ' +
 - 
 
437 
        '<div class="panel-body"><div id="uploader_'+id+'" style="display: none;height: 342px;"><p>Your browser does not have Flash, Silverlight or HTML5 support.</p></div>' +
 - 
 
438 
        '<div id="participants_'+id+'" style="display: none;height: 342px;"><div style="text-align:center;">Agregue integrantes al grupo</div>' +
- 
 
439 
        '<div class="participants_list"><ul id="contact-list-ul-gchat-'+id+'" class="ul-participants-list" style="padding-left:5px;"></ul></div>' +
 - 
 
440 
        '<div class="participants_controls">' +
 - 
 
441 
        '<a class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary closeAddUser" style="font-size: 14px; z-index: 1;margin-left:10px;" role="button" aria-disabled="false" data-client="'+id+'"><span class="ui-button-icon-primary ui-icon ui-icon-circle-close "></span><span class="ui-button-text">Cerrar</span></a></div>' +
 8 
$this->inlineScript()->appendScript($js);
442 
        '</div>' +
 - 
 
443 
        '<div class="chat-conversation"> ' +
 - 
 
444 
        '<ul class="conversation-list chatboxcontent" id="resultchat_'+id+'"> </ul> ' +
 - 
 
445 
        '<div class="wchat-footer wchat-chat-footer chatboxinput"> ' +
 - 
 
446 
        '<div id="chatFrom"> ' +
 - 
 
447 
        '<div class="block-wchat"> ' +
 - 
 
448 
        '<button class="icon ti-clip attachment font-24 btn-attach btn-attach uploadFile" id="uploadFile" data-client="'+id+'" style="display: block"></button> ' +
 - 
 
449 
        '<button class="icon ti-face-smile font-24 btn-emoji" id="toggle-emoji"></button>' +
 - 
 
450 
        '<div class="input-container"> ' +
 - 
 
451 
        '<div class="input-emoji"> ' +
 - 
 
452 
        '<div class="input-placeholder" style="visibility: hidden; display: none;">Escribe un mensaje</div> ' +
 - 
 
453 
        '<textarea class="input chatboxtextarea" id="chatboxtextarea" name="chattxt" contenteditable="" spellcheck="true" style="resize:none;height:20px" placeholder="Escribe un mensaje" onkeydown="javascript:return checkChatBoxInputKey(event,this,\''+id+'\',\''+tipo+'\');"></textarea>' +
 9 
$this->inlineScript()->appendFile('/react-bundles/chat/chatBundle.js');
454 
        '<input id="to_uname" name="to_uname" value="'+id+'" type="hidden">' +
 - 
 
455 
        '<input id="from_uname" name="from_uname" value="Beenny" type="hidden"> ' +
 - 
 
456 
        '</div> ' +
 - 
 
457 
        '</div> ' +
 - 
 
458 
        '</div> ' +
 - 
 
459 
        '</div> ' +
 - 
 
460 
        '<div class="wchat-box-items-positioning-container"><div class="wchat-box-items-overlay-container"><div class="target-emoji" style="display: none"><div id="include-smiley-panel"></div></div></div></div>'+
 - 
 
461 
        '</div> ' +
 - 
 
462 
        '</div> ' +
 - 
 
463 
        '</div>' +
 - 
 
464 
        '</div>')
 - 
 
465 
        .appendTo($( "body" ));
 - 
 
466 
 
 - 
 
467 
        $('<script type="text/javascript">scrollcode</' + 'script>').appendTo(document.body);
 - 
 
468 
        get_all_msg(siteurl+"chat/get-all-group-messages/" + id + "?page=1");
 - 
 
469 
 
 - 
 
470 
        smiley_tpl(id);
 - 
 
471 
 
 - 
 
472 
        $("#chatbox_"+id).css('bottom', '0px');
 - 
 
473
- 
 
474 
        chatBoxeslength = 0;
 - 
 
475 
        for (x in chatBoxes) {
 - 
 
476 
            if ($("#chatbox_"+chatBoxes[x]).css('display') != 'none') {
 - 
 
477 
                chatBoxeslength++;
 - 
 
478 
            }
 - 
 
479 
        }
 - 
 
480 
 
 - 
 
481 
 
 - 
 
482 
        if (chatBoxeslength == 0) {
 - 
 
483 
            $("#chatbox_"+id).css('right', '295px');
 - 
 
484 
        } else {
 - 
 
485 
            width = (chatBoxeslength)*(273+7)+295;
 - 
 
486 
            $("#chatbox_"+id).css('right', width+'px');
 - 
 
487 
        }
 - 
 
488 
        $("#chatbox_"+id).css('z-index',1);
 - 
 
489 
        chatBoxes.push(id);
 - 
 
490 
 
 - 
 
491 
        chatboxFocus[id] = false;
 - 
 
492 
 
 - 
 
493 
        $("#chatbox_"+id+" .chatboxtextarea").blur(function(){
 - 
 
494 
            chatboxFocus[id] = false;
 - 
 
495 
            $("#chatbox_"+id+" .chatboxtextarea").removeClass('chatboxtextareaselected');
 - 
 
496 
        }).focus(function(){
 - 
 
497 
            chatboxFocus[id] = true;
 - 
 
498 
            newMessages[id] = false;
 - 
 
499 
            $('#chatbox_'+id+' .chatboxhead').removeClass('chatboxblink');
 - 
 
500 
            $("#chatbox_"+id+" .chatboxtextarea").addClass('chatboxtextareaselected');
 - 
 
501 
        });
 - 
 
502 
 
 - 
 
503 
        $("#chatbox_"+id).show();
 - 
 
504 
 
 - 
 
505 
        if(!creado){
 - 
 
506 
            createChatGroup(id,name);
 - 
 
507 
        }
 - 
 
508 
 
 - 
 
509 
 
 - 
 
510
- 
 
511 
}
 - 
 
512 
 
 - 
 
513 
function chatHeartbeat(){
 - 
 
514 
 
 - 
 
515 
    var itemsfound = 0;
 - 
 
516 
    if (windowFocus == false) {
 - 
 
517 
 
 - 
 
518 
        var blinkNumber = 0;
 - 
 
519 
        var titleChanged = 0;
 - 
 
520 
        for (x in newMessagesWin) {
 - 
 
521 
            if (newMessagesWin[x] == true) {
 - 
 
522 
                ++blinkNumber;
 - 
 
523 
                if (blinkNumber >= blinkOrder) {
 - 
 
524 
                    document.title = newMessagesSender[x]+' dice...';
 - 
 
525 
                    titleChanged = 1;
 - 
 
526 
                    break;
 - 
 
527 
                }
 - 
 
528 
            }
 - 
 
529 
        }
 - 
 
530 
 
 - 
 
531 
        if (titleChanged == 0) {
 - 
 
532 
            document.title = originalTitle;
 - 
 
533 
            blinkOrder = 0;
 - 
 
534 
        } else {
 - 
 
535 
            ++blinkOrder;
 - 
 
536 
        }
 - 
 
537 
 
 - 
 
538 
    } else {
 - 
 
539 
        for (x in newMessagesWin) {
 - 
 
540 
            newMessagesWin[x] = false;
 - 
 
541 
        }
 - 
 
542 
    }
 - 
 
543 
 
 - 
 
544 
    for (x in newMessages) {
 - 
 
545 
        if (newMessages[x] == true) {
 - 
 
546 
            if (chatboxFocus[x] == false) {
 - 
 
547 
                //FIXME: add toggle all or none policy, otherwise it looks funny
 - 
 
548 
                $('#chatbox_'+x+' .chatboxhead').toggleClass('chatboxblink');
 - 
 
549 
            }
 - 
 
550 
        }
 - 
 
551 
    }
 - 
 
552 
 
 - 
 
553 
    $.ajax({
 - 
 
554 
        url: siteurl+"chat/heart-beat",
 - 
 
555 
        cache: false,
 - 
 
556 
        dataType: "json",
 - 
 
557 
        success: function(data) {
 - 
 
558 
            $.each(data.items, function(i,item){
 - 
 
559 
                if (item)	{ // fix strange ie bug
 - 
 
560 
                    var isGroup = false;
 - 
 
561 
                    if(item.g){
 - 
 
562 
                        isGroup = 1;
 - 
 
563 
                        chatboxtitle = item.f;
 - 
 
564 
                        sender = item.f;
 - 
 
565 
                        senderimg = item.p;
 - 
 
566 
                        img = item.p2;
 - 
 
567 
                        status = item.st;
 - 
 
568 
                        msgtype = item.mtype;
 - 
 
569 
                        time = item.time;
 - 
 
570 
                        id = item.g;
 - 
 
571 
                        sender_name = item.n;
 - 
 
572 
                        group_name = item.gn;
 - 
 
573 
                    }else{
 - 
 
574 
                        isGroup         = 0;
 - 
 
575 
                        chatboxtitle    = item.f;
 - 
 
576 
                        sender          = item.f;
 - 
 
577 
                        senderimg       = item.p;
 - 
 
578 
                        img             = item.p2;
 - 
 
579 
                        status          = item.st;
 - 
 
580 
                        msgtype         = item.mtype;
 - 
 
581 
                        time            = item.time;
 - 
 
582 
                        id              = item.x;
 - 
 
583 
                        sender_name     = item.n;
- 
 
584 
                    }
 - 
 
585 
 
 - 
 
586 
 
 - 
 
587 
                    console.log("heart-beat - #chatbox_"+id);
 - 
 
588
- 
 
589 
 
 - 
 
590 
                    if ($("#chatbox_"+id).length <= 0) {
 - 
 
591 
                        if(isGroup){
 - 
 
592 
                            createGroupChatBox(id,true,group_name);
 - 
 
593 
                        }else{
 - 
 
594 
                            createChatBox(id,senderimg,status,"",sender_name);
 - 
 
595 
                        }
 - 
 
596 
                        if (eval(localStorage.sound)) {
 - 
 
597 
                            //audiomp3.play();
 - 
 
598 
                            //audioogg.play();
 - 
 
599 
                        }
 - 
 
600 
                        return;
 - 
 
601 
                    }
 - 
 
602 
                    if ($("#chatbox_"+id).css('display') == 'none') {
 - 
 
603 
                        $("#chatbox_"+id).css('display','block');
 - 
 
604 
                        restructureChatBoxes();
 - 
 
605 
                    }
 - 
 
606 
 
 - 
 
607 
                    var message_content = item.m;
 - 
 
608 
                    if (msgtype=="text") {
 - 
 
609 
                        message_content = item.m;
 - 
 
610 
                    } else {
- 
 
611 
                        var path = item.m
 - 
 
612 
                        if (msgtype == "image") {
 - 
 
613 
                            message_content = "<a url='" + path + "' onclick='trigq(this)'><img src='" + path + "' class='userfiles'/></a>";
 - 
 
614 
                        }
 - 
 
615 
                        else if (file_content.file_type == "video") {
 - 
 
616 
                            message_content = '<video class="userfiles" controls>' +
 - 
 
617 
                            '<source src="' + path + '" type="video/mp4">' +
 - 
 
618 
                            'Your browser does not support HTML5 video.' +
 - 
 
619 
                            '</video>';
 - 
 
620 
                        }
 - 
 
621 
                        else {
 - 
 
622 
                            message_content = "<a href='" + path + "' class='download-link' download></a>";
 - 
 
623 
                        }
 - 
 
624 
 
 - 
 
625 
                    }
 - 
 
626 
 
 - 
 
627 
                    if (msgtype == "text") {
 - 
 
628 
                            message_content = emojione.shortnameToImage(message_content);  // Set imotions
 - 
 
629 
                        }
 - 
 
630 
                        newMessages[id] = true;
 - 
 
631 
                        newMessagesWin[id] = true;
 - 
 
632 
                        newMessagesSender[id] = sender_name;
 - 
 
633 
                        msg_eventpl(id,sender,senderimg,message_content,time,"append");
 - 
 
634 
 
 - 
 
635 
                        if (eval(localStorage.sound)) {
 - 
 
636 
                            audiomp3.play();
 - 
 
637 
                            audioogg.play();
 - 
 
638 
                        }
 - 
 
639 
                    //}
 - 
 
640
- 
 
641 
                    itemsfound += 1;
 - 
 
642 
                }
 - 
 
643 
            });
 - 
 
644 
 
 - 
 
645 
            chatHeartbeatCount++;
 - 
 
646 
 
 - 
 
647 
            if (itemsfound > 0) {
 - 
 
648 
                chatHeartbeatTime = minChatHeartbeat;
 - 
 
649 
                chatHeartbeatCount = 1;
 - 
 
650 
            } else if (chatHeartbeatCount >= 10) {
 - 
 
651 
                chatHeartbeatTime *= 2;
 - 
 
652 
                chatHeartbeatCount = 1;
 - 
 
653 
                if (chatHeartbeatTime > maxChatHeartbeat) {
 - 
 
654 
                    chatHeartbeatTime = maxChatHeartbeat;
 - 
 
655 
                }
 - 
 
656 
            }
 - 
 
657 
            if (itemsfound > 0) {
 - 
 
658 
                $("#chatbox_"+id+" .chatboxcontent").scrollTop($("#chatbox_"+id+" .chatboxcontent")[0].scrollHeight);
 - 
 
659 
            }
 - 
 
660 
        }});
 - 
 
661 
    setTimeout('chatHeartbeat();',chatHeartbeatTime);
 - 
 
662 
 
 - 
 
663 
}
 - 
 
664 
 
 - 
 
665 
function get_all_msg(url){
 - 
 
666 
    $.ajax({
 - 
 
667 
        url: url,
 - 
 
668 
        cache: false,
 - 
 
669 
        dataType: "json",
 - 
 
670 
        success: function(data) {
 - 
 
671 
 
 - 
 
672 
            $.each(data.items, function(i,item){
 - 
 
673 
                if (item) {
- 
 
674 
                    chatboxtitle = item.f;
 - 
 
675 
                    chatboximg = item.p2;
 - 
 
676 
                    senderimg = item.p;
 - 
 
677 
                    status = item.st;
 - 
 
678 
                    sender = item.sender;
 - 
 
679 
                    page = item.page;
 - 
 
680 
                    pages = item.pages;
 - 
 
681 
                    msgtype = item.mtype;
 - 
 
682 
                    time = item.time;
- 
 
683 
 
 - 
 
684 
                    if (item.page != "" && i == 0) {
 - 
 
685 
                        $("#chatbox_" + chatboxtitle + " .chatboxcontent").prepend('<input type="hidden" class="pagenum" value="' + item.page + '" /><input type="hidden" class="total-page" value="' + pages + '" />');
 - 
 
686 
                    }
 - 
 
687 
 
 - 
 
688 
                    if (item.s == 1) {
 - 
 
689 
                        //item.f = username;
 - 
 
690 
                    }
 - 
 
691 
 
 - 
 
692 
                    var message_content = item.m;
 - 
 
693 
                    if (msgtype == "text") {
 - 
 
694 
                        message_content = item.m;
 - 
 
695 
                        message_content = emojione.shortnameToImage(message_content);
 - 
 
696 
                    }
 - 
 
697 
                    else {
- 
 
698 
                        var path = item.m;
 - 
 
699
- 
 
700 
                        if (msgtype=="image") {
 - 
 
701 
                            message_content = "<a url='" + path + "' onclick='trigq(this)'><img src='" + path + "' class='userfiles'/></a>";
 - 
 
702 
                        }
 - 
 
703 
                        else if(msgtype == "video") {
 - 
 
704 
                            message_content = '<video class="userfiles" controls>' +
 - 
 
705 
                            '<source src="' + path + '" type="video/mp4">' +
 - 
 
706 
                            'Your browser does not support HTML5 video.' +
 - 
 
707 
                            '</video>';
 - 
 
708 
                        }
 - 
 
709 
                        else{
 - 
 
710 
                            message_content = "<a href='"+path+"' class='download-link' download></a>";
 - 
 
711 
                        }
 - 
 
712 
 
 - 
 
713 
                    }
 - 
 
714 
 
 - 
 
715 
                    if (item.s == 2) {
 - 
 
716 
                        $("#chatbox_"+chatboxtitle+" .chatboxcontent").prepend('<div class="chatboxmessage"><div class="_5w-5"><div class="_5w-6"><abbr class="livetimestamp">'+item.m+'</abbr></div></div></div>');
 - 
 
717 
                    } else {
 - 
 
718 
                        if (item.u == 2) {
 - 
 
719 
                            msg_eventpl(chatboxtitle,sender,senderimg,message_content,time,"prepend");
 - 
 
720 
                        } else {
 - 
 
721 
                            msg_oddtpl(chatboxtitle,sender,senderimg,message_content,time,"prepend");
 - 
 
722 
                        }
 - 
 
723 
                    }
 - 
 
724 
                }
 - 
 
725 
                if (page == 1) {
 - 
 
726 
                    $("#chatbox_"+chatboxtitle+" .chatboxcontent").scrollTop($("#chatbox_"+chatboxtitle+" .chatboxcontent")[0].scrollHeight);
 - 
 
727 
                }
 - 
 
728 
            });
 - 
 
729 
 
 - 
 
730 
        }});
 - 
 
731 
 
 - 
 
732 
 
 - 
 
733 
}
 - 
 
734 
 
 - 
 
735 
function checkChatBoxInputKey(event,chatboxtextarea,chatboxtitle,tipo) {
 - 
 
736 
    if(event.keyCode == 13 && event.shiftKey == 0)  {
 - 
 
737 
        message = $(chatboxtextarea).val();
 - 
 
738 
        message = message.replace(/^\s+|\s+$/g,"");
 - 
 
739 
 
 - 
 
740 
 
 - 
 
741 
        $(chatboxtextarea).val('');
 - 
 
742 
        $(chatboxtextarea).focus();
 - 
 
743 
        $(chatboxtextarea).css('height','20px');
 - 
 
744 
        if (message != '') {
 - 
 
745 
            if(tipo=="single"){
 - 
 
746 
                var url = siteurl+"chat/send/" + chatboxtitle;
 - 
 
747 
            }else{
 - 
 
748 
                var url = siteurl+"chat/send-group/" + chatboxtitle;
- 
 
749 
            }
 - 
 
750 
            $.post(url, {message: message} , function(data){
 - 
 
751 
                message = message.replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/\"/g,"&quot;");
 - 
 
752 
 
 - 
 
753 
                var con = message;
 - 
 
754 
                var words = con.split(' ');
 - 
 
755 
                for (i in words) {
 - 
 
756 
                    if (words[i].indexOf('http://') == 0 || words[i].indexOf('https://') == 0) {
 - 
 
757 
                        words[i] = '<a href="' + words[i] + '">' + words[i] + '</a>';
 - 
 
758 
                    }
 - 
 
759 
                    else if (words[i].indexOf('www') == 0 ) {
 - 
 
760 
                        words[i] = '<a href="' + words[i] + '">' + words[i] + '</a>';
 - 
 
761 
                    }
 - 
 
762 
                }
 - 
 
763 
                message = words.join(' ');
 - 
 
764 
                message = emojione.shortnameToImage(message); // Set imotions
 - 
 
765 
 
 - 
 
766 
                $('#chatbox_'+chatboxtitle+' .target-emoji').css({'display':'none'});
 - 
 
767 
                $('#chatbox_'+chatboxtitle+' .btn-emoji').removeClass('ti-arrow-circle-down').addClass('ti-face-smile');
 - 
 
768 
 
 - 
 
769 
                msg_oddtpl(chatboxtitle,data.sender,data.sender_profile_img,message,"Ahora","append");
 - 
 
770 
 
 - 
 
771 
                $("#chatbox_"+chatboxtitle+" .chatboxcontent").scrollTop($("#chatbox_"+chatboxtitle+" .chatboxcontent")[0].scrollHeight);
 - 
 
772 
            });
 - 
 
773 
        }
 - 
 
774 
        chatHeartbeatTime = minChatHeartbeat;
 - 
 
775 
        chatHeartbeatCount = 1;
 - 
 
776 
 
 - 
 
777 
        return false;
 - 
 
778 
    }
 - 
 
779 
 
 - 
 
780 
    var adjustedHeight = chatboxtextarea.clientHeight;
 - 
 
781 
    var maxHeight = 94;
 - 
 
782 
 
 - 
 
783 
    if (maxHeight > adjustedHeight) {
 - 
 
784 
        adjustedHeight = Math.max(chatboxtextarea.scrollHeight, adjustedHeight);
 - 
 
785 
        if (maxHeight)
 - 
 
786 
            adjustedHeight = Math.min(maxHeight, adjustedHeight);
 - 
 
787 
        if (adjustedHeight > chatboxtextarea.clientHeight)
 - 
 
788 
            $(chatboxtextarea).css('height',adjustedHeight+8 +'px');
 - 
 
789 
    } else {
 - 
 
790 
        $(chatboxtextarea).css('overflow','auto');
 - 
 
791 
    }
 - 
 
792 
 
 - 
 
793 
}
 - 
 
794 
 
 - 
 
795 
function lastseen(uname){
 - 
 
796 
    $.ajax({
 - 
 
797 
        url: siteurl + "chat/last_seen?uname="+uname,
 - 
 
798 
        cache: false,
 - 
 
799 
        type: "POST",
 - 
 
800 
        success: function (data) {
 - 
 
801 
            var data = data.trim().replace('"','').replace('"','');
 - 
 
802 
            if(data == "Online"){
 - 
 
803 
                $("#chatbox_"+uname+" .panel-heading .status").removeClass("Offline");
 - 
 
804 
            } else{
 - 
 
805 
                $("#chatbox_"+uname+" .panel-heading .status").removeClass("Online");
 - 
 
806 
            }
 - 
 
807 
            $("#chatbox_"+uname+" .panel-heading .status").addClass(data).html(data);
 - 
 
808 
        },
 - 
 
809 
        error: function( error )
 - 
 
810 
        {
 - 
 
811
- 
 
812 
        }
 - 
 
813 
    });
 - 
 
814 
}
 - 
 
815 
 
 - 
 
816 
function startChatSession(){
 - 
 
817 
    $.ajax({
 - 
 
818 
        url: siteurl+"chat/start-session",
 - 
 
819 
        cache: false,
 - 
 
820 
        dataType: "json",
 - 
 
821 
        success: function(data) {
 - 
 
822 
 
 - 
 
823 
            username = data.username;
 - 
 
824 
 
 - 
 
825 
            $.each(data.items, function(i,item){
 - 
 
826 
                if (item)	{
 - 
 
827 
 
 - 
 
828 
                    chatboxtitle = item.f;
 - 
 
829 
                    chatboximg = item.p;
 - 
 
830 
                    sesimg = item.p2;
 - 
 
831 
                    status = item.st;
 - 
 
832 
 
 - 
 
833 
                    if ($("#chatbox_"+chatboxtitle).length <= 0) {
 - 
 
834 
                        createChatBox(chatboxtitle,chatboximg,status,1);
 - 
 
835 
                    }
 - 
 
836 
 
 - 
 
837 
                    if (item.s == 1) {
 - 
 
838 
                        item.f = username;
 - 
 
839 
                    }
 - 
 
840 
 
 - 
 
841 
                    if (item.s == 2) {
 - 
 
842
- 
 
843 
                    } else {
 - 
 
844 
 
 - 
 
845 
                        if (item.u == 2) {
 - 
 
846
- 
 
847 
                        } else {
 - 
 
848
- 
 
849 
                        }
 - 
 
850 
                    }
 - 
 
851 
                }
 - 
 
852 
            });
 - 
 
853 
 
 - 
 
854 
            for (i=0;i<chatBoxes.length;i++) {
 - 
 
855 
                chatboxtitle = chatBoxes[i];
 - 
 
856 
                $("#chatbox_"+chatboxtitle+" .chatboxcontent").scrollTop($("#chatbox_"+chatboxtitle+" .chatboxcontent")[0].scrollHeight);
 - 
 
857 
                setTimeout('$("#chatbox_"+chatboxtitle+" .chatboxcontent").scrollTop($("#chatbox_"+chatboxtitle+" .chatboxcontent")[0].scrollHeight);', 100); // yet another strange ie bug
 - 
 
858 
 
 - 
 
859 
            }
 - 
 
860 
 
 - 
 
861 
            setTimeout('chatHeartbeat();',1000);
 - 
 
862 
        }});
 - 
 
863 
 
 - 
 
864 
        setInterval(function () { globalUpdate(); }, 10000);
 - 
 
865 
}
 - 
 
866 
 
 - 
 
867 
function globalUpdate(){
 - 
 
868 
    onlineSignal();
 - 
 
869 
    loadGroups();
 - 
 
870 
    updateContacts();
 - 
 
871 
    getContactStatus();
- 
 
872 
}
 - 
 
873 
 
 - 
 
874 
function onlineSignal(){
 - 
 
875 
    var url = siteurl+"chat/online-signal";
 - 
 
876 
    $.post(url, {} , function(data){
 - 
 
877 
    });
 - 
 
878 
}
 - 
 
879 
 
 - 
 
880 
function updateContacts(){
 - 
 
881 
  if (typeof $("#live-search-box").val() !== 'undefined'){
 - 
 
882 
    if($("#live-search-box").val().trim()==""){
 - 
 
883 
        var url = siteurl+"chat/update-contacts";
 - 
 
884 
        $.get(url, {} , function(response){
 - 
 
885 
            if(response.success) {
 - 
 
886 
                $("#contact-list-ul").html(response.data);
 - 
 
887 
            }
 - 
 
888 
        });
 - 
 
889 
    }
 - 
 
890 
  }
 - 
 
891 
}
 - 
 
892 
 
 - 
 
893 
function getContactStatus()
 - 
 
894 
{
 - 
 
895 
    var url = siteurl+"chat/get-contact-status";
 - 
 
896 
    $.get(url, {} , function(response){
 - 
 
897 
 
 - 
 
898 
        console.log('get-contact-status');
 - 
 
899 
        console.log(response);
 - 
 
900 
        if(response.success) {
 - 
 
901 
            for(var i=0;i<response.data.length;i++){
 - 
 
902 
                if(response.data[i].status == "Online"){
 - 
 
903 
                    $("#chatbox_"+response.data[i].id+" .panel-heading .status").removeClass("Offline");
 - 
 
904 
                    $("#chatbox_"+response.data[i].id+" .panel-heading .status").addClass("Online");
 - 
 
905 
                    $("#chatbox_"+response.data[i].id+" .panel-heading .status").text("Online");
 - 
 
906 
                } else{
 - 
 
907 
                    $("#chatbox_"+response.data[i].id+" .panel-heading .status").removeClass("Online");
 - 
 
908 
                    $("#chatbox_"+response.data[i].id+" .panel-heading .status").addClass("Offline");
 - 
 
909 
                    $("#chatbox_"+response.data[i].id+" .panel-heading .status").text("Offline");
 - 
 
910 
                }
 - 
 
911 
            }
 - 
 
912 
        }
- 
 
913 
    });
 - 
 
914 
}
 - 
 
915 
 
 - 
 
916 
function closeChatBox(uuid) {
 - 
 
917 
    $('#chatbox_'+uuid).css('display','none');
 - 
 
918 
    restructureChatBoxes();
 - 
 
919 
    var url = siteurl+"chat/close/" + uuid;
 - 
 
920 
    $.post(url, {} , function(data){
 - 
 
921 
    });
 - 
 
922 
}
 - 
 
923 
 
 - 
 
924 
 
 - 
 
925 
function clearHistory(uuid){
 - 
 
926 
    var url = siteurl+"chat/clear/" + uuid;
 - 
 
927 
    $.post(url, { } , function(data){
 - 
 
928 
    });
 - 
 
929 
}
 - 
 
930 
 
 - 
 
931 
function toggleChatBoxGrowth(chatboxtitle) {
 - 
 
932 
 
 - 
 
933 
    if ($('#chatbox_'+chatboxtitle+' .chatboxcontent').css('display') == 'none') {
 - 
 
934 
        var minimizedChatBoxes = new Array();
 - 
 
935 
 
 - 
 
936 
        if ($.cookie('chatbox_minimized')) {
 - 
 
937 
            minimizedChatBoxes = $.cookie('chatbox_minimized').split(/\|/);
 - 
 
938 
        }
 - 
 
939 
 
 - 
 
940 
        var newCookie = '';
 - 
 
941 
 
 - 
 
942 
        for (i=0;i<minimizedChatBoxes.length;i++) {
 - 
 
943 
            if (minimizedChatBoxes[i] != chatboxtitle) {
 - 
 
944 
                newCookie += chatboxtitle+'|';
 - 
 
945 
            }
 - 
 
946 
        }
 - 
 
947 
 
 - 
 
948 
        newCookie = newCookie.slice(0, -1)
 - 
 
949 
 
 - 
 
950 
 
 - 
 
951 
        $.cookie('chatbox_minimized', newCookie);
 - 
 
952 
        $('#chatbox_'+chatboxtitle+' .chatboxcontent').css('display','block');
 - 
 
953 
        $('#chatbox_'+chatboxtitle+' .chatboxinput').css('display','block');
 - 
 
954 
        $("#chatbox_"+chatboxtitle+" .chatboxcontent").scrollTop($("#chatbox_"+chatboxtitle+" .chatboxcontent")[0].scrollHeight);
 - 
 
955 
    } else {
 - 
 
956 
        var newCookie = chatboxtitle;
 - 
 
957 
 
 - 
 
958 
        if ($.cookie('chatbox_minimized')) {
 - 
 
959 
            newCookie += '|'+$.cookie('chatbox_minimized');
 - 
 
960 
        }
 - 
 
961 
 
 - 
 
962 
 
 - 
 
963 
        $.cookie('chatbox_minimized',newCookie);
 - 
 
964 
        $('#chatbox_'+chatboxtitle+' .chatboxcontent').css('display','none');
 - 
 
965 
        $('#chatbox_'+chatboxtitle+' .chatboxinput').css('display','none');
 - 
 
966 
    }
 - 
 
967 
 
 - 
 
968 
}
 - 
 
969 
 
 - 
 
970 
jQuery.cookie = function(name, value, options) {
 - 
 
971 
    if (typeof value != 'undefined') {
- 
 
972 
        options = options || {};
 - 
 
973 
        if (value === null) {
 - 
 
974 
            value = '';
 - 
 
975 
            options.expires = -1;
 - 
 
976 
        }
 - 
 
977 
        var expires = '';
 - 
 
978 
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
 - 
 
979 
            var date;
 - 
 
980 
            if (typeof options.expires == 'number') {
 - 
 
981 
                date = new Date();
 - 
 
982 
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
 - 
 
983 
            } else {
 - 
 
984 
                date = options.expires;
 - 
 
985 
            }
 - 
 
986 
            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
 - 
 
987 
        }
 - 
 
988
- 
 
989 
        var path = options.path ? '; path=' + (options.path) : '';
 - 
 
990 
        var domain = options.domain ? '; domain=' + (options.domain) : '';
 - 
 
991 
        var secure = options.secure ? '; secure' : '';
 - 
 
992 
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
 - 
 
993 
    } else {
- 
 
994 
        var cookieValue = null;
 - 
 
995 
        if (document.cookie && document.cookie != '') {
 - 
 
996 
            var cookies = document.cookie.split(';');
 - 
 
997 
            for (var i = 0; i < cookies.length; i++) {
 - 
 
998 
                var cookie = jQuery.trim(cookies[i]);
 - 
 
999
- 
 
1000 
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
 - 
 
1001 
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
 - 
 
1002 
                    break;
 - 
 
1003 
                }
 - 
 
1004 
            }
 - 
 
1005 
        }
 - 
 
1006 
        return cookieValue;
 - 
 
1007 
    }
 - 
 
1008 
};
 - 
 
1009 
 
 - 
 
1010 
var lastTypedTime = new Date(0);
- 
 
1011 
var typingDelayMillis = 5000;
- 
 
1012 
 
 - 
 
1013 
function refreshTypingStatus(chatboxtitle){
 - 
 
1014 
    /*if (!$('#textarea').is(':focus') || $('#textarea').val() == '' || new Date().getTime() - lastTypedTime.getTime() > typingDelayMillis) {
 - 
 
1015 
        $("#typing_on").html('');
 - 
 
1016 
    } else {
 - 
 
1017 
        $.post(siteurl+"chat/chat.php?action=typingstatus", {to: chatboxtitle, typing: 1} , function(data){
 - 
 
1018 
 
 - 
 
1019 
        });
 - 
 
1020 
    }*/
 - 
 
1021 
}
 - 
 
1022 
function updateLastTypedTime() {
 - 
 
1023 
    lastTypedTime = new Date();
 - 
 
1024 
}
 - 
 
1025 
 
 - 
 
1026 
function scrollDown2(chatboxtitle){
 - 
 
1027 
    var wtf    = $("#chatbox_"+chatboxtitle+" .chatboxcontent");
 - 
 
1028 
    var height = wtf[0].scrollHeight;
 - 
 
1029 
    wtf.scrollTop(height);
 - 
 
1030 
}
 - 
 
1031 
 
 - 
 
1032 
//Search User In contactList
 - 
 
1033 
jQuery(document).ready(function(){
 - 
 
1034 
    $('.live-search-list li').each(function(){
 - 
 
1035 
        $(this).attr('data-search-term', $(this).text().toLowerCase());
 - 
 
1036 
    });
 - 
 
1037 
    $('.live-search-box').on('keyup', function(){
 - 
 
1038 
        var searchTerm = $(this).val().toLowerCase();
 - 
 
1039 
        var found = false;
 - 
 
1040 
 
 - 
 
1041 
        if($('#contact-list-ul:visible').length == 0){
 - 
 
1042 
            $('.live-search-list-group li').each(function(){
 - 
 
1043 
                if ($(this).filter('[data-search-term *= ' + searchTerm + ']').length > 0 || searchTerm.length < 1) {
 - 
 
1044 
                    $(this).show();
 - 
 
1045 
                    found = true;
 - 
 
1046 
                } else {
 - 
 
1047 
                    $(this).hide();
 - 
 
1048 
                }
 - 
 
1049 
            });
 - 
 
1050 
        }else{
 - 
 
1051 
 
 - 
 
1052 
            $('.live-search-list li').each(function(){
 - 
 
1053 
                if ($(this).filter('[data-search-term *= ' + searchTerm + ']').length > 0 || searchTerm.length < 1) {
 - 
 
1054 
                    $(this).show();
 - 
 
1055 
                    found = true;
 - 
 
1056 
                } else {
 - 
 
1057 
                    $(this).hide();
 - 
 
1058 
                }
 - 
 
1059 
            });
 - 
 
1060 
        }
 - 
 
1061 
        if(!found){
 - 
 
1062 
            $("#search_result").show();
 - 
 
1063 
        }else{
 - 
 
1064 
            $("#search_result").hide();
 - 
 
1065 
        }
 - 
 
1066 
    });
 - 
 
1067 
 
 - 
 
1068 
 
 - 
 
1069 
 
 - 
 
1070 
});
 - 
 
1071 
 
 - 
 
1072 
function loadGroups()
 - 
 
1073 
{
 - 
 
1074 
 
 - 
 
1075 
    var url = siteurl+"chat/group-list";
 - 
 
1076 
    $.get(url, {} , function(response){
 - 
 
1077 
 
 - 
 
1078 
        if(response.success) {
 - 
 
1079 
            $("#group-list-ul").html("");
 - 
 
1080 
            $("#group-list-ul").html(response.data);
 - 
 
1081 
        }
 - 
 
1082 
    });
 - 
 
1083 
}
 - 
 
1084 
 
 - 
 
1085 
function createChatGroup(uuid,name){
 - 
 
1086 
    var url = siteurl+"chat/create-group";
 - 
 
1087 
    $.post(url, {uuid: uuid,name:name} , function(response){
 - 
 
1088 
        if(response.success) {
 - 
 
1089 
            loadGroups();
 - 
 
1090 
        }
 - 
 
1091 
    });
 - 
 
1092 
}
 - 
 
1093 
 
 - 
 
1094 
function deleteGroup(uuid){
 - 
 
1095 
     var c = confirm("Esta seguro de eliminar este grupo de chat?");
 - 
 
1096 
     if(c){
 - 
 
1097 
        var url = siteurl+"chat/delete-group/" + uuid;
 - 
 
1098 
        $.post(url, {} , function(response){
 - 
 
1099 
            if(response.success) {
 - 
 
1100 
                loadGroups();
 - 
 
1101 
            }
 - 
 
1102 
        });
- 
 
1103 
    }
 - 
 
1104 
}
 - 
 
1105 
 
 - 
 
1106 
function outOfGroup(uuid){
 - 
 
1107 
     var c = confirm("Esta seguro de salir de este grupo de chat?");
 - 
 
1108 
     if(c){
 - 
 
1109 
        var url = siteurl+"chat/leave/" + uuid;
 - 
 
1110 
        $.post(url, {} , function(data){
 - 
 
1111 
            loadGroups();
 - 
 
1112 
        });
- 
 
1113 
    }
 - 
 
1114 
}
 - 
 
1115 
 
 - 
 
1116 
function showGroupContacts(uuid){
 - 
 
1117 
    var url = siteurl+"chat/contact-group-list/" + uuid;
 - 
 
1118 
    $.get(url, {} , function(response){
 - 
 
1119 
        if(response.success) {
 - 
 
1120 
            $("#contact-group-list-ul").html("");
 - 
 
1121 
            $("#contact-group-list-ul").html(response.data);
 - 
 
1122
- 
 
1123 
            $(".group-list").css({'display':'none'});
 - 
 
1124 
            $(".contact-list").css({'display':'none'});
 - 
 
1125 
            $(".group-contacts-list").css({'display':'block'});
 - 
 
1126 
        }
 - 
 
1127 
    });
- 
 
1128 
}
 - 
 
1129 
 
 - 
 
1130 
$(document).on('click', ".addUser", function (e){
 - 
 
1131 
    var touname = $(this).data('client');
 - 
 
1132 
    var name = $(this).data('name');
 - 
 
1133 
    var url = siteurl+"chat/contacts-list/" + touname;
 - 
 
1134 
    $.get(url, {} , function(response){
 - 
 
1135 
        if(response.success) {
 - 
 
1136 
            $("#contact-list-ul-gchat-"+touname).html("");
 - 
 
1137 
            $("#contact-list-ul-gchat-"+touname).html(response.data);
 - 
 
1138 
            $('#chatbox_'+touname+' .chat-conversation').css({'display':'none'});
 - 
 
1139 
            $('#participants_'+touname).css({'display':'block'});
 - 
 
1140 
        }
 - 
 
1141 
    });
 - 
 
1142
- 
 
1143 
});
 - 
 
1144 
 
 - 
 
1145 
$(document).on('click', ".closeAddUser", function (e){
 - 
 
1146 
    var touname = $(this).data('client');
 - 
 
1147 
    $('#participants_'+touname).css({'display':'none'});
 - 
 
1148 
    $('#chatbox_'+touname+' .chat-conversation').css({'display':'block'});
 - 
 
1149
- 
 
1150 
});
 - 
 
1151 
 
 - 
 
1152 
$(document).on('click', ".chat-contacts", function (e){
 - 
 
1153 
    $(".chat-groups").removeClass('blue-color');
 - 
 
1154 
    $(this).addClass('blue-color')
 - 
 
1155 
    $(".group-list").css({'display':'none'});
 - 
 
1156 
    $(".group-contacts-list").css({'display':'none'});
 - 
 
1157 
    $(".contact-list").css({'display':'block'});
 - 
 
1158
- 
 
1159 
});
 - 
 
1160 
 
 - 
 
1161 
$(document).on('click', ".chat-groups", function (e){
 - 
 
1162 
    $(".chat-contacts").removeClass('blue-color');
 - 
 
1163 
    $(this).addClass('blue-color');
 - 
 
1164 
    $(".contact-list").css({'display':'none'});
 - 
 
1165 
    $(".group-contacts-list").css({'display':'none'});
 - 
 
1166 
    $(".group-list").css({'display':'block'});
 - 
 
1167 
});
 - 
 
1168 
 
 - 
 
1169 
 
 - 
 
1170 
function addToGroup(uid,group,name){
 - 
 
1171 
    var url = siteurl+"chat/add-user-to-group/" + group + "/" + uid;
 - 
 
1172 
    var li = $("#li_user_" + uid  + '_group_' + group);
 - 
 
1173 
    $.post(url, {} , function(response){
 - 
 
1174 
        if(response.success) {
 - 
 
1175 
            li.remove();
 - 
 
1176 
        }
 - 
 
1177 
    });
 - 
 
1178 
}
 - 
 
1179 
 
 - 
 
1180 
function removeFromGroup(uid,group){
 - 
 
1181 
    var url = siteurl+"chat/add-user-to-group/" + group + "/" + uid;
 - 
 
1182 
    $.post(url, {} , function(response){
 - 
 
1183 
        if(response.success) {
 - 
 
1184 
            showGroupContacts( group );
 - 
 
1185 
        }
 - 
 
1186 
    });
 - 
 
1187 
}
 - 
 
1188 
 
 - 
 
1189 
 
 - 
 
1190 
function addMessageUploadFile(item) {
 - 
 
1191 
    console.log('S1');
 - 
 
1192 
 
 - 
 
1193 
    if (item.hasOwnProperty('id')) {
 - 
 
1194 
console.log('S2');
 - 
 
1195 
console.log('item');
 - 
 
1196 
console.log(item);
 - 
 
1197 
 
 - 
 
1198 
        var id = item.id;
 - 
 
1199 
        var toName = item.toName;
 - 
 
1200 
        var username = item.username;
 - 
 
1201 
        var picname = item.picname;
 - 
 
1202 
        var msgtype = item.type;
 - 
 
1203 
 
 - 
 
1204 
        var path = item.content;
 - 
 
1205 
        if (msgtype=="image") {
 - 
 
1206 
            message_content = "<a url='" + path + "' onclick='trigq(this)'><img src='" + path + "' class='userfiles'/></a>";
 - 
 
1207 
        }
 - 
 
1208 
        else if(msgtype == "video") {
 - 
 
1209 
            message_content = '<video class="userfiles" controls>' +
 - 
 
1210 
            '<source src="' + path + '" type="video/mp4">' +
 - 
 
1211 
            'Your browser does not support HTML5 video.' +
 - 
 
1212 
            '</video>';
 - 
 
1213 
        }
 - 
 
1214 
        else {
 - 
 
1215 
            message_content = "<a href='"+path+"' class='download-link' download></a>";
 - 
 
1216 
        }
 - 
 
1217 
        msg_oddtpl(toName,username,picname,message_content,"Ahora","append");
 - 
 
1218 
 
 - 
 
1219 
        //$("#chatbox_"+toName+" .chatboxcontent").scrollTop($("#chatbox_"+toName+" .chatboxcontent")[0].scrollHeight);
 - 
 
1220 
    }
 - 
 
1221 
 
 - 
 
1222 
    return false;
 - 
 
1223 
}
 - 
 
1224 
 
 - 
 
1225 
 
 - 
 
1226 
EOT;
 - 
 
1227 
$this->inlineScript()->captureEnd();
 - 
 
1228 
 
 - 
 
1229 
?>
 10 
?>
1230 
<div id="drupalchat-wrapper">
 - 
 
1231 
	<div id="drupalchat" style="">
 - 
 
1232 
    	<div class="item-list" id="chatbox_chatlist">
 - 
 
1233 
        	<ul id="mainpanel">
 - 
 
1234 
          		<li id="chatpanel" class="first last">
 - 
 
1235 
            		<div class="subpanel" style="display: block;">
 - 
 
1236 
              			<div class="subpanel_title">
 - 
 
1237 
                			<div style="width: 89%;height: 100%;" id="minmaxchatlist" >Chat</div>
 - 
 
1238 
                			<span class="min localhost-icon-minus-1" id="mute-sound"><i class="icon icon-volume-2 text-20" aria-hidden="true"></i></span>
 - 
 
1239 
                			<span class="min localhost-icon-minus-1" id="new-chat-group" style="margin-right:5%;" title="Crear grupo"><i class="fa fa-edit"></i></span>
 - 
 
1240 
              			</div>
 - 
 
1241 
              			<div id="showhidechatlist">
 - 
 
1242 
                			<div class="drupalchat_search_main chatboxinput" style="background:#f9f9f9">
 - 
 
1243 
                  				<div class="drupalchat_search" style="height:auto;">
 - 
 
1244 
                    			<input class="drupalchat_searchinput live-search-box" id="live-search-box" placeholder="Buscar" value="" size="24" type="text">
 - 
 
1245 
                    			<input class="searchbutton" id="searchbutton" title="" value="" style="height:30px;border:none;margin:0px; padding-right:13px; vertical-align: middle;" type="submit">
 - 
 
1246 
                    			<div id="search_result" style="text-align:center;font-size:11px;display:none;">Sin resultados</div>
 - 
 
1247 
                  			</div>
 - 
 
1248 
                		</div>
 - 
 
1249 
                		<div class="drupalchat_search_main chatboxinput" style="background:#f9f9f9">
 - 
 
1250 
                  			<div style="width: 50%;float:left;display:inline-block;padding:5px;text-align:center;font-size:14px;">
 - 
 
1251 
                    			<a href="#" class="blue-color chat-contacts">Contactos</a>
 - 
 
1252 
                  			</div>
 - 
 
1253 
                  			<div style="width: 50%;display:inline-block;padding:5px;text-align:center;font-size:14px;">
 - 
 
1254 
                    			<a href="#" class="chat-groups">Grupos</a>
 - 
 
1255 
                  			</div>
 - 
 
1256 
                		</div>
 - 
 
1257 
                		<div class="contact-list chatboxcontent">
 - 
 
1258 
                  			<ul id="contact-list-ul" class="live-search-list">
 - 
 
1259 
								<?php foreach($contacts as $contact) :
- 
 
1260
- 
 
1261 
								$url_image = $this->url('storage', ['code' => $contact['id_encrypted'],  'type' =>  'user', 'filename' => $contact['image'] ]);
 - 
 
1262
- 
 
1263 
								?>
 - 
 
1264 
  								<li class="iflychat-olist-item iflychat-ol-ul-user-img iflychat-userlist-room-item chat_options" data-search-term="<?php echo trim(strtolower($contact['name'])) ?>">
 - 
 
1265 
             						<div class="drupalchat-self-profile">
 - 
 
1266 
                						<span title="<?php echo $contact['status'] ?>" class="'. $status. ' statuso" style="text-align: right">
 - 
 
1267 
                							<span class="statusIN"><i class="fa fa-circle" style="font-size:10px;margin-top:4px" aria-hidden="true"></i></span>
 - 
 
1268 
                						</span>
 - 
 
1269 
                						<div class="drupalchat-self-profile-div">
 - 
 
1270 
                							<div class="drupalchat-self-profile-img + localhost-image-sprite-28">
 - 
 
1271 
               									<img class="chat-image img-circle pull-left" height="36" width="36" src="<?php echo $url_image ?>" alt="image-image">
 - 
 
1272 
                   							</div>
 - 
 
1273 
                   						</div>
 - 
 
1274 
               							<div class="drupalchat-self-profile-namdiv">
 - 
 
1275 
                    						<a class="drupalchat-profile-un drupalchat_cng" href="javascript:void(0)" onclick="javascript:chatWith('<?php echo $contact['id'] ?>','<?php echo $url_image ?>','<?php echo $contact['status'] ?>','<?php echo $contact['name'] ?>')"><?php echo $contact['name'] ?></a>
 - 
 
1276 
                    					</div>
 - 
 
1277 
                					</div>
 - 
 
1278 
                				</li>
 - 
 
1279 
                				<?php endforeach; ?>
 - 
 
1280
- 
 
1281
- 
 
1282 
                  			</ul>
 - 
 
1283 
                		</div>
 - 
 
1284 
                		<div class="group-list chatboxcontent" style="display:none;">
 - 
 
1285 
                  			<ul id="group-list-ul" class="live-search-list-group">
 - 
 
1286 
                  				<?php foreach($groups as $group) :
 - 
 
1287 
                      				if($group['owner']){
 - 
 
1288 
                      				    $action_icon = "fa fa-trash";
 - 
 
1289 
                      				    $click_icon = 'javascript:deleteGroup(\'' . $group['id'] . '\')';
 - 
 
1290 
                      				    $title_action = "Eliminar Grupo";
 - 
 
1291 
                      				}else{
 - 
 
1292 
                      				    $action_icon = "fa fa-sign-out";
 - 
 
1293 
                      				    $click_icon = 'javascript:outOfGroup(\'' .$group['id'] . '\')';
 - 
 
1294 
                      				    $title_action = "Salir del Grupo";
 - 
 
1295 
                      				}
 - 
 
1296 
                                ?>
 - 
 
1297
- 
 
1298 
 
 - 
 
1299
- 
 
1300 
                                <li class="iflychat-olist-item iflychat-ol-ul-user-img iflychat-userlist-room-item chat_options" data-search-term="<?php echo trim(strtolower($group['name'])) ?>">
 - 
 
1301 
                                	<div class="drupalchat-self-profile">
 - 
 
1302 
                                		<span style="text-align: right" class="Offline statuso">
 - 
 
1303 
                                			<span class="statusIN"><i title="Integrantes" class="fa fa-users" style="font-size:14px;margin-top:4px;" aria-hidden="true"
- 
 
1304 
                                  				 onclick="javascript:showGroupContacts('<?php echo $group['id'] ?>')"></i>
 - 
 
1305 
                                  			</span>
 - 
 
1306 
                                  			<span class="statusIN">
 - 
 
1307 
                                  				<i title="<?php echo $title_action ?>" class="<?php echo  $action_icon ?>" style="font-size:14px;margin-top:4px;" aria-hidden="true" onclick="<?php echo $click_icon ?>"></i>
 - 
 
1308 
                                  			</span>
 - 
 
1309 
                                  		</span>
 - 
 
1310 
                                		<div class="drupalchat-self-profile-div">
 - 
 
1311 
                                			<div class="drupalchat-self-profile-img + localhost-image-sprite-28">
 - 
 
1312 
                                				<img class="chat-image img-circle pull-left" height="36" width="36" src="<?php echo $users_group_png ?>" alt="image-image">
 - 
 
1313 
                                			</div>
 - 
 
1314 
                                		</div>
 - 
 
1315 
                                		<div class="drupalchat-self-profile-namdiv">
 - 
 
1316 
                                			<a class="drupalchat-profile-un drupalchat_cng" href="javascript:void(0)" onclick="javascript:chatGroup('<?php echo $group['id'] ?>','<?php echo $group['name'] ?>')"> <?php echo $group['name'] ?> </a>
 - 
 
1317 
                                		</div>
 - 
 
1318 
                                	</div>
 - 
 
1319 
                                </li>
 - 
 
1320
- 
 
1321 
                  				<?php endforeach; ?>
 - 
 
1322 
                  			</ul>
 - 
 
1323 
                		</div>
 - 
 
1324 
                		<div class="group-contacts-list chatboxcontent" style="display:none;">
 - 
 
1325 
                  			<div style="text-align:center;font-size:13px;">Integrantes del grupo</div>
 - 
 
1326 
								<ul id="contact-group-list-ul" class="live-search-list"></ul>
 - 
 
1327 
                			</div>
 - 
 
1328 
              			</div>
 - 
 
1329 
            		</div>
 - 
 
1330 
          		</li>
 - 
 
1331 
        	</ul>
 - 
 
1332 
    	</div>
 - 
 
1333 
	</div>
 - 
 
1334 
</div>
 - 
 
1335 
 
 - 
 
1336 
<!--This div for modal light box chat box image-->
 - 
 
1337 
<table id="lightbox" class="lightbox"  style="display: none;height: 100%">
 - 
 
1338 
    <tr>
 - 
 
1339 
        <td height="10px"><p><img src="<?php echo $this->basePath('images/close-icon-white.png')?>" width="30px" style="cursor: pointer"/></p></td>
 - 
 
1340 
    </tr>
 - 
 
1341 
    <tr>
 - 
 
1342 
        <td valign="middle"><div id="content"><img src="#"/></div></td>
 - 
 
1343 
    </tr>
 - 
 
1344 
</table>
 - 
 
1345 
<!--This div for modal light box chat box image-->
 - 
 
1346 
<!--This div for modal light box chat box image-->
 - 
 
1347 
<table id="lightbox_group" class="lightbox" style="display: none;height: 100%">
 - 
 
1348 
    <tr>
 - 
 
1349 
        <td height="10px"><p><img src="<?php echo $this->basePath('images/close-icon-white.png')?>" width="30px" style="cursor: pointer"/></p></td>
 - 
 
1350 
    </tr>
 - 
 
1351 
    <tr>
 - 
 
1352 
        <td valign="middle"><div id="gcontent"></div></td>
 - 
 
1353 
    </tr>
 - 
 
1354 
</table>
 - 
 
1355 
<!--This div for modal light box chat box image-->
 - 
 
Línea 1356... Línea -...
1356 
 
 - 
 
1357 
<form id="form-new-group" style="display: none; z-index: 1000">
 - 
 
1358 
  Nombre del grupo:
 - 
 
1359 
  <input type="text" id="group_name" maxlength="50" />
 - 
 
1360 
  <input type="button" id="btn_submit_group" value="Crear" class="pull-right">
 - 
 
1361 
</form>
 11 
 
- 
 
 12 
<!-- $is_chat  -->
- 
 
 13 
<div id="react-chat"></div>
1362 

            14