source: sandbox/2.5.1-expresso1/prototype/modules/attach_message/attach_message.js @ 7895

Revision 7895, 25.4 KB checked in by gustavo, 11 years ago (diff)

Ticket #3349 - Adicionado campo de busca, removido o collapse do jqgrid, adicionada marca ao input

RevLine 
[5136]1// $.storage = new $.store();
[5826]2 
[5136]3isOffline = /[A-z0-9-_\/\.]*:offline\?(.*)/;
4breakParams = /[&=]/;
5dots = /\./gi;
6dashes = /\//gi;
[5749]7flags = [ 'Attachment', 'Forwarded' ,'Recent', 'Unseen',  'Answered',  'Draft',  'Deleted', 'Flagged', 'Followupflag', 'Label' ];
[5136]8
9$.ajaxPrefilter(function( options, originalOptions, jqXHR ){
10
11      var offlineAction = isOffline.exec( options.url );
12
13      if( offlineAction )
14      {
15          offlineAction = offlineAction[1] || "";
16       
17          jqXHR.abort();
18
19          var params = {};
20         
21          if( offlineAction )
22              offlineAction +=  options.data ? "&" +  options.data : "";
23
24          offlineAction = offlineAction.split( breakParams );
25
26          for( var i = 0; i < offlineAction.length; )
27              params[ offlineAction[i++] ] = offlineAction[i++];
28
29          rest = params["q"].split("/");
30
31          if( !(rest.length % 2) )
32              var id = rest.pop();
33
34          var concept = rest.pop();
35
36          for( var i = 0; i < rest.length; )
37            params[ rest[i++] ] = rest[ i++ ];
38
39          switch( concept )
40          {
41            case "message":
42            {
43                if( id ){
44                    var mail = expresso_local_messages.get_local_mail( id );
45                    mail.eml = expresso_local_messages.get_src( mail.url_export_file );
46
47                    ( options.success || options.complete )( mail );
48                    return;
49                }
50
51                var msgs = expresso_local_messages.get_local_range_msgs( params["folder"].replace(dots, "/").replace("local_messages/", ""),
52                                                                          params["rows"] * ( params["page"] - 1 ) + 1,
53                                                                          params["rows"], "SORTARRIVAL", (params["sord"] == "desc"),
54                                                                          "ALL", 1, 1 );
55
56                for( var i = 0; i < msgs.length; i++ )
57                {
58                      msgs[i].size = msgs[i].Size;
59                      msgs[i].timestamp = msgs[i].udate * 1000;
60                      msgs[i].flags = [];
61
62                      for( var ii = 0; ii < flags.length; ii++ )
63                          if( f = $.trim( msgs[i][ flags[ii] ] ) )
64                              msgs[i].flags[ msgs[i].flags.length ] =  f;
65
66                      msgs[i].flags = msgs[i].flags.join(',');
67                }
68
[5263]69                ( options.success || options.complete )( {"rows": msgs,
[5136]70                                                           "records": msgs.length,
71                                                           "page": params["page"],
[5263]72                                                           "total": Math.ceil( msgs.num_msgs / params["rows"] )} );
[5136]73            }
74          }
75      }
76});
77
78var BASE_PATH = '../prototype/';
79//BASE_PATH = '../';
80//encontra os pais de todas as pastas e cria uma nova estrutura adicionando os filhos a um array no atributo 'children' do respectivo pai
81unorphanize = function(root, element) {
82        var ok = false;
83        for (var i=0; i<root.length; i++) {
84                if (root[i].id == element.parentFolder) {
85                        element.children = new Array();
86                        root[i].children.push(element);
87                        return true;
88                } else if (ok = unorphanize(root[i].children, element)) {
89                        break;
90                }
91        }
92
93        return ok;
94}
95
96/* --- helpers --- */
97bytes2Size = function(bytes) {
98        var sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
[7048]99        if (bytes == 0) return '0 Bytes';
[5136]100        var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
101        var size = (i<2) ? Math.round((bytes / Math.pow(1024, i))) : Math.round((bytes / Math.pow(1024, i)) * 100)/100;
102        return  size + ' ' + sizes[i];
103}
104
[5188]105flags2Class = function(cellvalue, options, rowObject) {
[5749]106        var classes = '';       
107        cellvalue = cellvalue.split(',');
108        cell = {
109                        Unseen: parseInt(cellvalue[0])  ? 'Unseen' : 'Seen',
110                        Answered: parseInt(cellvalue[1]) ? 'Answered' : (parseInt(cellvalue[2]) ? 'Forwarded' : ''),
111                        Flagged: parseInt(cellvalue[3]) ? 'Flagged' : '',
112                        Recent: parseInt(cellvalue[4])  ? 'Recent' : '',                       
113                        Draft: parseInt(cellvalue[5]) ? 'Draft' : ''           
114                };
115        for(var flag in cell){
[5826]116                classes += '<span class="flags '+ (cell[flag]).toLowerCase() + '"' + (cell[flag] != "" ? 'title="'+ get_lang(cell[flag])+'"' : '')+'> </span>';
[5749]117        }
[5826]118        if(rowObject.labels){   
119                var titles = [];
120                var count = 0;
121                 for(i in rowObject.labels){
122                        titles[count] = " "+rowObject.labels[i].name;
123                        count++;
124                }
125                titles = titles.join();
126                classes += '<span class="flags labeled" title="'+titles+'"> </span>';
[5749]127        }else{
128                classes += '<span class="flags"> </span>';
[5188]129        }
[5826]130       
[5749]131        if(rowObject.followupflagged){         
[5779]132                if(rowObject.followupflagged.followupflag.id < 7){
133                        var nameFollowupflag = get_lang(rowObject.followupflagged.followupflag.name);
134                }else{
135                        var nameFollowupflag = rowObject.followupflagged.followupflag.name;
136                }
[5831]137                if(rowObject.followupflagged.isDone == 1){
138                        classes += '<span class="flags followupflagged" title="'+nameFollowupflag+'" style="background:'+rowObject.followupflagged.backgroundColor+';"><img style=" margin-left:-3px;" src="../prototype/modules/mail/img/flagChecked.png"></span>';
139                }else{                 
[7543]140                        classes += '<span class="flags followupflagged" title="'+nameFollowupflag+'" style="background:'+rowObject.followupflagged.backgroundColor+';background-image:url(../prototype/modules/mail/img/mail-sprites.png);background-position: 0 -864px;"</span>';
[5831]141                }
142               
[5136]143        }
[5826]144
[5136]145        return classes;
146}
147
[5283]148function numberMonths (months){
149        switch(months){
150                case 'Jan':
151                        return 1;
152                case 'Feb':
153                        return 2;
154                case 'Mar':
155                        return 3;
156                case 'Apr':
157                        return 4;
158                case 'May':
159                        return 5;
160                case 'June':
161                        return 6;
162                case 'July':
163                        return 7;
164                case 'Aug':
165                        return 8;
166                case 'Sept':
167                        return 9;
168                case 'Oct':
169                        return 10;
170                case 'Nov':
171                        return 11;
172                case 'Dec':
173                        return 12;
174        }       
175}
176
[5188]177NormaliseFrom = function(cellvalue, options, rowObject) {
[5749]178        rowObject['flags'] = rowObject['flags'].split(",");
179        if(rowObject['flags'][rowObject['flags'].length-1] ==  1){
[5188]180                return get_lang(special_folders["Drafts"]);
[5749]181        }
[5188]182        return cellvalue;       
183}
184
[6161]185NormaliseSubject = function(cellvalue, options, rowObject) {
186        return html_entities(cellvalue);
187}
188
[5136]189date2Time = function (timestamp) {
[6301]190        date = new Date();
191        dat = new Date(timestamp);
[5136]192        if ((date.getTime() - timestamp) < (24*60*60*1000)) {
[6301]193                return '<span class="timable" title="'+dat.getTime()+'"></span>';
[5136]194        } else {
195                date = new Date(timestamp);
[5283]196                if(is_ie){
197                        var b = date.toString().split(' ');
198                        var c = b[2] + "/" + numberMonths(b[1]) + "/" + b[5];
199                        return '<span class="datable">' + c + '</span>';
200                }else{
201                        var b = date.toISOString().split("T")[0].split("-");
202                        var c = b[2] + "/" + b[1] + "/" + b[0];
203                        return '<span class="datable">' + c + '</span>';
204                }
[5136]205        }
206}
207
208changeTabIndex = function (elements) {
209//      jQuery('#foldertree').attr('tabIndex', '1').focus();
210}
211
212
213selectedMessagesCount = function() {
214        var byte_size = 0, total_messages = 0;
215        for (var folder in selectedMessages) {
216                for (var message in selectedMessages[folder]) {
217                        if (selectedMessages[folder][message]) {
218                                byte_size += parseInt(onceOpenedMessages[folder][message].size);
219                                total_messages++;
220                        }
221                }
222        }
223        $("#selected_messages_number").html(total_messages).next().html(bytes2Size(byte_size));
224        return total_messages;
225}
226
227var msgAttacherGrid = $("#message_attacher_grid"), msgsTotal = $("#selected_messages_number");
228var lastLoadedMessages = [];
229var onceOpenedMessages = [];
230var selectedMessages   = {};
231var selectedFolder     = {};
232
[7831]233function mount_children_localfolders_list(folder){
234    folder.children = new Array();
235    folder.id_search = folder.id;
236    folder.id = 'local_messages_'+folder.id,
237    folder.commonName =  folder.name,
238    folder.parentId = folder.parentid,
239    folder.type = 'localFolder',
240    folder.name = folder.id,
241    folder.messageCount = {
242                             total: folder.messages,
243                             unseen: folder.unseen
244                          }
245
246    if(folder.haschild){
247        expresso_mail_archive.getFoldersList(folder.id_search);
248        folder.children = expresso_mail_archive.folders;
249
250        for(var i = 0; i < folder.children.length; i++){
251            mount_children_localfolders_list(folder.children[i]);
252        }
253
254    }
255}
[5136]256function adaptOffline( data )
257{
[6161]258    if( preferences.use_local_messages == 1 || expresso_offline)
[5136]259    {
260        var folders = expresso_local_messages.list_local_folders();
261       
262        var stripParents = /^(.*)\/([^\/]*)/;
263
264        $.each( folders, function( i, folder ){
265               
266                  if(typeof(folder) == 'undefined')  return;
267                 
268              var id = 'local_messages/' + folder[0];
269
270              var parts = stripParents.exec( id );
271         
[5263]272              data[data.length] = {'id' : id,
[5136]273                                    'commonName' : parts[2],
[5263]274                                    'parentFolder' : parts[1]};
[5136]275        });
276    }
[6161]277       
[5136]278    return( data );
279}
280
[7831]281function archive_flag( flagObj ){
282
283    var flags = {};
284    var returns = '';
285
[7833]286    $.each( flagObj.tag , function(i, flag){
[7831]287        flags[ flag['@value'] ] = true;
288    });
289
[7833]290        returns += (flags['seen'] ? '0,' : '1,') ;
291        returns += (flags['answered'] && !flags['forwarded'] ? '1,' : '0,') ;
292        returns += (flags['forwarded'] ? '1,' : '0,') ;
293        returns += (flags['flagged'] || flags['importance_high'] ? '1,' : '0,') ;
294        returns += '0,0';
[7831]295           
296    return returns;
297}
298
[5278]299$mailpreview_tabs_label_length = 15;
300
[5136]301/* --- jQuery handlers --- */
302
303jQuery('#buttons-container .button').button();
304
305jQuery.ajax({
306        url: BASE_PATH + "REST.php?q=folder",
307        dataType: 'json',
308
309        success: function( data ){
310                var tree1 = new Array();
311                var tree2 = new Array();
312                var tree3 = new Array();
[7831]313
[7894]314        if(preferences.use_local_messages == 1){
315            if(expresso_mail_archive.folders && !expresso_offline && expresso_mail_archive.enabled == true) { //MailArchive
316                //pega pastas locais do mailarchiver e insere no array de pastas
317                    expresso_mail_archive.getFoldersList("home");
318                    treeFolders = expresso_mail_archive.folders;
[7831]319
[7894]320                    for(var i=0; i<treeFolders.length; i++ ){
321                        mount_children_localfolders_list(treeFolders[i]);
322                    }
323                   
324                    for(var i = 0; i < treeFolders.length; i++){
325                        data.push(treeFolders[i]);
326                    }
327            }
[7831]328        }
329
[5136]330                for (var i=0; i<data.length; i++) {
331
332                        if (/^INBOX/.test(data[i].id)) {
333                                if (!unorphanize(tree1, data[i])) {
334                                        data[i].children = new Array();
335                                        tree1.push(data[i]);
336                                }
337                        }
338                        else if (/^user/.test(data[i].id)) {
339                                if (!unorphanize(tree2, data[i])) {
340                                        data[i].children = new Array();
341                                        tree2.push(data[i]);
342                                }
343                        }
344                        else if (/^local_messages/.test(data[i].id)) {
345                                        tree3.push(data[i]);
346                        }
347                       
348                }
349
350                var firstFolder = jQuery("#foldertree-container")
[5263]351                .removeClass('empty-container')
[5399]352                .html(DataLayer.render(BASE_PATH + 'api/templates/foldertree.ejs', {folders: [tree1, tree2, tree3]}))
[5136]353                .find("#foldertree").treeview()
354                .click(function(event){
[7831]355
[5136]356                        //request new selected folder messages
357                        var target = $(event.target);
358
359                        if( target.is('.collapsable-hitarea, .expandable-hitarea, .lastCollapsable, .lastExpandable, .treeview') )
360                            return;
361
362                        if( !target.attr('id') )
363                            target = target.parent();
364
[5172]365            if (target.attr('id') == "foldertree") return;
366                       
[5136]367                        var targetId = target.attr('id');
[5172]368                        var child = target.find('.folder');
369             
370                        $('.filetree span.folder.selected').removeClass('selected');
371                        if(!target.is('#foldertree > .expandable, #foldertree > .collapsable'))
372                                $(target).children('.folder').addClass('selected');
[5136]373                       
374                        selectedFolder = {
375                            id: targetId,
376                            name: child.attr('title'),
[5283]377                            'class': child.attr('class')
[5136]378                        };
379
380                        var grid = $("#message_attacher_grid"), offlineCase = "";
381                       
[7831]382            if(targetId.indexOf( 'local_messages' ) == 0){
383                 //Entrar caso: Clicar em uma pasta que seja do arquivamento local
384                targetId = targetId.split("_")[2];
[5136]385
[7831]386                expresso_mail_archive.getMessagesByFolder(targetId,"ALL");
[7890]387
[7831]388                msgAll = expresso_mail_archive.msgAll;               
389
390                var msgs = new Array();
391                var from = '';
392                var flag = '';
393               
394                $.each(msgAll, function(i, msg){
395                    from = $.parseJSON(msg['_from']);
[7890]396
397                    if(!from){
398                        from = {"mailbox":{"name":"null","route":"null","localPart":"null","domain":"null"}};
399                    }
400
[7831]401                    flag = $.parseJSON(msg['_tags']);
402                    id = msg['_id'];
403
404                    var message = {};
405                   
406                    message['msg_number'] = id;
407                    message['flags'] = archive_flag( flag );
408                    message['from.name'] = from['mailbox']['@name'];
409                    message['subject'] = msg['_subject'];
410                    message['timestamp'] = msg['_receivedDate'];
411                    message['size'] = msg['_size'];
412                    message['id'] = id;
413                    msgs.push( message );
414
415                });
416
417            grid.jqGrid("clearGridData", true);
418            grid.jqGrid('setGridParam',{datatype: "local",data: msgs})
419                    .trigger("reloadGrid")
420                    .jqGrid('setCaption', '<span class="'+child.attr('class')+'">'+child.attr('title')+'</span>');
421
422            } else {
423                if( !targetId.indexOf( 'local_messages/' ) )
424                    offlineCase = ":offline";
425
426                grid.jqGrid('setGridParam',{datatype: "json", url:BASE_PATH + 'REST.php'+offlineCase+'?q=folder/'+targetId.replace(dashes, '.')+'/message'})
427                    .trigger("reloadGrid")
428                    .jqGrid('setCaption', '<span class="'+child.attr('class')+'">'+child.attr('title')+'</span>');
429            }
430
431
[5136]432                })
433                .find('span:first-child');
[7831]434                $('span.folder.inbox').parents(".ui-dialog").find("li#INBOX span").addClass('selected');
[5136]435                selectedFolder = {
436                        id: firstFolder.parent().attr('id'),
437                        name: firstFolder.attr('title'),
[5283]438                        'class': firstFolder.attr('class')
[5136]439                };
440
441                //jqgrid
442                jQuery("#mailgrid-container")
[5263]443                .removeClass('empty-container')
[5399]444                .html(DataLayer.render(BASE_PATH + 'api/templates/messagegrid.ejs', {}))
[5136]445                .find("#message_attacher_grid")
446                .jqGrid({
447                        url:BASE_PATH + 'REST.php?q=folder/INBOX/message',
448                        datatype: "json",
449                        mtype: 'GET',
[5533]450                        colNames:['#',' ', 'De', 'Assunto', 'Data', 'Tamanho'],
[5136]451                        colModel:[
452                                {name:'msg_number',index:'msg_number', width:45, hidden:true, sortable:false},
[5778]453                                {name:'flags',index:'msg_number',edittype: 'image', width:100, sortable:false, formatter:flags2Class, title :false},
[5749]454                                {name:'from.name',index:'msg_number', width:70, sortable:false, formatter:NormaliseFrom},
[6161]455                                {name:'subject',index:'subject', width:245, sortable:false,formatter:NormaliseSubject},
[5136]456                                {name:'timestamp',index:'timestamp', width:65, align:"center", sortable:false, formatter:date2Time},
[5779]457                                {name:'size',index:'size', width:55, align:"right", sortable:false, formatter:bytes2Size}
[5136]458                        ],
459                        jsonReader : {
460                                  root:"rows",
461                                  page: "page",
462                                  total: "total",
463                                  records: "records",
464                                  repeatitems: false,
465                                  id: "0"
466                        },
[7895]467                        hidegrid:false,
[5136]468                        rowNum:10,
469                        rowList:[10,25,50],
470                        pager: '#message_attacher_grid_pager',
471                        sortname: 'id',
472                        viewrecords: true,
473                        sortorder: "desc",
474                        multiselect: true,
475                        autowidth: true,
476                        loadComplete: function(data) {
477                                lastLoadedMessages = data.rows;
478                               
479                                // aplica o contador
480                                jQuery('.timable').each(function (i) {
481                                        jQuery(this).countdown({
482                                                since: new Date(parseInt(this.title)),
483                                                significant: 1,
484                                                layout: 'h&aacute; {d<}{dn} {dl} {d>}{h<}{hn} {hl} {h>}{m<}{mn} {ml} {m>}{s<}{sn} {sl}{s>}',
485                                                description: ' atr&aacute;s'
[5188]486                                        });                                     
[5136]487                                });
[5188]488                               
[7890]489                                // reconstrói a seleção das mensagens mesmo depois da mudança de pasta
[5136]490                                if (selectedMessages[selectedFolder.id]) {
491                                        for (var message in selectedMessages[selectedFolder.id]){
492                                                for (var j=0; j<data.rows.length; j++){
493                                                        if (selectedMessages[selectedFolder.id][message] && message == data.rows[j].msg_number) {
494                                                                jQuery("#message_attacher_grid").setSelection(jQuery("#message_attacher_grid").getDataIDs()[j], false);
495                                                        }
496                                                }
497                                        }
498                                }
499                                $('#cb_message_attacher_grid').css('display', 'none');
500                               
501                        },
502                        onSelectRow: function (id, selected) {
[5263]503                                var message = false;
504                                for (var i=0; i<lastLoadedMessages.length; i++){
505                                        if (lastLoadedMessages[i].msg_number == id) {
506                                                message = lastLoadedMessages[i];
507                                                break;
[5136]508                                        }
[5263]509                                }
[6303]510                                var tabPanelTemplateId = 'mailpreview_tab_' + selectedFolder.id.replace(/[.\/]/g, '_') + '_' + message.msg_number;
[5827]511                                var tabPanelTemplateId = tabPanelTemplateId.replace(/[\s\/]/g, '-');
[5779]512                               
[6161]513                                if (selected) {
[7885]514                   if(selectedFolder['id'].indexOf("local_messages_") != -1){
[7831]515
[7890]516                        expresso_mail_archive.getPreviewToAttach(id);
[7885]517
[7890]518                        var body = expresso_mail_archive.bodyPreview;
519                        var subject = expresso_mail_archive.subjectPreview;
520                        tabPanelTemplateLabel =  subject.substring(0, $mailpreview_tabs_label_length) + '...';
[7885]521
[7890]522                        if (!$('#' + tabPanelTemplateId).length) {
523                            $mailpreview_tabs.tabs("add", '#' + tabPanelTemplateId, tabPanelTemplateLabel)
524                            .find('.message.empty-container').hide().end()
525                            .find('#' + tabPanelTemplateId).html(body)
526                            .prepend(
527                                '<div class="mailpreview-message-info">' +
528                                    get_lang('Subject') + ': ' +
529                                    html_entities(subject) +
530                                '</div>'
531                            )
532                            .find('[class^="ExpressoCssWrapper"]').addClass("mailpreview-message-body");
533                        } else {
534                            $mailpreview_tabs.tabs('select', '#' + tabPanelTemplateId)
535                            .find('#' + tabPanelTemplateId + ', [href="#' + tabPanelTemplateId + '"]').removeClass('preview-message-unselected');
[7885]536                        }
[7890]537                    }
[5136]538                                        if (onceOpenedMessages[selectedFolder.id] && onceOpenedMessages[selectedFolder.id][message.msg_number]) {
[7890]539
[5136]540                                                if (!selectedMessages[selectedFolder.id])
541                                                        selectedMessages[selectedFolder.id] = {};
542                                                       
543                                                selectedMessages[selectedFolder.id][message.msg_number] = true;
[5263]544                                                $('#mailpreview-container').unblock();                                         
545
[6161]546                                                var tabPanelTemplateLabel = html_entities(onceOpenedMessages[selectedFolder.id][message.msg_number].subject);
[5278]547                                                if (tabPanelTemplateLabel.length > $mailpreview_tabs_label_length + 3)
548                                                        tabPanelTemplateLabel = tabPanelTemplateLabel.substring(0, $mailpreview_tabs_label_length) + '...';
[5779]549                                               
[7890]550                                                if (!$('#' + tabPanelTemplateId).length) {
[5263]551                                                        $mailpreview_tabs.tabs("add", '#' + tabPanelTemplateId, tabPanelTemplateLabel)
552                                                        .find('.message.empty-container').hide().end()
553                                                        .find('#' + tabPanelTemplateId).html(onceOpenedMessages[selectedFolder.id][message.msg_number].body);
554                                                } else {
555                                                        $mailpreview_tabs.tabs('select', '#' + tabPanelTemplateId)
556                                                        .find('#' + tabPanelTemplateId + ', [href="#' + tabPanelTemplateId + '"]').removeClass('preview-message-unselected');
557                                                }
[7831]558
[7885]559                       
[7831]560
[5136]561                                        } else {
[5263]562                                                jQuery('#mailpreview_container').block({ 
[6161]563                                                        message: '<div id="loading-content"><div class="image"></div></div>', 
[5136]564                                                        css: { 
565                                                                backgroundImage: 'url('+BASE_PATH+'modules/attach_message/images/loading.gif)', 
566                                                                backgroundRepeat: 'no-repeat',
567                                                                backgroundPosition: 'center',
568                                                                backgroundColor: 'transparent',
569                                                                width: '32px',
570                                                                height: '32px',
571                                                                border:'none' 
572                                                        },
573                                                        overlayCSS: { 
574                                                                backgroundColor: '#CCC', 
575                                                                opacity:         0.5
576                                                        } 
577                                                });
578
579                                                var offlineCase = "";
[5188]580                                               
[5136]581                                                if( !selectedFolder.id.indexOf( 'local_messages/' ) )
582                                                    offlineCase = ":offline";
583                                         
584                                                if (!selectedMessages[selectedFolder.id])
585                                                        selectedMessages[selectedFolder.id] = {};
[5779]586                                                selectedMessages[selectedFolder.id][message.msg_number] = true;
[7831]587
588
[7885]589                        if(selectedFolder['id'].indexOf("local_messages_") != -1){
590                            $('#mailpreview_container').unblock();
591                            if (!onceOpenedMessages[selectedFolder.id])
592                                    onceOpenedMessages[selectedFolder.id] = {};
593                                onceOpenedMessages[selectedFolder.id][message.msg_number] = message;
[7831]594
[7885]595                            var tabPanelTemplateLabel = html_entities(onceOpenedMessages[selectedFolder.id][message.msg_number].subject);
596                                    if (tabPanelTemplateLabel.length > $mailpreview_tabs_label_length + 3)
597                                        tabPanelTemplateLabel = tabPanelTemplateLabel.substring(0, $mailpreview_tabs_label_length) + '...';
598                            selectedMessagesCount();
599                        } else {
600                                                $.ajax({
601                                                        accepts: 'text/html',
602                                                        url: BASE_PATH + 'REST.php'+offlineCase+'?q=folder/'+selectedFolder.id.replace(dashes, '.')+'/message/'+id,
603                                                        dataType: 'json',
604                                                        success: function( mail_preview ){             
605                                                                //selectedMessagesCount();
606                                                                if (!onceOpenedMessages[selectedFolder.id])
607                                                                        onceOpenedMessages[selectedFolder.id] = {};
608                                                                onceOpenedMessages[selectedFolder.id][message.msg_number] = jQuery.extend(true, message, mail_preview);
[7831]609
[7885]610                                                                $('#mailpreview_container').unblock();
[7831]611
[7885]612                                                                var tabPanelTemplateLabel = html_entities(onceOpenedMessages[selectedFolder.id][message.msg_number].subject);
613                                                                if (tabPanelTemplateLabel.length > $mailpreview_tabs_label_length + 3)
614                                                                        tabPanelTemplateLabel = tabPanelTemplateLabel.substring(0, $mailpreview_tabs_label_length) + '...';
615                                                        selectedMessagesCount();
616                                                               
617                                                                if (!$('#' + tabPanelTemplateId).length) {     
618                                       
[5779]619
[7885]620                                    //tabPanelTemplateId - mailpreview_tab_INBOX_1110
621                                    //tabPanelTemplateLabel - Re: asduiahdih
[5779]622
[7885]623                                                                        $mailpreview_tabs.tabs("add", '#' + tabPanelTemplateId, tabPanelTemplateLabel)
624                                                                        .find('.message.empty-container').hide().end()
625                                                                        .find('#' + tabPanelTemplateId).html(onceOpenedMessages[selectedFolder.id][message.msg_number].body)
626                                                                        .prepend(
627                                                                                '<div class="mailpreview-message-info">' +
628                                                                                        get_lang('Subject') + ': ' +
629                                                                                        html_entities(onceOpenedMessages[selectedFolder.id][message.msg_number].subject) +
630                                                                                '</div>'
631                                                                        )
632                                                                        .find('[class^="ExpressoCssWrapper"]').addClass("mailpreview-message-body");
633                                                                } else {
634                                                                        $mailpreview_tabs.tabs('select', '#' + tabPanelTemplateId)
635                                                                        .find('#' + tabPanelTemplateId + ', [href="#' + tabPanelTemplateId + '"]').removeClass('preview-message-unselected');
636                                                                }
637                                                        }
638                                                });
639                        }     
[5136]640                                        }
641                                } else {
[5263]642                                        /**
[5278]643                                         * if you wants to remove tab on unselect message,
644                                         * but still needs to uselect message on remove tab.
645                                         *
[5263]646                                         */
647                                        /*
648                                        if ($('#' + tabPanelTemplateId).length) {
649                                                $mailpreview_tabs.tabs('remove', '#' + tabPanelTemplateId);
650                                        }
651                                         */
[5296]652                                        selectedMessages[selectedFolder.id][message.msg_number] = false;
[5263]653                                        $mailpreview_tabs.find('#' + tabPanelTemplateId + ', [href="#' + tabPanelTemplateId + '"]').addClass('preview-message-unselected');
[5136]654                                }
[5296]655                               
[5779]656                                if (onceOpenedMessages[selectedFolder.id] && onceOpenedMessages[selectedFolder.id][message.msg_number])
[5296]657                                        selectedMessagesCount();
[5136]658                        },
[5283]659                        caption: '<span class="'+selectedFolder['class']+'">'+selectedFolder.name+'</span>'
[5136]660                });
661                //.jqGrid('navGrid','#message_attacher_grid_pager',{edit:false,add:false,del:false});
[7895]662
663                var search_messages = function(param){
664
665                }
666
[6282]667                var title = [get_lang("First page"), get_lang("Prev page"), get_lang("Next page"), get_lang("Last page")];
[6279]668                $("#first_message_attacher_grid_pager").attr("title",title[0]);
669                $("#prev_message_attacher_grid_pager").attr("title",title[1]);
670                $("#next_message_attacher_grid_pager").attr("title",title[2]);
671                $("#last_message_attacher_grid_pager").attr("title",title[3]);
[7895]672                $("#mailgrid-container .ui-jqgrid-titlebar")
673                .append( DataLayer.render("../prototype/modules/mail/templates/attachment_search.ejs") ).find(".ui-jqgrid-titlebar-close").hide()
674                .end().find(".attach-message-search-input").Watermark("Pesquisa...").keydown(function(e){
675                        if($.ui.keyCode.ENTER == e.keyCode){
676                                search_messages($(this).val());
677                        }
678                });
[5136]679        }
[5263]680});
681
682
683var $mailpreview_tabs = $( "#mailpreview_container").tabs({
684        tabTemplate: "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close'> Fechar </span></li>",
[5278]685        panelTemplate: '<div class="message mailpreview-message"></div>',
[5263]686        add: function( event, ui ) {
687                $mailpreview_tabs.tabs('select', '#' + ui.panel.id);
[5846]688       
[5263]689                if ($('#mailpreview_tabs_default_empty').length && $mailpreview_tabs.tabs("length") > 1) {     
690                        $mailpreview_tabs.tabs('remove', '#mailpreview_tabs_default_empty');
691                }
692        },
693        remove: function(event, ui) {
694                if (!$mailpreview_tabs.tabs("length") && !$('#mailpreview_tabs_default_empty').length) {
695                        /**
[5278]696                         * TODO: internacionalizar a string 'Nenhuma aba'
[5263]697                         */
[5278]698                        $mailpreview_tabs.tabs('add', '#mailpreview_tabs_default_empty', 'Nenhuma aba')
699                        .find('#mailpreview_tabs_default_empty').removeClass('mailpreview-message').addClass('empty-container')
[5263]700                        .html('<span class="message">' + get_lang('select a message to preview') + '</span>').end()
701                        .find('.ui-tabs-nav li:first .ui-icon-close').remove();
702                }
703        }
704});
705
[5846]706$( "#mailpreview_container span.ui-icon-close" ).unbind("click");
[5799]707$( "#mailpreview_container span.ui-icon-close" ).live( "click", function(e) {
[5263]708        var index = $("li", $mailpreview_tabs).index($(this).parent());
709        $mailpreview_tabs.tabs("remove", index);
[5799]710        e.stopImmediatePropagation();
[5263]711});
[5846]712
713if (!$mailpreview_tabs.tabs("length") && !$('#mailpreview_tabs_default_empty').length) {
714                        /**
715                         * TODO: internacionalizar a string 'Nenhuma aba'
716                         */
717                        $mailpreview_tabs.tabs('add', '#mailpreview_tabs_default_empty', 'Nenhuma aba')
718                        .find('#mailpreview_tabs_default_empty').removeClass('mailpreview-message').addClass('empty-container')
719                        .html('<span class="message">' + get_lang('select a message to preview') + '</span>').end()
720                        .find('.ui-tabs-nav li:first .ui-icon-close').remove();
[7831]721}
Note: See TracBrowser for help on using the repository browser.