[5136] | 1 | var BASE_PATH = '../prototype/'; |
---|
| 2 | |
---|
| 3 | var msgAttacherGrid = $("#message_attacher_grid"), msgsTotal = $("#selected_messages_number"); |
---|
| 4 | var lastLoadedMessages = []; |
---|
| 5 | var onceOpenedMessages = []; |
---|
| 6 | var selectedMessages = {}; |
---|
| 7 | var selectedFolder = {}; |
---|
| 8 | |
---|
[5278] | 9 | $mailpreview_tabs_label_length = 15; |
---|
| 10 | |
---|
[5136] | 11 | /* --- jQuery handlers --- */ |
---|
| 12 | |
---|
| 13 | jQuery('#buttons-container .button').button(); |
---|
| 14 | |
---|
[6558] | 15 | DataLayer.render(BASE_PATH + 'api/templates/foldertree.ejs', 'folder:tree', function(contentFolders){ |
---|
[5136] | 16 | |
---|
[6558] | 17 | var firstFolder = jQuery("#foldertree-container") |
---|
| 18 | .removeClass('empty-container') |
---|
| 19 | .html(contentFolders) |
---|
| 20 | .find("#foldertree").treeview() |
---|
| 21 | .click(function(event){ |
---|
| 22 | //request new selected folder messages |
---|
| 23 | var target = $(event.target); |
---|
[5136] | 24 | |
---|
[6558] | 25 | if( target.is('.collapsable-hitarea, .expandable-hitarea, .lastCollapsable, .lastExpandable, .treeview') ) |
---|
| 26 | return; |
---|
[5136] | 27 | |
---|
[6558] | 28 | if( !target.attr('id') ) |
---|
| 29 | target = target.parent(); |
---|
[5136] | 30 | |
---|
[6558] | 31 | if (target.attr('id') == "foldertree") return; |
---|
[5136] | 32 | |
---|
[6558] | 33 | var targetId = target.attr('id'); |
---|
| 34 | var child = target.find('.folder'); |
---|
[5136] | 35 | |
---|
[6558] | 36 | $('.filetree span.folder.selected').removeClass('selected'); |
---|
| 37 | if(!target.is('#foldertree > .expandable, #foldertree > .collapsable')) |
---|
| 38 | $(target).children('.folder').addClass('selected'); |
---|
| 39 | |
---|
| 40 | selectedFolder = { |
---|
| 41 | id: targetId, |
---|
| 42 | name: child.attr('title'), |
---|
| 43 | 'class': child.attr('class') |
---|
| 44 | }; |
---|
| 45 | |
---|
| 46 | current_folder = targetId.replace(dashes, '.'); |
---|
| 47 | current_count = DataLayer.get( 'message', { criteria: { count: true, properties: {context:{folder:current_folder}} } }, true ); |
---|
| 48 | |
---|
| 49 | $("#message_attacher_grid").trigger("reloadGrid") |
---|
| 50 | .jqGrid('setCaption', '<span class="'+child.attr('class')+'">'+child.attr('title')+'</span>'); |
---|
| 51 | }) |
---|
| 52 | .find('span:first-child'); |
---|
| 53 | $('span.folder.inbox').addClass('selected'); |
---|
[6486] | 54 | selectedFolder = { |
---|
[6558] | 55 | id: firstFolder.parent().attr('id'), |
---|
| 56 | name: firstFolder.attr('title'), |
---|
| 57 | 'class': firstFolder.attr('class') |
---|
[6486] | 58 | }; |
---|
[5136] | 59 | |
---|
[6558] | 60 | //jqgrid |
---|
| 61 | jQuery("#mailgrid-container") |
---|
| 62 | .removeClass('empty-container') |
---|
| 63 | .html(DataLayer.render(BASE_PATH + 'api/templates/messagegrid.ejs', {})) |
---|
| 64 | .find("#message_attacher_grid") |
---|
| 65 | .jqGrid({ |
---|
| 66 | url: 'message:jqGrid', |
---|
| 67 | datatype: "json", |
---|
| 68 | mtype: 'GET', |
---|
| 69 | colNames:['#',' ', 'De', 'Assunto', 'Data', 'Tamanho'], |
---|
| 70 | colModel:[ |
---|
| 71 | {name:'msg_number',index:'msg_number', width:45, sortable:false, hidden:true}, |
---|
| 72 | {name:'flags', index:'msg_number', width:100, sortable:false, formatter:flags2Class, edittype: 'image', title :false}, |
---|
| 73 | {name:'from.name', index:'msg_number', width:70, sortable:false, formatter:NormaliseFrom}, |
---|
| 74 | {name:'subject', index:'subject', width:245, sortable:false, formatter:NormaliseSubject}, |
---|
| 75 | {name:'timestamp', index:'timestamp', width:65, sortable:false, formatter:date2Time, align:"center"}, |
---|
| 76 | {name:'size', index:'size', width:55, sortable:false, formatter:bytes2Size, align:"right"} |
---|
| 77 | ], |
---|
| 78 | jsonReader : { |
---|
| 79 | root:"rows", |
---|
| 80 | page: "page", |
---|
| 81 | total: "total", |
---|
| 82 | records: "records", |
---|
| 83 | repeatitems: false, |
---|
| 84 | id: "0" |
---|
| 85 | }, |
---|
| 86 | rowNum:10, |
---|
| 87 | rowList:[10,25,50], |
---|
| 88 | pager: '#message_attacher_grid_pager', |
---|
| 89 | sortname: 'id', |
---|
| 90 | viewrecords: true, |
---|
| 91 | sortorder: "desc", |
---|
| 92 | multiselect: true, |
---|
| 93 | autowidth: true, |
---|
| 94 | loadComplete: function(data) { |
---|
| 95 | lastLoadedMessages = data.rows; |
---|
| 96 | |
---|
| 97 | // aplica o contador |
---|
| 98 | jQuery('.timable').each(function (i) { |
---|
| 99 | jQuery(this).countdown({ |
---|
| 100 | since: new Date(parseInt(this.title)), |
---|
| 101 | significant: 1, |
---|
| 102 | layout: 'há {d<}{dn} {dl} {d>}{h<}{hn} {hl} {h>}{m<}{mn} {ml} {m>}{s<}{sn} {sl}{s>}', |
---|
| 103 | description: ' atrás' |
---|
| 104 | }); |
---|
| 105 | }); |
---|
| 106 | |
---|
| 107 | // reconstrói a seleção das mensagens mesmo depois da mudança de pasta |
---|
| 108 | if (selectedMessages[selectedFolder.id]) { |
---|
| 109 | for (var message in selectedMessages[selectedFolder.id]){ |
---|
| 110 | for (var j=0; j<data.rows.length; j++){ |
---|
| 111 | if (selectedMessages[selectedFolder.id][message] && message == data.rows[j].msg_number) { |
---|
| 112 | jQuery("#message_attacher_grid").setSelection(jQuery("#message_attacher_grid").getDataIDs()[j], false); |
---|
| 113 | } |
---|
| 114 | } |
---|
| 115 | } |
---|
| 116 | } |
---|
| 117 | $('#cb_message_attacher_grid').css('display', 'none'); |
---|
| 118 | |
---|
| 119 | }, |
---|
| 120 | onSelectRow: function (id, selected) { |
---|
| 121 | var message = false; |
---|
| 122 | for (var i=0; i<lastLoadedMessages.length; i++){ |
---|
| 123 | if (lastLoadedMessages[i].msg_number == id) { |
---|
| 124 | message = lastLoadedMessages[i]; |
---|
| 125 | break; |
---|
| 126 | } |
---|
| 127 | } |
---|
| 128 | |
---|
| 129 | var tabPanelTemplateId = 'mailpreview_tab_' + selectedFolder.id.replace(/[.\/]/g, '_') + '_' + message.msg_number; |
---|
| 130 | var tabPanelTemplateId = tabPanelTemplateId.replace(/[\s\/]/g, '-'); |
---|
| 131 | |
---|
| 132 | if (selected) { |
---|
| 133 | if (onceOpenedMessages[selectedFolder.id] && onceOpenedMessages[selectedFolder.id][message.msg_number]) { |
---|
| 134 | if (!selectedMessages[selectedFolder.id]) |
---|
| 135 | selectedMessages[selectedFolder.id] = {}; |
---|
| 136 | |
---|
| 137 | selectedMessages[selectedFolder.id][message.msg_number] = true; |
---|
| 138 | $('#mailpreview-container').unblock(); |
---|
[5136] | 139 | |
---|
[6558] | 140 | var tabPanelTemplateLabel = html_entities(onceOpenedMessages[selectedFolder.id][message.msg_number].subject); |
---|
| 141 | if (tabPanelTemplateLabel.length > $mailpreview_tabs_label_length + 3) |
---|
| 142 | tabPanelTemplateLabel = tabPanelTemplateLabel.substring(0, $mailpreview_tabs_label_length) + '...'; |
---|
| 143 | |
---|
| 144 | if (!$('#' + tabPanelTemplateId).length) { |
---|
| 145 | $mailpreview_tabs.tabs("add", '#' + tabPanelTemplateId, tabPanelTemplateLabel) |
---|
| 146 | .find('.message.empty-container').hide().end() |
---|
| 147 | .find('#' + tabPanelTemplateId).html(onceOpenedMessages[selectedFolder.id][message.msg_number].body); |
---|
| 148 | } else { |
---|
| 149 | $mailpreview_tabs.tabs('select', '#' + tabPanelTemplateId) |
---|
| 150 | .find('#' + tabPanelTemplateId + ', [href="#' + tabPanelTemplateId + '"]').removeClass('preview-message-unselected'); |
---|
| 151 | } |
---|
| 152 | |
---|
| 153 | } else { |
---|
| 154 | jQuery('#mailpreview_container').block({ |
---|
| 155 | message: '<div id="loading-content"><div class="image"></div></div>', |
---|
| 156 | css: { |
---|
| 157 | backgroundImage: 'url('+BASE_PATH+'modules/attach_message/images/loading.gif)', |
---|
| 158 | backgroundRepeat: 'no-repeat', |
---|
| 159 | backgroundPosition: 'center', |
---|
| 160 | backgroundColor: 'transparent', |
---|
| 161 | width: '32px', |
---|
| 162 | height: '32px', |
---|
| 163 | border:'none' |
---|
| 164 | }, |
---|
| 165 | overlayCSS: { |
---|
| 166 | backgroundColor: '#CCC', |
---|
| 167 | opacity: 0.5 |
---|
| 168 | } |
---|
| 169 | }); |
---|
| 170 | |
---|
| 171 | if (!selectedMessages[selectedFolder.id]) |
---|
| 172 | selectedMessages[selectedFolder.id] = {}; |
---|
| 173 | selectedMessages[selectedFolder.id][message.msg_number] = true; |
---|
| 174 | |
---|
| 175 | var folder = selectedFolder.id.replace(dashes, '.'), mail_preview = null; |
---|
| 176 | |
---|
| 177 | if( !folder.indexOf( 'local_messages/' ) ) |
---|
| 178 | { |
---|
| 179 | mail_preview = expresso_local_messages.get_local_mail( id ); |
---|
| 180 | mail_preview.eml = expresso_local_messages.get_src( mail_preview.url_export_file ); |
---|
| 181 | } |
---|
| 182 | else |
---|
| 183 | mail_preview = DataLayer.get( 'message', { filter: id, criteria: { properties: {context:{folder:folder}} } } ); |
---|
[5136] | 184 | |
---|
[6558] | 185 | if (!onceOpenedMessages[selectedFolder.id]) |
---|
| 186 | onceOpenedMessages[selectedFolder.id] = {}; |
---|
| 187 | onceOpenedMessages[selectedFolder.id][message.msg_number] = jQuery.extend(true, message, mail_preview); |
---|
[5136] | 188 | |
---|
[6558] | 189 | $('#mailpreview_container').unblock(); |
---|
[5136] | 190 | |
---|
[6558] | 191 | var tabPanelTemplateLabel = html_entities(onceOpenedMessages[selectedFolder.id][message.msg_number].subject); |
---|
| 192 | if (tabPanelTemplateLabel.length > $mailpreview_tabs_label_length + 3) |
---|
| 193 | tabPanelTemplateLabel = tabPanelTemplateLabel.substring(0, $mailpreview_tabs_label_length) + '...'; |
---|
| 194 | selectedMessagesCount(); |
---|
| 195 | |
---|
| 196 | if (!$('#' + tabPanelTemplateId).length) { |
---|
| 197 | $mailpreview_tabs.tabs("add", '#' + tabPanelTemplateId, tabPanelTemplateLabel) |
---|
| 198 | .find('.message.empty-container').hide().end() |
---|
| 199 | .find('#' + tabPanelTemplateId).html(onceOpenedMessages[selectedFolder.id][message.msg_number].body) |
---|
| 200 | .prepend( |
---|
| 201 | '<div class="mailpreview-message-info">' + |
---|
| 202 | get_lang('Subject') + ': ' + |
---|
| 203 | html_entities(onceOpenedMessages[selectedFolder.id][message.msg_number].subject) + |
---|
| 204 | '</div>' |
---|
| 205 | ) |
---|
| 206 | .find('[class^="ExpressoCssWrapper"]').addClass("mailpreview-message-body"); |
---|
| 207 | } else { |
---|
| 208 | $mailpreview_tabs.tabs('select', '#' + tabPanelTemplateId) |
---|
| 209 | .find('#' + tabPanelTemplateId + ', [href="#' + tabPanelTemplateId + '"]').removeClass('preview-message-unselected'); |
---|
| 210 | } |
---|
| 211 | } |
---|
| 212 | } else { |
---|
| 213 | /** |
---|
| 214 | * if you wants to remove tab on unselect message, |
---|
| 215 | * but still needs to uselect message on remove tab. |
---|
| 216 | * |
---|
| 217 | */ |
---|
| 218 | /* |
---|
| 219 | if ($('#' + tabPanelTemplateId).length) { |
---|
| 220 | $mailpreview_tabs.tabs('remove', '#' + tabPanelTemplateId); |
---|
| 221 | } |
---|
| 222 | */ |
---|
| 223 | selectedMessages[selectedFolder.id][message.msg_number] = false; |
---|
| 224 | $mailpreview_tabs.find('#' + tabPanelTemplateId + ', [href="#' + tabPanelTemplateId + '"]').addClass('preview-message-unselected'); |
---|
| 225 | } |
---|
| 226 | |
---|
| 227 | if (onceOpenedMessages[selectedFolder.id] && onceOpenedMessages[selectedFolder.id][message.msg_number]) |
---|
| 228 | selectedMessagesCount(); |
---|
| 229 | }, |
---|
| 230 | caption: '<span class="'+selectedFolder['class']+'">'+selectedFolder.name+'</span>' |
---|
| 231 | }); |
---|
| 232 | //.jqGrid('navGrid','#message_attacher_grid_pager',{edit:false,add:false,del:false}); |
---|
| 233 | var title = [get_lang("First page"), get_lang("Prev page"), get_lang("Next page"), get_lang("Last page")]; |
---|
| 234 | $("#first_message_attacher_grid_pager").attr("title",title[0]); |
---|
| 235 | $("#prev_message_attacher_grid_pager").attr("title",title[1]); |
---|
| 236 | $("#next_message_attacher_grid_pager").attr("title",title[2]); |
---|
| 237 | $("#last_message_attacher_grid_pager").attr("title",title[3]); |
---|
[5263] | 238 | |
---|
[6558] | 239 | }, true); |
---|
[5263] | 240 | |
---|
| 241 | var $mailpreview_tabs = $( "#mailpreview_container").tabs({ |
---|
| 242 | tabTemplate: "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close'> Fechar </span></li>", |
---|
[5278] | 243 | panelTemplate: '<div class="message mailpreview-message"></div>', |
---|
[5263] | 244 | add: function( event, ui ) { |
---|
| 245 | $mailpreview_tabs.tabs('select', '#' + ui.panel.id); |
---|
[5846] | 246 | |
---|
[5263] | 247 | if ($('#mailpreview_tabs_default_empty').length && $mailpreview_tabs.tabs("length") > 1) { |
---|
| 248 | $mailpreview_tabs.tabs('remove', '#mailpreview_tabs_default_empty'); |
---|
| 249 | } |
---|
| 250 | }, |
---|
| 251 | remove: function(event, ui) { |
---|
| 252 | if (!$mailpreview_tabs.tabs("length") && !$('#mailpreview_tabs_default_empty').length) { |
---|
| 253 | /** |
---|
[5278] | 254 | * TODO: internacionalizar a string 'Nenhuma aba' |
---|
[5263] | 255 | */ |
---|
[5278] | 256 | $mailpreview_tabs.tabs('add', '#mailpreview_tabs_default_empty', 'Nenhuma aba') |
---|
| 257 | .find('#mailpreview_tabs_default_empty').removeClass('mailpreview-message').addClass('empty-container') |
---|
[5263] | 258 | .html('<span class="message">' + get_lang('select a message to preview') + '</span>').end() |
---|
| 259 | .find('.ui-tabs-nav li:first .ui-icon-close').remove(); |
---|
| 260 | } |
---|
| 261 | } |
---|
| 262 | }); |
---|
| 263 | |
---|
[5846] | 264 | $( "#mailpreview_container span.ui-icon-close" ).unbind("click"); |
---|
[5799] | 265 | $( "#mailpreview_container span.ui-icon-close" ).live( "click", function(e) { |
---|
[5263] | 266 | var index = $("li", $mailpreview_tabs).index($(this).parent()); |
---|
| 267 | $mailpreview_tabs.tabs("remove", index); |
---|
[5799] | 268 | e.stopImmediatePropagation(); |
---|
[5263] | 269 | }); |
---|
[5846] | 270 | |
---|
| 271 | if (!$mailpreview_tabs.tabs("length") && !$('#mailpreview_tabs_default_empty').length) { |
---|
| 272 | /** |
---|
| 273 | * TODO: internacionalizar a string 'Nenhuma aba' |
---|
| 274 | */ |
---|
| 275 | $mailpreview_tabs.tabs('add', '#mailpreview_tabs_default_empty', 'Nenhuma aba') |
---|
| 276 | .find('#mailpreview_tabs_default_empty').removeClass('mailpreview-message').addClass('empty-container') |
---|
| 277 | .html('<span class="message">' + get_lang('select a message to preview') + '</span>').end() |
---|
| 278 | .find('.ui-tabs-nav li:first .ui-icon-close').remove(); |
---|
| 279 | } |
---|