1 | |
---|
2 | bytes2Size = function(bytes) { |
---|
3 | var sizes = ['B', 'KB', 'MB', 'GB', 'TB']; |
---|
4 | if (bytes === 0) return 'n/a'; |
---|
5 | var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024))); |
---|
6 | var size = (i<2) ? Math.round((bytes / Math.pow(1024, i))) : Math.round((bytes / Math.pow(1024, i)) * 100)/100; |
---|
7 | return size + ' ' + sizes[i]; |
---|
8 | }; |
---|
9 | |
---|
10 | flags2Class = function(cellvalue) { |
---|
11 | var flags_enum = cellvalue.split(','); |
---|
12 | var classes = ''; |
---|
13 | for (var i=0; i<flags_enum.length; i++){ |
---|
14 | classes += '<span class="icon-'+flags_enum[i].toLowerCase()+'"> </span>'; |
---|
15 | } |
---|
16 | return classes; |
---|
17 | }; |
---|
18 | |
---|
19 | date2Time = function (timestamp) { |
---|
20 | var date = new Date(); |
---|
21 | if ((date.getTime() - timestamp) < (24*60*60*1000)) { |
---|
22 | return '<span class="timable" title="'+timestamp+'"> </span>'; |
---|
23 | } else { |
---|
24 | date = new Date(timestamp); |
---|
25 | var b = date.toISOString().split("T")[0].split("-"); |
---|
26 | var c = b[2] + "/" + b[1] + "/" + b[0]; |
---|
27 | return '<span class="datable">' + c + '</span>'; |
---|
28 | } |
---|
29 | }; |
---|
30 | |
---|
31 | unorphanize = function(root, element) { |
---|
32 | var ok = false; |
---|
33 | for (var i=0; i<root.length; i++) { |
---|
34 | if (root[i].id == element.parentFolder) { |
---|
35 | element.children = []; |
---|
36 | root[i].children.push(element); |
---|
37 | return true; |
---|
38 | } else if (ok = unorphanize(root[i].children, element)) { |
---|
39 | break; |
---|
40 | } |
---|
41 | } |
---|
42 | |
---|
43 | return ok; |
---|
44 | }; |
---|
45 | |
---|
46 | keys = function( object ){ |
---|
47 | |
---|
48 | var array = []; |
---|
49 | |
---|
50 | for( var key in object ) |
---|
51 | array[ array.length ] = key; |
---|
52 | |
---|
53 | return( array ); |
---|
54 | |
---|
55 | } |
---|
56 | |
---|
57 | showDetails = function( filter ){ |
---|
58 | |
---|
59 | form.get(0).reset(); |
---|
60 | |
---|
61 | nameObj.val( filter.name ); |
---|
62 | |
---|
63 | for( var i = 0; i < filter.criteria.length; i++ ){ |
---|
64 | |
---|
65 | criterias.filter( '[value="' + filter.criteria[i].field + '"]' ) |
---|
66 | .siblings( '[name="criteriaOperator[]"]' ).val( filter.criteria[i].operator ).end() |
---|
67 | .siblings( '[name="criteriaValue[]"]' ).val( filter.criteria[i].value ); |
---|
68 | |
---|
69 | } |
---|
70 | |
---|
71 | for( var i = 0; i < filter.actions.length; i++ ){ |
---|
72 | |
---|
73 | actions.filter( '[value="' + filter.actions[i].type + '"]' ).val( filter.actions[i].type ) |
---|
74 | .siblings( '[name="actionParameter[]"]' ).val( filter.actions[i].parameter ); |
---|
75 | |
---|
76 | } |
---|
77 | |
---|
78 | isExact.val( filter.isExact ? "and" : "or" ); |
---|
79 | } |
---|
80 | |
---|
81 | /* --- ------ --- */ |
---|
82 | |
---|
83 | DataLayer.codec( "filter", "detail", { |
---|
84 | |
---|
85 | decoder: function( form ){ |
---|
86 | |
---|
87 | if( form.vacation ) |
---|
88 | return { |
---|
89 | |
---|
90 | criteria: [{ value: "", operator: "*", field: "from" }], |
---|
91 | actions: [{ parameter: form.vacation, type: "replyto" }], |
---|
92 | id: "vacation", |
---|
93 | name: "vacation", |
---|
94 | isExact: false |
---|
95 | |
---|
96 | } |
---|
97 | |
---|
98 | return { |
---|
99 | id: form.name, |
---|
100 | name: form.name, |
---|
101 | isExact: ( form.isExact === "and" ), |
---|
102 | criteria: $.map( form.criteriaOperator || [], function( criteriaOperator, i ){ |
---|
103 | |
---|
104 | return (!form.criteriaValue[i]) ? null: |
---|
105 | |
---|
106 | {value: form.criteriaValue[i], |
---|
107 | operator: criteriaOperator, |
---|
108 | field: form.criteriaType[i]}; |
---|
109 | |
---|
110 | }), |
---|
111 | actions: $.map( form.actionType || [], function( type, i ){ |
---|
112 | |
---|
113 | return (!type) ? null: |
---|
114 | {parameter: form.actionParameter[i], type: type }; |
---|
115 | |
---|
116 | }), |
---|
117 | applyMessages: allMessages? !$.isEmptyObject( selectedMessages ) ? |
---|
118 | |
---|
119 | keys( selectedMessages ) : allMessages : "" |
---|
120 | }; |
---|
121 | |
---|
122 | // 'vacation' => "" |
---|
123 | }, |
---|
124 | |
---|
125 | encoder: function( filters ){ |
---|
126 | |
---|
127 | var rules = []; |
---|
128 | |
---|
129 | for( var id in filters ) |
---|
130 | rules[ rules.length ] = filters[id]; |
---|
131 | |
---|
132 | return { rules: rules }; |
---|
133 | |
---|
134 | } |
---|
135 | }); |
---|
136 | |
---|
137 | DataLayer.codec( "folder", "select", { |
---|
138 | |
---|
139 | decoder:function(){ |
---|
140 | |
---|
141 | |
---|
142 | |
---|
143 | }, |
---|
144 | encoder:function( data ){ |
---|
145 | |
---|
146 | var tree1 = [], tree2 = [], tree3 = []; |
---|
147 | |
---|
148 | for (var i=0; i<data.length; i++) { |
---|
149 | |
---|
150 | if (/^INBOX/.test(data[i].id)) { |
---|
151 | if (!unorphanize(tree1, data[i])) { |
---|
152 | data[i].children = []; |
---|
153 | tree1.push(data[i]); |
---|
154 | } |
---|
155 | } |
---|
156 | else if (/^user/.test(data[i].id)) { |
---|
157 | if (!unorphanize(tree2, data[i])) { |
---|
158 | data[i].children = []; |
---|
159 | tree2.push(data[i]); |
---|
160 | } |
---|
161 | } |
---|
162 | else if (/^local_messages/.test(data[i].id)) { |
---|
163 | if (!unorphanize(tree3, data[i])) { |
---|
164 | data[i].children = []; |
---|
165 | tree3.push(data[i]); |
---|
166 | } |
---|
167 | } |
---|
168 | |
---|
169 | } |
---|
170 | |
---|
171 | return {folders: [ tree1, tree2, tree3 ]}; |
---|
172 | |
---|
173 | } |
---|
174 | |
---|
175 | }); |
---|
176 | |
---|
177 | DataLayer.listen( "filter", function( status ){ |
---|
178 | |
---|
179 | DataLayer.render( BASE_PATH + 'modules/filters/filter-list.ejs', 'filter:detail', reraster ); |
---|
180 | |
---|
181 | }); |
---|
182 | |
---|
183 | |
---|
184 | |
---|
185 | var BASE_PATH = '../prototype/'; |
---|
186 | |
---|
187 | DataLayer.basePath = BASE_PATH + "REST.php?q="; |
---|
188 | DataLayer.dispatchPath = BASE_PATH; |
---|
189 | |
---|
190 | var selectedMessages = {}; |
---|
191 | var allMessages = false; |
---|
192 | |
---|
193 | var raster = function( html ){ |
---|
194 | |
---|
195 | container = $('body.expressomail-module-container').append( html ).find(".expresso-window-container"); |
---|
196 | list_container = container.find(".rule-list-container"); |
---|
197 | details_container = container.find(".rule-details-container"); |
---|
198 | vacation_container = container.find(".vacation-details-container"); |
---|
199 | form = container.find("form"); |
---|
200 | |
---|
201 | criterias = details_container.find( 'fieldset input[name="criteriaType[]"]' ); |
---|
202 | actions = details_container.find( 'fieldset input[name="actionType[]"]' ); |
---|
203 | nameObj = details_container.find( 'input[name="name"]' ); |
---|
204 | isExact = details_container.find( 'input[name="isExact"]' ); |
---|
205 | |
---|
206 | formatter(); |
---|
207 | |
---|
208 | container = container.dialog({ |
---|
209 | width:700, |
---|
210 | modal: true, |
---|
211 | closeOnEscape:true, |
---|
212 | close:function(event, ui) { |
---|
213 | event.stopPropagation(); |
---|
214 | list_container.removeClass('hidden'); |
---|
215 | details_container.addClass('hidden'); |
---|
216 | vacation_container.addClass('hidden'); |
---|
217 | }, |
---|
218 | open: function () { |
---|
219 | $(".ui-dialog .ui-dialog-titlebar") |
---|
220 | .append('<a href="#" class="ui-dialog-titlebar-minimize ui-corner-all" role="button"><span class="ui-icon ui-icon-minusthick">minimize</span></a>') |
---|
221 | .find('.ui-dialog-titlebar-minimize').click(function() { |
---|
222 | $(".ui-dialog-buttonpane, .ui-dialog-content").toggle(); |
---|
223 | $(".ui-icon-minusthick, .ui-icon-newwin").toggleClass('ui-icon-minusthick').toggleClass('ui-icon-newwin'); |
---|
224 | }); |
---|
225 | }, |
---|
226 | autoOpen: false |
---|
227 | }); |
---|
228 | |
---|
229 | details_container.accordion({autoHeight: false}); |
---|
230 | |
---|
231 | DataLayer.render( BASE_PATH + 'api/templates/folderselect.ejs', 'folder:select', function( html ){ |
---|
232 | details_container.find(".select-folderlist").append( html ); |
---|
233 | }); |
---|
234 | |
---|
235 | container.find(".button").button() |
---|
236 | |
---|
237 | .filter(".menu-filters > .button") |
---|
238 | |
---|
239 | .click(function(){ |
---|
240 | |
---|
241 | container.dialog( 'close' ); |
---|
242 | |
---|
243 | }) |
---|
244 | |
---|
245 | .filter(".cancel") |
---|
246 | |
---|
247 | .click(function(){ |
---|
248 | |
---|
249 | DataLayer.rollback( 'filter' ); |
---|
250 | return( false ); |
---|
251 | |
---|
252 | }) |
---|
253 | |
---|
254 | .end().filter(".submit") |
---|
255 | |
---|
256 | .click(function(){ |
---|
257 | |
---|
258 | DataLayer.commit( 'filter' ); |
---|
259 | return( false ); |
---|
260 | |
---|
261 | }); |
---|
262 | |
---|
263 | details_container.find( ".menu-container" ) |
---|
264 | |
---|
265 | .find(".button.cancel").click(function(event){ |
---|
266 | |
---|
267 | details_container.accordion('activate',0); |
---|
268 | |
---|
269 | showGridButton.removeClass('hidden'); |
---|
270 | grid.addClass('hidden').jqGrid('GridDestroy'); |
---|
271 | |
---|
272 | list_container.removeClass('hidden'); |
---|
273 | details_container.addClass('hidden'); |
---|
274 | |
---|
275 | return( false ); |
---|
276 | |
---|
277 | }).end() |
---|
278 | .find(".button.submit").click(function(event){ |
---|
279 | |
---|
280 | $(this).submit(); |
---|
281 | |
---|
282 | details_container.accordion('activate',0); |
---|
283 | |
---|
284 | showGridButton.removeClass('hidden'); |
---|
285 | grid.addClass('hidden').jqGrid('GridDestroy'); |
---|
286 | |
---|
287 | list_container.removeClass('hidden'); |
---|
288 | details_container.addClass('hidden'); |
---|
289 | |
---|
290 | return( false ); |
---|
291 | |
---|
292 | }).end() |
---|
293 | .find(".button.back").click(function(event){ |
---|
294 | |
---|
295 | details_container.accordion('activate',0); |
---|
296 | |
---|
297 | return( false ); |
---|
298 | |
---|
299 | }).end() |
---|
300 | .find(".button.forth").click(function(event){ |
---|
301 | |
---|
302 | details_container.accordion('activate',1); |
---|
303 | |
---|
304 | return( false ); |
---|
305 | |
---|
306 | }).end() |
---|
307 | |
---|
308 | //$( ".expresso-window-container .rule-details-container" ).accordion(); |
---|
309 | // var removeURL = new RegExp("^*.#"); |
---|
310 | |
---|
311 | // ------------------------------------------------------------ |
---|
312 | // ------------------------------------------------------------ |
---|
313 | |
---|
314 | //jqgrid |
---|
315 | .end().find(".fields-search-messages .button.search") |
---|
316 | |
---|
317 | .click(function(){ |
---|
318 | |
---|
319 | var rule = DataLayer.form( form ); |
---|
320 | |
---|
321 | showGridButton = $(this).parent(); |
---|
322 | |
---|
323 | var connect = rule.isExact ? "AND" : "OR"; |
---|
324 | |
---|
325 | var filter = $.map( rule.criteria, function( criteria, i ){ |
---|
326 | |
---|
327 | if( i === 0 ) |
---|
328 | return {"0": criteria.field, "1": criteria.operator, "2": criteria.value}; |
---|
329 | else |
---|
330 | return {"0": connect, "1": criteria.field, "2": criteria.operator, "3": criteria.value}; |
---|
331 | }); |
---|
332 | |
---|
333 | $.ajax( { |
---|
334 | url: DataLayer.basePath + 'folder/INBOX/message&' + $.param( {"filter": filter} ), |
---|
335 | |
---|
336 | dataType: 'json', |
---|
337 | |
---|
338 | success: function(data){ |
---|
339 | |
---|
340 | allMessages = data; |
---|
341 | |
---|
342 | grid = showGridButton.addClass('hidden') |
---|
343 | .siblings(".fields-search-messages-grid, .fields-search-messages-grid-pager") |
---|
344 | .removeClass('hidden').filter(".fields-search-messages-grid").jqGrid({ |
---|
345 | |
---|
346 | url: DataLayer.basePath + 'folder/INBOX/message&' + $.param( {"filter": [ "msgNumber", "IN", data ]} ), |
---|
347 | datatype: "json", |
---|
348 | mtype: 'GET', |
---|
349 | colNames:['#', ' ', 'De', 'Assunto', 'Data', 'Tamanho'], |
---|
350 | colModel:[ |
---|
351 | {name:'msg_number',index:'msg_number', width:45, hidden:true, sortable:false}, |
---|
352 | {name:'flags',index:'msg_number', width:40, sortable:false, formatter:flags2Class}, |
---|
353 | {name:'from.name',index:'msg_number', width:130, sortable:false}, |
---|
354 | {name:'subject',index:'subject', width:250, sortable:false}, |
---|
355 | {name:'timestamp',index:'timestamp', width:65, align:"center", sortable:false, formatter:date2Time}, |
---|
356 | {name:'size',index:'size', width:50, align:"right", sortable:false, formatter:bytes2Size} |
---|
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: '#fields-search-messages-grid-pager', |
---|
369 | sortname: 'id', |
---|
370 | viewrecords: true, |
---|
371 | sortorder: "desc", |
---|
372 | multiselect: true, |
---|
373 | autowidth: true, |
---|
374 | height:40, |
---|
375 | loadComplete: function(data) { |
---|
376 | // // aplica o contador |
---|
377 | // jQuery('.timable').each(function (i) { |
---|
378 | // jQuery(this).countdown({ |
---|
379 | // since: new Date(parseInt(this.title)), |
---|
380 | // significant: 1, |
---|
381 | // layout: 'há {d<}{dn} {dl} {d>}{h<}{hn} {hl} {h>}{m<}{mn} {ml} {m>}{s<}{sn} {sl}{s>}', |
---|
382 | // description: ' atrás' |
---|
383 | // }); |
---|
384 | // }); |
---|
385 | }, |
---|
386 | onSelectRow: function (id, selected) { |
---|
387 | |
---|
388 | if( selected ) |
---|
389 | selectedMessages[ id ] = true; |
---|
390 | else |
---|
391 | delete selectedMessages[ id ]; |
---|
392 | |
---|
393 | }, |
---|
394 | caption: 'Mensagens que atendem aos critérios' |
---|
395 | }); |
---|
396 | } |
---|
397 | } ); |
---|
398 | |
---|
399 | |
---|
400 | }); |
---|
401 | |
---|
402 | vacation_container.find( ".menu-container" ) |
---|
403 | .find(".button.back").click(function(event){ |
---|
404 | |
---|
405 | list_container.removeClass('hidden'); |
---|
406 | vacation_container.addClass('hidden'); |
---|
407 | |
---|
408 | return( false ); |
---|
409 | |
---|
410 | }).end() |
---|
411 | .find(".button.submit").click(function(event){ |
---|
412 | |
---|
413 | $(this).submit(); |
---|
414 | |
---|
415 | list_container.removeClass('hidden'); |
---|
416 | vacation_container.addClass('hidden'); |
---|
417 | return( false ); |
---|
418 | }); |
---|
419 | } |
---|
420 | |
---|
421 | var reraster = function( html ){ |
---|
422 | |
---|
423 | list_container.find( '.ui-widget' ).remove(); |
---|
424 | |
---|
425 | list_container.html( html ).find(".button").button(); |
---|
426 | |
---|
427 | formatter(); |
---|
428 | } |
---|
429 | |
---|
430 | var formatter = function(){ |
---|
431 | |
---|
432 | checkBoxes = container.find(".rule-list").selectable({ |
---|
433 | |
---|
434 | selecting: function(event, ui) { |
---|
435 | $(ui.selecting).find(':checkbox').attr('checked', true); |
---|
436 | }, |
---|
437 | unselecting: function(event, ui) { |
---|
438 | $(ui.unselecting).find(':checkbox').attr('checked', false); |
---|
439 | } |
---|
440 | }) |
---|
441 | .find(':checkbox').change(function () { |
---|
442 | |
---|
443 | // if ($(this).attr("checked")) |
---|
444 | // $(this).parents('.rule').addClass('ui-selected'); |
---|
445 | // else |
---|
446 | $(this).parents('.rule').toggleClass('ui-selected'); |
---|
447 | |
---|
448 | }); |
---|
449 | |
---|
450 | list_container.children() |
---|
451 | |
---|
452 | .filter( ".fields-add" ) |
---|
453 | |
---|
454 | .find(".button.add").click(function(){ |
---|
455 | |
---|
456 | list_container.addClass('hidden'); |
---|
457 | details_container.removeClass('hidden'); |
---|
458 | form.get(0).reset(); |
---|
459 | |
---|
460 | return( false ); |
---|
461 | }) |
---|
462 | .filter(".vacation").click(function(){ |
---|
463 | |
---|
464 | details_container.addClass('hidden'); |
---|
465 | vacation_container.removeClass('hidden'); |
---|
466 | form.get(0).reset(); |
---|
467 | |
---|
468 | return( false ); |
---|
469 | |
---|
470 | }).end().end() |
---|
471 | |
---|
472 | .end().filter( ".fields-selected-itens" ) |
---|
473 | |
---|
474 | .find(".button.enable").click(function(){ |
---|
475 | |
---|
476 | var values = []; |
---|
477 | |
---|
478 | checkBoxes.filter(':checked').parents(".rule-list").find('.title').each(function(){ |
---|
479 | |
---|
480 | values[ values.length ] = { id: this.innerHTML, enabled: true }; |
---|
481 | |
---|
482 | }); |
---|
483 | |
---|
484 | DataLayer.put( 'filter', values ); |
---|
485 | |
---|
486 | }).end() |
---|
487 | |
---|
488 | .find(".button.disable").click(function(){ |
---|
489 | |
---|
490 | var values = []; |
---|
491 | |
---|
492 | checkBoxes.filter(':checked').parents(".rule-list").find('.title').each(function(){ |
---|
493 | |
---|
494 | values[ values.length ] = { id: this.innerHTML, enabled: false }; |
---|
495 | |
---|
496 | }); |
---|
497 | |
---|
498 | DataLayer.put( 'filter', values ); |
---|
499 | |
---|
500 | }).end() |
---|
501 | |
---|
502 | .find(".button.delete").click(function(){ |
---|
503 | |
---|
504 | checkBoxes.filter(':checked').parents(".rule-list").find('.title').each(function(i, o){ |
---|
505 | |
---|
506 | DataLayer.remove( 'filter', o.html() ); |
---|
507 | |
---|
508 | }); |
---|
509 | |
---|
510 | }).end() |
---|
511 | |
---|
512 | |
---|
513 | .end().find( ".menu-control .button" ) |
---|
514 | |
---|
515 | .filter(".enable, .disable").click( function(event) { |
---|
516 | |
---|
517 | var id = $(this).parents("li.rule").find('.title').html(); |
---|
518 | |
---|
519 | DataLayer.put( 'filter', id, { enabled: !$(this).is('.enable') } ); |
---|
520 | }) |
---|
521 | |
---|
522 | .filter(".enable").button({ |
---|
523 | icons: { |
---|
524 | primary: "ui-icon-circle-check" |
---|
525 | }, |
---|
526 | text: false |
---|
527 | }).end() |
---|
528 | |
---|
529 | .filter(".disable").button({ |
---|
530 | icons: { |
---|
531 | primary: "ui-icon-circle-close" |
---|
532 | }, |
---|
533 | text: false |
---|
534 | }).end().end() |
---|
535 | |
---|
536 | .filter(".close").button({ |
---|
537 | icons: { |
---|
538 | primary: "ui-icon-close" |
---|
539 | }, |
---|
540 | text: false |
---|
541 | }).click( function(event) { |
---|
542 | $(event.target) |
---|
543 | .parents("li.rule").find('.title') |
---|
544 | .each( function(){ |
---|
545 | |
---|
546 | DataLayer.remove( 'filter', $(this).html() ); |
---|
547 | |
---|
548 | }).end().remove(); |
---|
549 | }).end() |
---|
550 | |
---|
551 | .filter(".update").click(function(event){ |
---|
552 | |
---|
553 | var id = ( event.target.href || event.target.parentNode.href ).replace( new RegExp("^.*#"), "" ); |
---|
554 | |
---|
555 | var data = DataLayer.get( 'filter', id ); |
---|
556 | |
---|
557 | if( id === "vacation" ) |
---|
558 | { |
---|
559 | $('[name="vacation"]').val( data.actions[0].parameter ); |
---|
560 | |
---|
561 | list_container.addClass('hidden'); |
---|
562 | vacation_container.removeClass('hidden'); |
---|
563 | return; |
---|
564 | } |
---|
565 | |
---|
566 | showDetails( data ); |
---|
567 | |
---|
568 | list_container.addClass('hidden'); |
---|
569 | details_container.removeClass('hidden'); |
---|
570 | }).end() |
---|
571 | |
---|
572 | .removeClass('ui-button-icon-only'); |
---|
573 | }; |
---|
574 | |
---|
575 | DataLayer.render( BASE_PATH + 'modules/filters/filters.ejs', 'filter:detail', raster, true ); |
---|
576 | // ------------------------------------------------------------ |
---|
577 | // ------------------------------------------------------------ |
---|