source: trunk/prototype/modules/mail/js/followupflag.js @ 5829

Revision 5829, 18.6 KB checked in by marcieli, 12 years ago (diff)

Ticket #2486 - Internacionalização na tela de acompanhamento e fechar tela ao sinalizar msg.
  • Property svn:executable set to *
Line 
1function updateCacheFollowupflag(msgNumber, msgFolder, op){
2        if(op){
3                if(typeof msgNumber == 'object'){
4                        var extend = DataLayer.get('followupflagged', {
5                                filter: ['AND', ['IN', 'messageNumber', msgNumber], ['IN', 'folderName', msgFolder]],
6                                criteria: {deepness: 1}
7                        }, true);
8                } else{
9                        var extend = DataLayer.get('followupflagged', {
10                                filter: ['AND', ['=', 'messageNumber', msgNumber], ['=', 'folderName', msgFolder]],
11                                criteria: {deepness: 1}
12                        }, true);
13                }
14
15               
16                if(extend != "" || extend != 'undefined' || extend != []){
17                        for(var i = 0; i < extend.length; i++){
18                                if(onceOpenedHeadersMessages[extend[i].folderName]){
19                                        if(onceOpenedHeadersMessages[extend[i].folderName][extend[i].messageNumber]){
20                                                onceOpenedHeadersMessages[extend[i].folderName][extend[i].messageNumber]['followupflagged'] = {};
21                                                DataLayer.merge(onceOpenedHeadersMessages[extend[i].folderName][extend[i].messageNumber]['followupflagged'], extend[i]);
22                                        }
23                                }
24
25                        }
26                }
27        }else{
28                onceOpenedHeadersMessages[msgFolder][msgNumber]['followupflagged'] = undefined;
29        }
30}
31
32function init_followup(data){
33
34        winElement = data.window;
35        selectedMessageIds = data.selectedMessages;
36        folder = current_folder;
37
38        /**
39         * Implementação do widget de input-combobox
40         */
41 
42        (function( $ ) {
43                $.widget( "ui.combobox", {
44                        _create: function() {
45                                var self = this,
46                                        select = this.element.hide(),
47                                        selected = select.children( ":selected" ),
48                                        value = selected.val() ? selected.text() : "";
49                                var input = this.input = $( "<input>" )
50                                        .insertAfter( select )
51                                        .val( value )
52                                        .autocomplete({
53                                                delay: 0,
54                                                minLength: 0,
55                                                source: function( request, response ) {
56                                                        var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
57                                                        response( select.children( "option" ).map(function() {
58                                                                var text = $( this ).text();
59                                                                if ( this.value && ( !request.term || matcher.test(text) ) )
60                                                                        return {
61                                                                                label: text.replace(
62                                                                                        new RegExp(
63                                                                                                "(?![^&;]+;)(?!<[^<>]*)(" +
64                                                                                                $.ui.autocomplete.escapeRegex(request.term) +
65                                                                                                ")(?![^<>]*>)(?![^&;]+;)", "gi"
66                                                                                        ), "<strong>$1</strong>" ),
67                                                                                value: text,
68                                                                                option: this
69                                                                        };
70                                                        }) );
71                                                },
72                                                select: function( event, ui ) {
73                                                        ui.item.option.selected = true;
74                                                        self._trigger( "selected", event, {
75                                                                item: ui.item.option
76                                                        });
77                                                },
78                                                change: function( event, ui ) {
79                                                        if ( !ui.item ) {
80                                                                var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( $(this).val() ) + "$", "i" ),
81                                                                        valid = false;
82                                                                select.children( "option" ).each(function() {
83                                                                        if ( $( this ).text().match( matcher ) ) {
84                                                                                this.selected = valid = true;
85                                                                                return false;
86                                                                        }
87                                                                });
88                                                                /*
89                                                                if ( !valid ) {
90                                                                        // remove invalid value, as it didn't match anything
91                                                                        $( this ).val( "" );
92                                                                        select.val( "" );
93                                                                        input.data( "autocomplete" ).term = "";
94                                                                        return false;
95                                                                }
96                                                                */
97                                                                if ( !valid ) {
98                                                                        if(select.has('option[value="custom"]').length > 0) {
99                                                                                select.find('option:last').val('custom').html($(this).val()).attr('selected', 'selected');
100                                                                        } else {
101                                                                                select.append(select.find('option:last').clone().val('custom').html($(this).val()));
102                                                                                select.find('option[value="custom"]').attr('selected', 'selected');
103                                                                        }
104                                                                }
105                                                        }
106                                                }
107                                        })
108                                        .addClass( "ui-widget ui-widget-content ui-corner-left" );
109
110                                input.data( "autocomplete" )._renderItem = function( ul, item ) {
111                                        return $( "<li></li>" )
112                                                .data( "item.autocomplete", item )
113                                                .append( "<a>" + item.label + "</a>" )
114                                                .appendTo( ul );
115                                };
116
117                                this.button = $( "<button type='button'>&nbsp;</button>" )
118                                        .attr( "tabIndex", -1 )
119                                        .attr( "title", "Show All Items" )
120                                        .insertAfter( input )
121                                        .button({
122                                                icons: {
123                                                        primary: "ui-icon-triangle-1-s"
124                                                },
125                                                text: false
126                                        })
127                                        .removeClass( "ui-corner-all" )
128                                        .addClass( "ui-corner-right ui-button-icon" )
129                                        .click(function() {
130                                                // close if already visible
131                                                if ( input.autocomplete( "widget" ).is( ":visible" ) ) {
132                                                        input.autocomplete( "close" );
133                                                        return;
134                                                }
135
136                                                // work around a bug (likely same cause as #5265)
137                                                $( this ).blur();
138
139                                                // pass empty string as value to search for, displaying all results
140                                                input.autocomplete( "search", "" );
141                                                input.focus();
142                                        });
143                        },
144
145                        destroy: function() {
146                                this.input.remove();
147                                this.button.remove();
148                                this.element.show();
149                                $.Widget.prototype.destroy.call( this );
150                        }
151                });
152        })( jQuery );
153        /**
154         * #END: Implementação do widget de input-combobox
155         */
156
157        winElement.find('.button').button()
158        .filter('.menu-configure-followupflag .cancel').click(function(){
159                winElement.dialog("close");
160        }).end()
161       
162        .filter('.menu-configure-followupflag .save').click(function(){
163        var saveFollowupflagged = function(){
164                var idFollowupflagged = winElement.find('[name="followupflagId"]').val();
165                        idFollowupflagged = idFollowupflagged.split(',');
166                        for(x=0; x<idFollowupflagged.length; x++){
167                                (idFollowupflagged[x] == "false") ? idFollowupflagged[x] = false : idFollowupflagged;
168                        }
169                for(i=0; i<selectedMessageIds.length; i++){
170                                var isDone = winElement.find('[name="done"]').is(':checked') ? 1 : 0;
171                                var alarmDate = false;
172                                var doneDate  = false;
173                                var folder_name;
174                                var folders = [];
175                                var messages = [];
176                                var roles = get_selected_messages_search_role().split(',');
177                                for (var i=0; i < selectedMessageIds.length; i++ ){
178                                        if (currentTab == 0) {
179                                                folder_name = current_folder;
180                                                var messageNumber = selectedMessageIds[i];
181                                        }else{
182                                                var tr = $('[role="'+roles[i]+'"]');
183                                                folder_name = $(tr).attr('name');
184                                                var id = $(tr).attr('id');
185                                                var messageNumber = id.replace(/_[a-zA-Z0-9]+/,"");
186                                        }
187                                        folders.push(folder_name);
188                                       
189                                                var followupflagged = DataLayer.merge({
190                                                        uid : User.me.id,
191                                                        followupflagId : followupflagId,
192                                                        folderName : folder_name,
193                                                        messageNumber : messageNumber,
194                                                        isDone: isDone,
195                                                        backgroundColor : backgroundColor
196                                                }, !!idFollowupflagged[i] ? {id: idFollowupflagged[i]} : {});
197                                       
198                                        if (alarmDate = winElement.find('[name="alarmDate"]').datepicker("getDate")) {
199                                                if (alarmTime = winElement.find('[name="alarmTime"]').datepicker("getDate")) {
200                                                        alarmDate.set({hour:alarmTime.getHours(), minute:alarmTime.getMinutes()});
201                                                }
202                                                followupflagged.alarmDeadline = alarmDate.toString('yyyy-MM-dd HH:mm:ss');
203                                        }
204
205                                        if (doneDate = winElement.find('[name="doneDate"]').datepicker("getDate")) {
206                                                if (doneTime = winElement.find('[name="doneTime"]').datepicker("getDate")) {
207                                                        doneDate.set({hour:doneTime.getHours(), minute:doneTime.getMinutes()});
208                                                }
209                                                followupflagged.doneDeadline = doneDate.toString('yyyy-MM-dd HH:mm:ss');
210                                        }
211                                       
212                                        /**
213                                         * Aplica o ícone correspondente na lista de mensagens do expressoMail
214                                         */
215                                        if(current_folder == folder_name){
216                                                var flagged = $('#td_message_followup_' + messageNumber + ', tr[role="'+messageNumber+'_'+folder_name+'"] #td_message_followup_search_' + messageNumber).find(".flag-edited");
217                                        } else{
218                                                var flagged = $('tr[role="'+messageNumber+'_'+folder_name+'"] #td_message_followup_search_' + messageNumber).find(".flag-edited");
219                                        }
220                                        if(isDone){
221                                                flagged.find("img").attr("src", "../prototype/modules/mail/img/flagChecked.png").css("margin-left","-3px");
222                                        }else{
223                                                flagged.find("img").attr("src", "../prototype/modules/mail/img/flagEditor.png").css("margin-left","0");                 
224                                        }
225                                       
226                                        var followupflagName = winElement.find('[name="name"] option:selected').text();
227                                        if(current_folder == folder_name){
228                                                $('#td_message_followup_' + messageNumber + ', ' +
229                                                'tr[role="'+messageNumber+'_'+folder_name+'"] #td_message_followup_search_' + messageNumber).find(".flag-edited").css("background", backgroundColor).attr('title', followupflagName);
230                                        }else{
231                                                $('tr[role="'+messageNumber+'_'+folder_name+'"] #td_message_followup_search_' + messageNumber).find(".flag-edited").css("background", backgroundColor).attr('title', followupflagName);
232                                        } 
233                                        /**
234                                         * Salva ou, caso já exista, atualiza
235                                         */
236                                        DataLayer.put('followupflagged', followupflagged);
237                                }
238                               
239                                DataLayer.commit(false, false, function(data){
240                                        followupflags = DataLayer.get('followupflagged',{criteria:{order: 'id'}}, true);               
241                                        var id = followupflags[followupflags.length - 1].id;
242                                        winElement.find('[name="followupflagId"]').val(id);
243                                        winElement.find('.menu-configure-followupflag .delete').button("option", "disabled", false);
244                                        updateCacheFollowupflag(selectedMessageIds, folders, true);
245                                        winElement.dialog("close");
246                                });
247                                winElement.find('.menu-configure-followupflag .save').button("option", "disabled", true);
248                               
249               
250                }
251    }
252                var backgroundColor = winElement.find('[name="backgroundColor"]').val();
253                var followupflagId  = winElement.find('[name="name"] option:selected').val();
254                if (followupflagId == 'custom') {
255                        DataLayer.put('followupflag', {name:winElement.find('[name="name"] option:selected').text(), uid:User.me.id});
256                        DataLayer.commit(false, false, function(data){
257                                DataLayer.remove('followupflag', false);
258                                DataLayer.get('followupflag');         
259                                followupflags = DataLayer.get('followupflag',{criteria:{order: 'id'}}, true);           
260                                followupflagId = followupflags[followupflags.length - 1].id;
261                                winElement.find('[name="name"] option[value="custom"]').val(followupflagId);
262                                saveFollowupflagged();
263                        });
264                }else{
265                        saveFollowupflagged();
266                }       
267
268        }).end()
269       
270        .filter('.menu-configure-followupflag .delete').click(function(){
271                if (selectedMessageIds.length == 0) $(this).button("option", "disabled", true);
272                /** TODO Mudar quando melhorias forem implementadas na API de atualização do cache */
273                DataLayer.remove('followupflagged', false);
274                DataLayer.get('followupflagged');
275                var roles = get_selected_messages_search_role().split(',');
276                for (var i=0; i < selectedMessageIds.length; i++ ){
277                                if (currentTab == 0) {
278                                        folder_name = current_folder;
279                                        var messageNumber = selectedMessageIds[i];
280                                }else{
281                                        var tr = $('[role="'+roles[i]+'"]');
282                                        folder_name = $(tr).attr('name');
283                                        var id = $(tr).attr('id');
284                                        var messageNumber = id.replace(/_[a-zA-Z0-9]+/,"");
285                                }
286                        if(onceOpenedHeadersMessages[folder_name][messageNumber]['followupflagged']){
287                                if(onceOpenedHeadersMessages[folder_name][messageNumber]['followupflagged'].id){
288                                        var flag_id = onceOpenedHeadersMessages[folder_name][messageNumber]['followupflagged'].id;
289                                        DataLayer.remove('followupflagged', flag_id );
290                                        /**
291                                         * TODO - corrigir o formato do ID no DataLayer, para que seja utilizado o ID composto
292                                         * ao invés do ID do PostgreSQL atualmente em uso.
293                                         */
294                                         
295                                        /**
296                                         * # hack necessário enquanto o DataLayer não reconhece o ID composto. Trocar o
297                                         * código abaixo pela chamada trivial de DataLayer.remove('followupflagged', idCompost)
298                                         */
299                                        // var data = {};
300                                        // data[ 'followupflagged://' + folder_name + '/' + messageNumber + '#' + flag_id ] = false;
301                                        // DataLayer.dispatch('Sync', data, false, true);
302                                       
303                                        if(current_folder == folder_name){
304                                                $('#td_message_followup_' + messageNumber + ', ' +
305                                                  'tr[role="'+messageNumber+'_'+folder_name+'"] #td_message_followup_search_' + messageNumber).find(".flag-edited").css("background", '#CCC').attr('title', '');;
306                                                $('#td_message_followup_' + messageNumber + ', ' +
307                                                        'tr[role="'+messageNumber+'_'+folder_name+'"] #td_message_followup_search_' + messageNumber).find(".flag-edited")
308                                                        .find("img").attr("src", "../prototype/modules/mail/img/flagEditor.png").css("margin-left","0");
309                                        }else{
310                                                $('tr[role="'+messageNumber+'_'+folder_name+'"] #td_message_followup_search_' + messageNumber).find(".flag-edited").css("background", '#CCC').attr('title', '');;
311                                                $('tr[role="'+messageNumber+'_'+folder_name+'"] #td_message_followup_search_' + messageNumber).find(".flag-edited")
312                                                        .find("img").attr("src", "../prototype/modules/mail/img/flagEditor.png").css("margin-left","0");
313                                        }
314                                        updateCacheFollowupflag(messageNumber, folder_name, false);
315                                }
316                        }
317                }
318                DataLayer.commit(false, false, function(){
319                        winElement.dialog("close");
320                });
321               
322        });
323       
324        /**
325         * Se houver mudança, habilita o botão "Save"
326         */
327        winElement.find(':input').change(function(event){
328                if (event.keyCode != '27' && event.keyCode != '13')
329                        winElement.find('.menu-configure-followupflag .save').button("option", "disabled", false);
330        }).keydown(function(event){
331                if (event.keyCode != '27' && event.keyCode != '13')
332                        winElement.find('.menu-configure-followupflag .save').button("option", "disabled", false);
333        });
334       
335        winElement.find('.date').datepicker();
336        winElement.find('.time').timepicker({});
337        winElement.find('[name="name"]').combobox();
338        winElement.find('.ui-corner-right.ui-button-icon').attr('title', get_lang('Show All Items'));
339
340        winElement.find('[name="alarmDate"],[name="alarmTime"]').attr("disabled","disabled");
341       
342        winElement.find('[name="alarm"]').click(function(){
343                if($(this).is(":checked")){
344                        winElement.find('[name="alarmDate"],[name="alarmTime"]').removeAttr("disabled");                       
345                }else{
346                        winElement.find('[name="alarmDate"],[name="alarmTime"]').attr("disabled","disabled");
347                }
348        });
349        if(winElement.find('[name="alarm"]').is(":checked")){
350                winElement.find('[name="alarmDate"],[name="alarmTime"]').removeAttr("disabled");
351        }
352        winElement.find('[name="done"]').click(function(){
353                if($(this).is(":checked")){
354                        winElement.find(".input-done input").attr("disabled","disabled");
355                }else{
356                        winElement.find(".input-done input").removeAttr("disabled");
357                }
358        });
359
360
361        winElement.find(".followupflag-color-fields").hide();
362        winElement.find(".followupflag-color.sample-list .sample-item").click(function(){
363                winElement.find('.menu-configure-followupflag .save').button("enable");
364                winElement.find(".followupflag-color.sample-list .sample-item").removeClass("selected");
365                $(this).addClass("selected");
366                var color = $(this).attr('alt');
367                winElement.find('[name="backgroundColor"]').css('background-color', color).val(color)
368        });
369       
370        winElement.find(".followupflag-color.sample-list .sample-item.selected").trigger('click');
371                               
372        winElement.find('[name="setColor"]').change(function(){
373                if(winElement.find('[name="setColor"]').val() == "default"){
374                        winElement.find(".followupflag-color.sample-list").show("fast");
375                        winElement.find(".followupflag-color-fields").hide();
376                        winElement.find(".followupflag-color.sample-list .sample-item.selected").trigger('click');
377                } else if(winElement.find('[name="setColor"]').val() == "custom"){     
378                        winElement.find(".followupflag-color-fields").show("fast");
379                        winElement.find(".followupflag-color.sample-list").hide();
380                        winElement.find(".colorwell").focus();
381                }               
382        });
383       
384        if(winElement.find('[name="setColor"] option:selected').val() == "custom"){
385                winElement.find('[name="setColor"]').trigger("change");
386        }
387
388        var colorpickerPreviewChange = function(color) {
389                winElement.find('.menu-configure-followupflag .save').button("enable");
390                winElement.find('.colorwell-selected').val(color).css('background-color', color);
391                winElement.find('.flag-color-preview').css('background',color);
392        }
393
394        var f = $.farbtastic(winElement.find('.colorpicker'), colorpickerPreviewChange);
395        var selected;                                   
396        winElement.find('.colorwell').each(function () {
397                f.linkTo(this);
398        }).focus(function() {
399                if (selected) {
400                        $(selected).removeClass('colorwell-selected');
401                }
402                $(selected = this).addClass('colorwell-selected');
403                f.linkTo(this, colorpickerPreviewChange);
404                f.linkTo(colorpickerPreviewChange);
405               
406        });
407        if(winElement.find('[name="setColor"] option:selected').val() == "custom"){
408                winElement.find(".colorwell").focus();
409        }
410
411}
412
413
414/**
415 * constrói as duas possíveis janela de alerta, utilizando o mesmo template
416 */
417
418$('#main_table').ready(function(){
419        var toIterate = [
420                {
421                        attrDeadline: 'doneDeadline',
422                        caption: {singular:'You have one undone message today:', plural:"You have %1 undone messages today:"},
423                        onOk: function(event){
424                                if($(event.target).parents('.doneDeadline').find('[name="stopAlert"]').is(':checked')){
425                                        $.cookie("fadeCompleted", (new Date).toString("dd/MM/yyyy"), { expires: 1 });
426                                }
427                        },
428                        enable: ($.cookie("fadeCompleted") != (new Date).toString("dd/MM/yyyy"))
429                },
430                {
431                        attrDeadline: 'alarmDeadline',
432                        caption: {singular:'You have a follow up due for today:', plural:'You have %1 follow ups due for today:'},
433                        onOk: function(event){
434                                if($(event.target).parents('.alarmDeadline').find('[name="stopAlert"]').is(':checked')){
435                                        $.cookie("fadeAlarm", (new Date).toString("dd/MM/yyyy"), { expires: 1 });
436                                }
437                        },
438                        enable: ($.cookie("fadeAlarm") != (new Date).toString("dd/MM/yyyy"))
439                }
440        ];
441var i = 0;
442        while (it = toIterate.pop()){
443                if (!it.enable) continue;
444
445                var alarmInRange = DataLayer.get('followupflagged', {filter: ['AND', ['>', it.attrDeadline, (new Date()).set({hour:0, minute:0, second:0}).toString('yyyy-MM-dd 00:00:00')], ['<', it.attrDeadline, (new Date()).set({hour:0, minute:0, second:0}).addHours(24).toString('yyyy-MM-dd 00:00:00')]], criteria: {deepness: 1}});
446                if(alarmInRange.length > 0){
447                        for(var i=0; i<alarmInRange.length; i++){
448                                var date = Date.parseExact(alarmInRange[i][it.attrDeadline], 'yyyy-MM-dd HH:mm:ss');
449                                alarmInRange[i][it.attrDeadline] = date.toString('HH:mm');
450                        }
451                        var caption = (alarmInRange.length == 1) ?
452                                get_lang(it.caption.singular):
453                                get_lang(it.caption.plural, alarmInRange.length);
454                               
455                        var data = {alarmInRange : alarmInRange, caption: caption, it : it};
456                        var dialogText = DataLayer.render("../prototype/modules/mail/templates/followupflag_alarm_list.ejs", data);
457                       
458                        /**
459                         * A última dialog criada é a dialog mais ao alto
460                         */
461                        var offsetHeight = $('.ZebraDialog.right-bottom:last').length ?
462                                $(window).height() - $('.ZebraDialog.right-bottom:last').position().top : 0;
463
464                        /**
465                         * Se for a primeira, desloca para cima do rodapé do grid
466                         * caso contrário desloca para um pouco acima da última dialog criada
467                         */
468                        offsetHeight = !offsetHeight ? 35 : offsetHeight + 20 ;
469                       
470                        var dialog = new $.Zebra_Dialog(dialogText, {
471                                'buttons':  ['Ok'],
472                                'modal': false,
473                                'vcenter_short_message': false,
474                                'position': ['right - 20', 'bottom - ' + offsetHeight.toString() ],
475                                'custom_class': 'right-bottom followupflag-alarm '+it.attrDeadline,
476                        }).dialog;
477                       
478                        $(".ZebraDialog.followupflag-alarm .ZebraDialog_Button0").click(it.onOk);
479                       
480                        $(".ZebraDialog.followupflag-alarm .display-options .more").click(function(event) {
481                                $(event.target).parents('.followupflag-alarm').find('.message-list').css('height', 'auto');
482                        });
483                       
484                }               
485        }
486});
Note: See TracBrowser for help on using the repository browser.