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