[5136] | 1 | // $.storage = new $.store(); |
---|
[5826] | 2 | |
---|
[5136] | 3 | isOffline = /[A-z0-9-_\/\.]*:offline\?(.*)/; |
---|
| 4 | breakParams = /[&=]/; |
---|
| 5 | dots = /\./gi; |
---|
| 6 | dashes = /\//gi; |
---|
[5749] | 7 | flags = [ '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 | |
---|
| 78 | var 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 |
---|
| 81 | unorphanize = 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 --- */ |
---|
| 97 | bytes2Size = function(bytes) { |
---|
| 98 | var sizes = ['B', 'KB', 'MB', 'GB', 'TB']; |
---|
| 99 | if (bytes == 0) return 'n/a'; |
---|
| 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] | 105 | flags2Class = 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{ |
---|
| 140 | classes += '<span class="flags followupflagged" title="'+nameFollowupflag+'" style="background:'+rowObject.followupflagged.backgroundColor+';"><img src="../prototype/modules/mail/img/flagEditor.png"></span>'; |
---|
| 141 | } |
---|
| 142 | |
---|
[5136] | 143 | } |
---|
[5826] | 144 | |
---|
[5136] | 145 | return classes; |
---|
| 146 | } |
---|
| 147 | |
---|
[5283] | 148 | function 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] | 177 | NormaliseFrom = 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 | |
---|
[5136] | 185 | date2Time = function (timestamp) { |
---|
| 186 | var date = new Date(); |
---|
| 187 | if ((date.getTime() - timestamp) < (24*60*60*1000)) { |
---|
| 188 | return '<span class="timable" title="'+timestamp+'"> </span>'; |
---|
| 189 | } else { |
---|
| 190 | date = new Date(timestamp); |
---|
[5283] | 191 | if(is_ie){ |
---|
| 192 | var b = date.toString().split(' '); |
---|
| 193 | var c = b[2] + "/" + numberMonths(b[1]) + "/" + b[5]; |
---|
| 194 | return '<span class="datable">' + c + '</span>'; |
---|
| 195 | }else{ |
---|
| 196 | var b = date.toISOString().split("T")[0].split("-"); |
---|
| 197 | var c = b[2] + "/" + b[1] + "/" + b[0]; |
---|
| 198 | return '<span class="datable">' + c + '</span>'; |
---|
| 199 | } |
---|
[5136] | 200 | } |
---|
| 201 | } |
---|
| 202 | |
---|
| 203 | changeTabIndex = function (elements) { |
---|
| 204 | // jQuery('#foldertree').attr('tabIndex', '1').focus(); |
---|
| 205 | } |
---|
| 206 | |
---|
| 207 | |
---|
| 208 | selectedMessagesCount = function() { |
---|
| 209 | var byte_size = 0, total_messages = 0; |
---|
| 210 | for (var folder in selectedMessages) { |
---|
| 211 | for (var message in selectedMessages[folder]) { |
---|
| 212 | if (selectedMessages[folder][message]) { |
---|
| 213 | byte_size += parseInt(onceOpenedMessages[folder][message].size); |
---|
| 214 | total_messages++; |
---|
| 215 | } |
---|
| 216 | } |
---|
| 217 | } |
---|
| 218 | $("#selected_messages_number").html(total_messages).next().html(bytes2Size(byte_size)); |
---|
| 219 | return total_messages; |
---|
| 220 | } |
---|
| 221 | |
---|
| 222 | var msgAttacherGrid = $("#message_attacher_grid"), msgsTotal = $("#selected_messages_number"); |
---|
| 223 | var lastLoadedMessages = []; |
---|
| 224 | var onceOpenedMessages = []; |
---|
| 225 | var selectedMessages = {}; |
---|
| 226 | var selectedFolder = {}; |
---|
| 227 | |
---|
| 228 | function adaptOffline( data ) |
---|
| 229 | { |
---|
| 230 | if( preferences.use_local_messages == 1 || expresso_offline ) |
---|
| 231 | { |
---|
| 232 | var folders = expresso_local_messages.list_local_folders(); |
---|
| 233 | |
---|
| 234 | var stripParents = /^(.*)\/([^\/]*)/; |
---|
| 235 | |
---|
| 236 | $.each( folders, function( i, folder ){ |
---|
| 237 | |
---|
| 238 | if(typeof(folder) == 'undefined') return; |
---|
| 239 | |
---|
| 240 | var id = 'local_messages/' + folder[0]; |
---|
| 241 | |
---|
| 242 | var parts = stripParents.exec( id ); |
---|
| 243 | |
---|
[5263] | 244 | data[data.length] = {'id' : id, |
---|
[5136] | 245 | 'commonName' : parts[2], |
---|
[5263] | 246 | 'parentFolder' : parts[1]}; |
---|
[5136] | 247 | }); |
---|
| 248 | } |
---|
| 249 | |
---|
| 250 | return( data ); |
---|
| 251 | } |
---|
| 252 | |
---|
[5278] | 253 | $mailpreview_tabs_label_length = 15; |
---|
| 254 | |
---|
[5136] | 255 | /* --- jQuery handlers --- */ |
---|
| 256 | |
---|
| 257 | jQuery('#buttons-container .button').button(); |
---|
| 258 | |
---|
| 259 | jQuery.ajax({ |
---|
| 260 | url: BASE_PATH + "REST.php?q=folder", |
---|
| 261 | dataType: 'json', |
---|
| 262 | |
---|
| 263 | success: function( data ){ |
---|
| 264 | |
---|
| 265 | data = adaptOffline( data ); |
---|
| 266 | |
---|
| 267 | var tree1 = new Array(); |
---|
| 268 | var tree2 = new Array(); |
---|
| 269 | var tree3 = new Array(); |
---|
| 270 | for (var i=0; i<data.length; i++) { |
---|
| 271 | |
---|
| 272 | if (/^INBOX/.test(data[i].id)) { |
---|
| 273 | if (!unorphanize(tree1, data[i])) { |
---|
| 274 | data[i].children = new Array(); |
---|
| 275 | tree1.push(data[i]); |
---|
| 276 | } |
---|
| 277 | } |
---|
| 278 | else if (/^user/.test(data[i].id)) { |
---|
| 279 | if (!unorphanize(tree2, data[i])) { |
---|
| 280 | data[i].children = new Array(); |
---|
| 281 | tree2.push(data[i]); |
---|
| 282 | } |
---|
| 283 | } |
---|
| 284 | else if (/^local_messages/.test(data[i].id)) { |
---|
| 285 | if (!unorphanize(tree3, data[i])) { |
---|
| 286 | data[i].children = new Array(); |
---|
| 287 | tree3.push(data[i]); |
---|
| 288 | } |
---|
| 289 | } |
---|
| 290 | |
---|
| 291 | } |
---|
| 292 | |
---|
| 293 | var firstFolder = jQuery("#foldertree-container") |
---|
[5263] | 294 | .removeClass('empty-container') |
---|
[5399] | 295 | .html(DataLayer.render(BASE_PATH + 'api/templates/foldertree.ejs', {folders: [tree1, tree2, tree3]})) |
---|
[5136] | 296 | .find("#foldertree").treeview() |
---|
| 297 | .click(function(event){ |
---|
| 298 | //request new selected folder messages |
---|
| 299 | var target = $(event.target); |
---|
| 300 | |
---|
| 301 | if( target.is('.collapsable-hitarea, .expandable-hitarea, .lastCollapsable, .lastExpandable, .treeview') ) |
---|
| 302 | return; |
---|
| 303 | |
---|
| 304 | if( !target.attr('id') ) |
---|
| 305 | target = target.parent(); |
---|
| 306 | |
---|
[5172] | 307 | if (target.attr('id') == "foldertree") return; |
---|
| 308 | |
---|
[5136] | 309 | var targetId = target.attr('id'); |
---|
[5172] | 310 | var child = target.find('.folder'); |
---|
| 311 | |
---|
| 312 | $('.filetree span.folder.selected').removeClass('selected'); |
---|
| 313 | if(!target.is('#foldertree > .expandable, #foldertree > .collapsable')) |
---|
| 314 | $(target).children('.folder').addClass('selected'); |
---|
[5136] | 315 | |
---|
| 316 | selectedFolder = { |
---|
| 317 | id: targetId, |
---|
| 318 | name: child.attr('title'), |
---|
[5283] | 319 | 'class': child.attr('class') |
---|
[5136] | 320 | }; |
---|
| 321 | |
---|
| 322 | var grid = $("#message_attacher_grid"), offlineCase = ""; |
---|
| 323 | |
---|
| 324 | if( !targetId.indexOf( 'local_messages/' ) ) |
---|
| 325 | offlineCase = ":offline"; |
---|
| 326 | |
---|
| 327 | |
---|
| 328 | grid.jqGrid('setGridParam',{url:BASE_PATH + 'REST.php'+offlineCase+'?q=folder/'+targetId.replace(dashes, '.')+'/message'}) |
---|
| 329 | .trigger("reloadGrid") |
---|
| 330 | .jqGrid('setCaption', '<span class="'+child.attr('class')+'">'+child.attr('title')+'</span>'); |
---|
| 331 | }) |
---|
| 332 | .find('span:first-child'); |
---|
[5188] | 333 | $('span.folder.inbox').addClass('selected'); |
---|
[5136] | 334 | selectedFolder = { |
---|
| 335 | id: firstFolder.parent().attr('id'), |
---|
| 336 | name: firstFolder.attr('title'), |
---|
[5283] | 337 | 'class': firstFolder.attr('class') |
---|
[5136] | 338 | }; |
---|
| 339 | |
---|
| 340 | //jqgrid |
---|
| 341 | jQuery("#mailgrid-container") |
---|
[5263] | 342 | .removeClass('empty-container') |
---|
[5399] | 343 | .html(DataLayer.render(BASE_PATH + 'api/templates/messagegrid.ejs', {})) |
---|
[5136] | 344 | .find("#message_attacher_grid") |
---|
| 345 | .jqGrid({ |
---|
| 346 | url:BASE_PATH + 'REST.php?q=folder/INBOX/message', |
---|
| 347 | datatype: "json", |
---|
| 348 | mtype: 'GET', |
---|
[5533] | 349 | colNames:['#',' ', 'De', 'Assunto', 'Data', 'Tamanho'], |
---|
[5136] | 350 | colModel:[ |
---|
| 351 | {name:'msg_number',index:'msg_number', width:45, hidden:true, sortable:false}, |
---|
[5778] | 352 | {name:'flags',index:'msg_number',edittype: 'image', width:100, sortable:false, formatter:flags2Class, title :false}, |
---|
[5749] | 353 | {name:'from.name',index:'msg_number', width:70, sortable:false, formatter:NormaliseFrom}, |
---|
[5188] | 354 | {name:'subject',index:'subject', width:245, sortable:false}, |
---|
[5136] | 355 | {name:'timestamp',index:'timestamp', width:65, align:"center", sortable:false, formatter:date2Time}, |
---|
[5779] | 356 | {name:'size',index:'size', width:55, align:"right", sortable:false, formatter:bytes2Size} |
---|
[5136] | 357 | ], |
---|
| 358 | jsonReader : { |
---|
| 359 | root:"rows", |
---|
| 360 | page: "page", |
---|
| 361 | total: "total", |
---|
| 362 | records: "records", |
---|
| 363 | repeatitems: false, |
---|
| 364 | id: "0" |
---|
| 365 | }, |
---|
| 366 | rowNum:10, |
---|
| 367 | rowList:[10,25,50], |
---|
| 368 | pager: '#message_attacher_grid_pager', |
---|
| 369 | sortname: 'id', |
---|
| 370 | viewrecords: true, |
---|
| 371 | sortorder: "desc", |
---|
| 372 | multiselect: true, |
---|
| 373 | autowidth: true, |
---|
| 374 | loadComplete: function(data) { |
---|
| 375 | lastLoadedMessages = data.rows; |
---|
| 376 | |
---|
| 377 | // aplica o contador |
---|
| 378 | jQuery('.timable').each(function (i) { |
---|
| 379 | jQuery(this).countdown({ |
---|
| 380 | since: new Date(parseInt(this.title)), |
---|
| 381 | significant: 1, |
---|
| 382 | layout: 'há {d<}{dn} {dl} {d>}{h<}{hn} {hl} {h>}{m<}{mn} {ml} {m>}{s<}{sn} {sl}{s>}', |
---|
| 383 | description: ' atrás' |
---|
[5188] | 384 | }); |
---|
[5136] | 385 | }); |
---|
[5188] | 386 | |
---|
[5136] | 387 | // reconstrói a seleção das mensagens mesmo depois da mudança de pasta |
---|
| 388 | if (selectedMessages[selectedFolder.id]) { |
---|
| 389 | for (var message in selectedMessages[selectedFolder.id]){ |
---|
| 390 | for (var j=0; j<data.rows.length; j++){ |
---|
| 391 | if (selectedMessages[selectedFolder.id][message] && message == data.rows[j].msg_number) { |
---|
| 392 | jQuery("#message_attacher_grid").setSelection(jQuery("#message_attacher_grid").getDataIDs()[j], false); |
---|
| 393 | } |
---|
| 394 | } |
---|
| 395 | } |
---|
| 396 | } |
---|
| 397 | $('#cb_message_attacher_grid').css('display', 'none'); |
---|
| 398 | |
---|
| 399 | }, |
---|
| 400 | onSelectRow: function (id, selected) { |
---|
[5263] | 401 | var message = false; |
---|
| 402 | for (var i=0; i<lastLoadedMessages.length; i++){ |
---|
| 403 | if (lastLoadedMessages[i].msg_number == id) { |
---|
| 404 | message = lastLoadedMessages[i]; |
---|
| 405 | break; |
---|
[5136] | 406 | } |
---|
[5263] | 407 | } |
---|
| 408 | |
---|
[5336] | 409 | var tabPanelTemplateId = 'mailpreview_tab_' + selectedFolder.id.replace(/[.\/]/, '_') + '_' + message.msg_number; |
---|
[5827] | 410 | var tabPanelTemplateId = tabPanelTemplateId.replace(/[\s\/]/g, '-'); |
---|
[5779] | 411 | |
---|
| 412 | if (selected) { |
---|
[5136] | 413 | if (onceOpenedMessages[selectedFolder.id] && onceOpenedMessages[selectedFolder.id][message.msg_number]) { |
---|
| 414 | if (!selectedMessages[selectedFolder.id]) |
---|
| 415 | selectedMessages[selectedFolder.id] = {}; |
---|
| 416 | |
---|
| 417 | selectedMessages[selectedFolder.id][message.msg_number] = true; |
---|
[5263] | 418 | $('#mailpreview-container').unblock(); |
---|
| 419 | |
---|
| 420 | var tabPanelTemplateLabel = onceOpenedMessages[selectedFolder.id][message.msg_number].subject; |
---|
[5278] | 421 | if (tabPanelTemplateLabel.length > $mailpreview_tabs_label_length + 3) |
---|
| 422 | tabPanelTemplateLabel = tabPanelTemplateLabel.substring(0, $mailpreview_tabs_label_length) + '...'; |
---|
[5779] | 423 | |
---|
| 424 | if (!$('#' + tabPanelTemplateId).length) { |
---|
[5263] | 425 | $mailpreview_tabs.tabs("add", '#' + tabPanelTemplateId, tabPanelTemplateLabel) |
---|
| 426 | .find('.message.empty-container').hide().end() |
---|
| 427 | .find('#' + tabPanelTemplateId).html(onceOpenedMessages[selectedFolder.id][message.msg_number].body); |
---|
| 428 | } else { |
---|
| 429 | $mailpreview_tabs.tabs('select', '#' + tabPanelTemplateId) |
---|
| 430 | .find('#' + tabPanelTemplateId + ', [href="#' + tabPanelTemplateId + '"]').removeClass('preview-message-unselected'); |
---|
| 431 | } |
---|
[5188] | 432 | |
---|
[5136] | 433 | } else { |
---|
[5263] | 434 | jQuery('#mailpreview_container').block({ |
---|
[5136] | 435 | message: '<div id="loading-content"><div class="image"> </div></div>', |
---|
| 436 | css: { |
---|
| 437 | backgroundImage: 'url('+BASE_PATH+'modules/attach_message/images/loading.gif)', |
---|
| 438 | backgroundRepeat: 'no-repeat', |
---|
| 439 | backgroundPosition: 'center', |
---|
| 440 | backgroundColor: 'transparent', |
---|
| 441 | width: '32px', |
---|
| 442 | height: '32px', |
---|
| 443 | border:'none' |
---|
| 444 | }, |
---|
| 445 | overlayCSS: { |
---|
| 446 | backgroundColor: '#CCC', |
---|
| 447 | opacity: 0.5 |
---|
| 448 | } |
---|
| 449 | }); |
---|
| 450 | |
---|
| 451 | var offlineCase = ""; |
---|
[5188] | 452 | |
---|
[5136] | 453 | if( !selectedFolder.id.indexOf( 'local_messages/' ) ) |
---|
| 454 | offlineCase = ":offline"; |
---|
| 455 | |
---|
| 456 | if (!selectedMessages[selectedFolder.id]) |
---|
| 457 | selectedMessages[selectedFolder.id] = {}; |
---|
[5779] | 458 | selectedMessages[selectedFolder.id][message.msg_number] = true; |
---|
[5136] | 459 | $.ajax({ |
---|
| 460 | accepts: 'text/html', |
---|
[5188] | 461 | url: BASE_PATH + 'REST.php'+offlineCase+'?q=folder/'+selectedFolder.id.replace(dashes, '.')+'/message/'+id, |
---|
[5136] | 462 | dataType: 'json', |
---|
[5779] | 463 | success: function( mail_preview ){ |
---|
| 464 | //selectedMessagesCount(); |
---|
[5136] | 465 | if (!onceOpenedMessages[selectedFolder.id]) |
---|
| 466 | onceOpenedMessages[selectedFolder.id] = {}; |
---|
| 467 | onceOpenedMessages[selectedFolder.id][message.msg_number] = jQuery.extend(true, message, mail_preview); |
---|
[5779] | 468 | |
---|
[5263] | 469 | $('#mailpreview_container').unblock(); |
---|
[5779] | 470 | |
---|
[5263] | 471 | var tabPanelTemplateLabel = onceOpenedMessages[selectedFolder.id][message.msg_number].subject; |
---|
[5278] | 472 | if (tabPanelTemplateLabel.length > $mailpreview_tabs_label_length + 3) |
---|
| 473 | tabPanelTemplateLabel = tabPanelTemplateLabel.substring(0, $mailpreview_tabs_label_length) + '...'; |
---|
[5828] | 474 | selectedMessagesCount(); |
---|
[5831] | 475 | |
---|
[5779] | 476 | if (!$('#' + tabPanelTemplateId).length) { |
---|
[5263] | 477 | $mailpreview_tabs.tabs("add", '#' + tabPanelTemplateId, tabPanelTemplateLabel) |
---|
| 478 | .find('.message.empty-container').hide().end() |
---|
| 479 | .find('#' + tabPanelTemplateId).html(onceOpenedMessages[selectedFolder.id][message.msg_number].body) |
---|
| 480 | .prepend( |
---|
| 481 | '<div class="mailpreview-message-info">' + |
---|
| 482 | get_lang('Subject') + ': ' + |
---|
| 483 | onceOpenedMessages[selectedFolder.id][message.msg_number].subject + |
---|
| 484 | '</div>' |
---|
[5278] | 485 | ) |
---|
| 486 | .find('[class^="ExpressoCssWrapper"]').addClass("mailpreview-message-body"); |
---|
[5263] | 487 | } else { |
---|
| 488 | $mailpreview_tabs.tabs('select', '#' + tabPanelTemplateId) |
---|
| 489 | .find('#' + tabPanelTemplateId + ', [href="#' + tabPanelTemplateId + '"]').removeClass('preview-message-unselected'); |
---|
[5779] | 490 | } |
---|
[5136] | 491 | } |
---|
| 492 | }); |
---|
| 493 | } |
---|
| 494 | } else { |
---|
[5263] | 495 | /** |
---|
[5278] | 496 | * if you wants to remove tab on unselect message, |
---|
| 497 | * but still needs to uselect message on remove tab. |
---|
| 498 | * |
---|
[5263] | 499 | */ |
---|
| 500 | /* |
---|
| 501 | if ($('#' + tabPanelTemplateId).length) { |
---|
| 502 | $mailpreview_tabs.tabs('remove', '#' + tabPanelTemplateId); |
---|
| 503 | } |
---|
| 504 | */ |
---|
[5296] | 505 | selectedMessages[selectedFolder.id][message.msg_number] = false; |
---|
[5263] | 506 | $mailpreview_tabs.find('#' + tabPanelTemplateId + ', [href="#' + tabPanelTemplateId + '"]').addClass('preview-message-unselected'); |
---|
[5136] | 507 | } |
---|
[5296] | 508 | |
---|
[5779] | 509 | if (onceOpenedMessages[selectedFolder.id] && onceOpenedMessages[selectedFolder.id][message.msg_number]) |
---|
[5296] | 510 | selectedMessagesCount(); |
---|
[5136] | 511 | }, |
---|
[5283] | 512 | caption: '<span class="'+selectedFolder['class']+'">'+selectedFolder.name+'</span>' |
---|
[5136] | 513 | }); |
---|
| 514 | //.jqGrid('navGrid','#message_attacher_grid_pager',{edit:false,add:false,del:false}); |
---|
| 515 | } |
---|
[5263] | 516 | }); |
---|
| 517 | |
---|
| 518 | |
---|
| 519 | var $mailpreview_tabs = $( "#mailpreview_container").tabs({ |
---|
| 520 | tabTemplate: "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close'> Fechar </span></li>", |
---|
[5278] | 521 | panelTemplate: '<div class="message mailpreview-message"></div>', |
---|
[5263] | 522 | add: function( event, ui ) { |
---|
| 523 | $mailpreview_tabs.tabs('select', '#' + ui.panel.id); |
---|
[5846] | 524 | |
---|
[5263] | 525 | if ($('#mailpreview_tabs_default_empty').length && $mailpreview_tabs.tabs("length") > 1) { |
---|
| 526 | $mailpreview_tabs.tabs('remove', '#mailpreview_tabs_default_empty'); |
---|
| 527 | } |
---|
| 528 | }, |
---|
| 529 | remove: function(event, ui) { |
---|
| 530 | if (!$mailpreview_tabs.tabs("length") && !$('#mailpreview_tabs_default_empty').length) { |
---|
| 531 | /** |
---|
[5278] | 532 | * TODO: internacionalizar a string 'Nenhuma aba' |
---|
[5263] | 533 | */ |
---|
[5278] | 534 | $mailpreview_tabs.tabs('add', '#mailpreview_tabs_default_empty', 'Nenhuma aba') |
---|
| 535 | .find('#mailpreview_tabs_default_empty').removeClass('mailpreview-message').addClass('empty-container') |
---|
[5263] | 536 | .html('<span class="message">' + get_lang('select a message to preview') + '</span>').end() |
---|
| 537 | .find('.ui-tabs-nav li:first .ui-icon-close').remove(); |
---|
| 538 | } |
---|
| 539 | } |
---|
| 540 | }); |
---|
| 541 | |
---|
[5846] | 542 | $( "#mailpreview_container span.ui-icon-close" ).unbind("click"); |
---|
[5799] | 543 | $( "#mailpreview_container span.ui-icon-close" ).live( "click", function(e) { |
---|
[5263] | 544 | var index = $("li", $mailpreview_tabs).index($(this).parent()); |
---|
| 545 | $mailpreview_tabs.tabs("remove", index); |
---|
[5799] | 546 | e.stopImmediatePropagation(); |
---|
[5263] | 547 | }); |
---|
[5846] | 548 | |
---|
| 549 | if (!$mailpreview_tabs.tabs("length") && !$('#mailpreview_tabs_default_empty').length) { |
---|
| 550 | /** |
---|
| 551 | * TODO: internacionalizar a string 'Nenhuma aba' |
---|
| 552 | */ |
---|
| 553 | $mailpreview_tabs.tabs('add', '#mailpreview_tabs_default_empty', 'Nenhuma aba') |
---|
| 554 | .find('#mailpreview_tabs_default_empty').removeClass('mailpreview-message').addClass('empty-container') |
---|
| 555 | .html('<span class="message">' + get_lang('select a message to preview') + '</span>').end() |
---|
| 556 | .find('.ui-tabs-nav li:first .ui-icon-close').remove(); |
---|
| 557 | } |
---|