source: trunk/prototype/modules/mail/js/label.js @ 7635

Revision 7635, 19.0 KB checked in by acoutinho, 11 years ago (diff)

Ticket #3227 - Alertas (amarelos) do Expresso travam operacees do usuario

  • Property svn:executable set to *
Line 
1function msgCallback(msg){
2        switch(msg){
3                case '#LabelNameError':
4                        alert('Já existe um marcador com esse nome.');
5                        break;
6                case '#LabelSlotError':
7                        alert('Atingido limite de marcadores criados.');
8                        break; 
9                default:
10                        alert('Ocorreu um erro ao salvar o Marcador');
11        }
12}
13function configureLabel(event, ui){
14        var idmarkernow = $(this).find('[name="labelItemId"]').val();
15        winElement.find('.edit-label').val(idmarkernow);
16        winElement.find('.input-nome').val($(this).find("span").text());
17       
18        var colorpicker = winElement.find('.lebals-colorpicker');
19        colorpicker.find('input[name="backgroundColor"]').val(rgb2hex($(this).css("backgroundColor")))
20        .css("background-color", $(this).css("backgroundColor")).focus().end()
21        .find('input[name="fontColor"]').val(rgb2hex($(this).css("color"))).css("background-color", $(this).css("color")).focus().end()
22        .find('input[name="borderColor"]').val(rgb2hex($(this).css("border-left-color"))).css("background-color", $(this).css("border-left-color")).focus().end()
23        .find('.preview-label-outer').css({
24                'background-color':$(this).css("backgroundColor"),
25                'color':$(this).css("color"),
26                'border-color':$(this).css("border-left-color")
27        })             
28        winElement.find(".preview-label-inner").text($(this).text());
29}
30
31function editLabel(data){       
32        var conteudoSpan = $(this).parent().find(".text-list").text();
33        var span = $(this).parent().find(".text-list");
34        $(this).parent().trigger('click').unbind('click', configureLabel).find("span.text-list")
35        .html('<input name="edit-value-list" class="edit-value-list" type="text" maxlength="18" value="'+conteudoSpan+'">').find("input[name='edit-value-list']").keydown(function(event){
36                event.stopPropagation();
37                $("input.edit-value-list").keyup(function () {
38                        var value = $(this).val();
39                        winElement.find('.input-nome').val(value);
40                }).keyup();
41                if(event.keyCode == 13){
42                        event.preventDefault();
43                        var nameLabel = $(".label-list").find(".edit-value-list").val();
44                        $(span).html(conteudoSpan)
45                        .parent().find('.edit').css("display","").parents("li").click(configureLabel);
46                        save_editLabel(nameLabel, data.applyToSelectedMessages);
47                }else if( event.keyCode == 27){
48                        $(this).trigger("focusout");
49                }
50        }).focusout(function(){
51                $(span).html(conteudoSpan)
52                .parent().find('.edit').css("display","").parents("li").click(configureLabel);
53        }).focus();
54        $(this).hide();
55}
56
57function deleteLabel(event){
58        var id = $(this).parents(".label-item").attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/)[1];
59        var nameLabel = winElement.find(".input-nome").val();
60        confirmDelete(id, nameLabel);
61        event.stopImmediatePropagation();
62}
63
64function colors_suggestions(){
65        return [
66                                {name:'Padrão', border:'#3366cc', font:'#ffffff', background:'#3366cc'},
67                                {name:'Coala', border:'#123456', font:'#ffffff', background:'#385c80'},
68                                {name:'Tomate', border:'#d5130b', font:'#111111', background:'#e36d76'},
69                                {name:'Limão', border:'#32ed21', font:'#1f3f1c', background:'#b2f1ac'},
70                                {name:'Alto contraste', border:'#000000', font:'#ffffff', background:'#222222'}
71                        ]               
72}
73
74function rgb2hex(rgb){ 
75        if(!!(rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/))){
76                return "#" +
77                ("0" + parseInt(rgb[1],10).toString(16)).slice(-2) +
78                ("0" + parseInt(rgb[2],10).toString(16)).slice(-2) +
79                ("0" + parseInt(rgb[3],10).toString(16)).slice(-2);
80        }else{
81                return rgb;
82        }
83}
84
85function updateMessageLabels(msgsReference){
86        for(var i = 0; i < msgsReference.length; i++){
87                updateLabelsColumn({msg_number: msgsReference[i].messageNumber, boxname: msgsReference[i].folderName});
88        }       
89}
90
91function confirmDelete(id,nameLabel){
92        $.Zebra_Dialog('Deseja excluir esse marcador <strong>'+nameLabel+'</strong> das conversas que está relacionado e excluí-lo sem remover as conversas?', {
93                'type':     'question',
94                'custom_class': (is_ie ? 'configure-zebra-dialog custom-zebra-filter' : 'custom-zebra-filter'),
95                'title':    'Atenção',
96                'buttons': ['Sim','Não'],               
97                'overlay_opacity': '0.5',
98                'onClose':  function(caption) {
99                        if(caption == 'Sim'){
100                                delete_label(id);
101                        }
102                }
103        });     
104        if(is_ie)
105                $(".ZebraDialogOverlay").css("z-index","1006");
106}               
107       
108function save_editLabel(nameLabel, apply){     
109
110        var lengthSpace = $.trim(nameLabel);
111       
112        if( lengthSpace.length >= 2){   
113                var qtdLi = $(".label-list-container ul").find("li").not(".empty-item").length;
114                // salvar marcador
115                if(qtdLi > 0 ){
116                        $(".save-label").button("disable");
117                        var labelEdited = {
118                                id : winElement.find(".edit-label").val(),
119                                uid: User.me.id,
120                                name : winElement.find('.input-nome').val().trim(),
121                                backgroundColor : winElement.find("input[name='backgroundColor']").val(),
122                                fontColor : winElement.find("input[name='fontColor']").val(),
123                                borderColor : winElement.find("input[name='borderColor']").val()
124                        }
125                        DataLayer.put('label', labelEdited.id, labelEdited);
126                        DataLayer.commit(false, false, function(data){
127                                var hasLabel = true;
128                                $.each(data, function(index, value) {
129                                       
130                                        hasLabel = typeof value == 'object' ? false : value;
131                                       
132                                });
133                                       
134                                        if(!hasLabel){
135                                                $(".label-list-container .label-list li").each(function(){
136                                                        var regex_match_2 = $(this).attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/);
137                                                       
138                                                         if(regex_match_2 && regex_match_2[1] && regex_match_2[1] == labelEdited.id){
139                                                           $(this).html("<input type='hidden' name='labelItemId' class='id-item-list' value='"+labelEdited.id+"'>"+"<span class='text-list'>"+labelEdited.name+"</span><div class='button close tiny' style='float: right'></div><div class='button edit tiny' style='float: right'></div>").css({
140                                                                "background" : labelEdited.backgroundColor,
141                                                                "color" : labelEdited.fontColor,
142                                                                "border-color" : labelEdited.borderColor       
143                                                           });
144                                                           $(this).trigger('click');
145                                                         }     
146                                                });
147                                               
148                                                $("#MyMarckersList .label-list li").each(function(){
149                                                        var regex_match_2 = $(this).attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/);
150                                                       
151                                                        if(regex_match_2 && regex_match_2[1] && regex_match_2[1] == labelEdited.id){
152                                                                $(this).html("<input type='hidden' name='labelItemId' class='id-item-list' value='"+labelEdited.id+"'>"+"<span>"+labelEdited.name+"</span>");
153                                                                $(this).find(".square-color").css('background', labelEdited.backgroundColor);
154                                                        }       
155                                                });
156                                       
157                                                winElement.find(".insert-label").val("");
158                                                $.Watermark.ShowAll();
159                                               
160                                                $(".label-list-container .label-list li").find('.button').button()
161                                                        .filter('.edit').button({icons:{primary:'ui-icon-pencil'}, text:false}).end()
162                                                        .filter('.close').button({icons:{primary:'ui-icon-close'}, text:false});
163                                                       
164                                                winElement.find('.edit').unbind("click").click(editLabel);                             
165                                                winElement.find('.close').click(deleteLabel);
166                                               
167                                                draw_tree_labels();
168                                                var msgsReference = DataLayer.get('labeled', {filter: ['=', 'labelId', ''+labelEdited.id]}, true);
169                                                updateMessageLabels(msgsReference);
170                               
171                                                /**
172                                                * Atualiza menu remove o menu presente em cada mensagem listada em uma pasta
173                                                * e carrega novamente para que os dados sejam atualizados
174                                                */
175                                                $.contextMenu( 'destroy', ".table_box tbody tr");
176                                                loadMenu();
177                                        }else{
178                                                msgCallback(hasLabel);
179                                        }
180                                       
181                                        $(".add-label-button").empty()
182                                        .addClass("ui-icon ui-icon-plus");
183                                        //winElement.find('.input-nome').val("").focus;
184                        });
185                // criar marcador
186                } else {
187                        var nameLabel = winElement.find(".input-nome").val();
188                        new_label(nameLabel, false, apply);                             
189                        $.Watermark.ShowAll();         
190                        $(".save-label").button("disable");     
191                }
192                //$(".label-list-container .label-list").find(".label-item-"+labelEdited.id).trigger("click");
193        } else {
194                alert("Mínimo 2 caracteres");
195        }       
196}
197
198function delete_label(id){
199        $(".label-list li").each(function () {
200                var regex_match = $(this).attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/);
201                if (regex_match && regex_match[1] && regex_match[1] == id) {   
202                        $(this).remove();
203                }
204        });
205       
206        var msgsReference = DataLayer.get('labeled', {filter: ['=', 'labelId', ''+id]}, true);
207               
208        DataLayer.remove('label', id);
209
210        DataLayer.commit(false, false, function(data){
211                $.contextMenu( 'destroy', ".table_box tbody tr");
212                loadMenu();
213                updateMessageLabels(msgsReference);     
214        });
215        winElement.find(".label-list li:first").trigger("click");
216       
217        if($(".label-list li").length == 0){
218                winElement.find(".label-list-container").html('<ul class="label-list"><li class="empty-item">'+get_lang("No labels found.")+'.</li></ul>');
219                $(".save-label").button("disable");     
220        }
221        var qtdLi = $(".label-list-container ul").find("li").not(".empty-item").length;
222        if (qtdLi == 0){
223                $(".my-labels").hide();
224                $(".label-list-container ul").find(".empty-item").css("display","");
225                winElement.find(".buttons .save-label .ui-button-text").text('Criar');
226                $(".delete-label").button("disable");   
227                $(".save-label").button("disable");     
228                               
229                winElement.find('.input-nome').val("");
230                winElement.find(".preview-label-inner").text("");
231       
232                var colorpicker = winElement.find('.lebals-colorpicker');
233                colorpicker.find('input[name="backgroundColor"]').val("#ebebeb")
234                .css("background-color", "#ebebeb").focus().end()
235                .find('input[name="fontColor"]').val("#000000").css("background-color", "#000000").focus().end()
236                .find('input[name="borderColor"]').val("#000000").css("background-color", "#000000").focus().end()
237                .find('.preview-label-outer').css({
238                        'background-color':"#ebebeb",
239                        'color':"#000000",
240                        'border-color':"#000000"
241                });
242                $(".input-nome").keyup(function () {
243                        var value = $(this).val();
244                        winElement.find('.preview-label-inner').text(value);
245                }).keyup();                             
246        }       
247}
248
249function new_label(nameLabel, isNew, apply){
250        var labelCreated = {
251                uid: User.me.id,
252                name : nameLabel.trim(),
253                backgroundColor : !!isNew ? '#ebebeb' : winElement.find("input[name='backgroundColor']").val(),
254                fontColor : !!isNew ? '#000000' : winElement.find("input[name='fontColor']").val(),
255                borderColor :!!isNew ? '#000000' : winElement.find("input[name='borderColor']").val()
256        }
257        DataLayer.put('label', labelCreated);
258       
259        $(".add-label-button").removeClass("ui-icon ui-icon-plus")
260        .html('<img alt="Carregando" title="Carregando" style="margin-left:10px;" src="../prototype/modules/mail/img/loader.gif" />');
261        var hasLabel = true;
262        var labelId;
263        DataLayer.commit(false, false, function(data){
264                $.each(data, function(index, value) {
265                        if(typeof value == 'object'){
266                                hasLabel = false;
267                                labelId = value.id;
268                        }else{
269                                hasLabel = value;
270                        }
271                });
272       
273                if(!hasLabel){
274                        newLabel = {
275                                id: labelId,
276                                name : nameLabel.trim(),
277                                uid: User.me.id,
278                                bgColor : !!isNew ? '#ebebeb' : winElement.find("input[name='backgroundColor']").val(),
279                                fontColor : !!isNew ? '#000000' : winElement.find("input[name='fontColor']").val(),
280                                borderColor : !!isNew ? '#000000' : winElement.find("input[name='borderColor']").val()
281                        };
282               
283                        /** Marca as mensagens selecionadas com o marcador criado*/
284                        if(apply){
285                                labeledMessages(newLabel.id)
286                        }
287                       
288                        $(".label-list-container ul").find(".empty-item").css("display","none");
289                        $(".label-list-container ul")
290                        .prepend(DataLayer.render("../prototype/modules/mail/templates/label_listitem.ejs", newLabel))
291                        .find("li:first")
292                        .fadeIn("slow").click(configureLabel);
293                       
294                        draw_tree_labels();
295
296                        $(".label-list-container .label-list li").not(".empty-item").click(function(){
297                                $(".label-list-container .label-list li").find("img").remove();
298                                $(".label-list-container .label-list li.label-item").removeClass("selected");
299                                $(this).prepend("<img src='../prototype/modules/mail/img/triangle.png' style='margin: 0 5px 0 -5px;'>");
300                                $(this).addClass("selected");
301                        });
302                       
303                        $(".label-list-container .label-list li").find('.button').button()
304                        .filter('.edit').button({icons:{primary:'ui-icon-pencil'}, text:false}).end()
305                        .filter('.close').button({icons:{primary:'ui-icon-close'}, text:false});
306                       
307                        //posiciona para edição o label inserido                       
308                        winElement.find("ul.label-list li:first").trigger("click");                     
309                        winElement.find(".buttons .save-label .ui-button-text").text('Salvar');
310                        $(".delete-label").button("enable");
311                       
312                        winElement.find('.edit').unbind("click").click(editLabel);                             
313                        winElement.find('.close').click(deleteLabel);
314                       
315                        $(".my-labels").show();
316                       
317                        $.contextMenu( 'destroy', ".table_box tbody tr");
318                        loadMenu();
319                       
320                        $(".add-label-button").empty()
321                        .addClass("ui-icon ui-icon-plus");
322                }else{
323                        $(".add-label-button").empty()
324                        .addClass("ui-icon ui-icon-plus");
325                        msgCallback(hasLabel);
326                }
327        });
328}
329
330function SortByName(a, b){
331    var aName = a.name.toLowerCase();
332    var bName = b.name.toLowerCase();
333    return ((aName < bName) ? -1 : ((aName > bName) ? 1 : 0));
334}
335
336//Reduz a quantidade de requests
337function orderLabel(labels){
338
339    if(labels == "")
340        return labels;
341
342    if(!$.isArray( labels )){
343        var array = [];
344
345        for(var i in labels){
346
347            array[ array.length ] = labels[ i ];
348
349        }
350
351        labels = array;
352
353    }
354
355    return labels.sort(SortByName);
356}
357
358function init_label(data){
359
360        winElement = data.window;
361       
362        //TODO Mudar quando API abstrair atualizações no cache
363        var labels = DataLayer.get('label');
364
365    labels = orderLabel( labels );
366       
367        if(labels){
368                Label_List = winElement
369                .find(".label-list-container").html(DataLayer.render("../prototype/modules/mail/templates/label_list.ejs", {labels: labels}));
370               
371        }else{
372                //Exibe a mensagem informando o usuário de que não há nenhum marcador cadastrado.
373                Label_List = winElement
374                .find(".label-list-container").html('<ul class="label-list"><li class="empty-item">'+get_lang("No labels found.")+'.</li></ul>');
375               
376        }
377        Label_List.end()
378        .find('.button').button()
379        .filter('.edit').button({icons:{primary:'ui-icon-pencil'}, text:false}).end()
380        .filter('.close').button({icons:{primary:'ui-icon-close'}, text:false});       
381       
382        winElement.find('.edit').click(editLabel);
383        winElement.find('.close').click(deleteLabel);
384       
385        //marca 'd agua
386        winElement.find(".insert-label").Watermark(winElement.find(".insert-label").val());
387       
388        /*
389        $("input.insert-label").keyup(function () {
390                $.Watermark.HideAll();
391                var value = $(this).val();
392                winElement.find('.input-nome').val(value);
393        }).keyup();
394        */
395        if (!(labels)){
396                winElement.find(".buttons .save-label .ui-button-text").text('Criar');
397                $(".delete-label").button("disable");
398        }else{
399                winElement.find(".label-list li:first").addClass("selected").prepend("<img src='../prototype/modules/mail/img/triangle.png' style='margin: 0 5px 0 -5px;'>");
400        }
401        $(".save-label").button("disable");
402        /**
403        * seta a ação de click para os marcadores listados na tela
404        */
405        winElement.find(".label-list li").not(".empty-item").click(configureLabel);
406       
407        if (data.selectedItem)
408                winElement.find(".label-list li.label-item-"+data.selectedItem).trigger("click");
409        else
410                winElement.find(".label-list li:first").trigger("click");
411               
412        var dataColorPicker = {
413                colorsSuggestions: colors_suggestions()
414        };
415       
416        winElement.find('select.color-suggestions').change(function() {
417                $(".save-label").button("enable");
418                var colorpicker = winElement.find('.lebals-colorpicker');
419                var colors;
420                if(colors = dataColorPicker.colorsSuggestions[$(this).val()]) {
421                        colorpicker
422                        .find('input[name="fontColor"]').val(colors.font).focus().end()
423                        .find('input[name="backgroundColor"]').val(colors.background).focus().end()
424                        .find('input[name="borderColor"]').val(colors.border).focus().end()
425
426                        .find('.preview-label-outer').css({
427                                'background-color':dataColorPicker.colorsSuggestions[$(this).val()].background,
428                                'border-color':dataColorPicker.colorsSuggestions[$(this).val()].border,
429                                'color':dataColorPicker.colorsSuggestions[$(this).val()].font
430                        });
431                }                                       
432        });
433        var colorpickerPreviewChange = function(color) {
434                       
435                var pickedup = winElement.find('.colorwell-selected').val(color).css('background-color', color);
436
437                $(".save-label").button("enable");
438               
439                var colorpicker = winElement.find('.lebals-colorpicker');                       
440
441                if (pickedup.is('input[name="backgroundColor"]')) {
442                        colorpicker.find('.preview-label-outer').css('background-color',color);
443                } else if (pickedup.is('input[name="fontColor"]')) {
444                        colorpicker.find('.preview-label-outer').css('color',color);
445                } else if (pickedup.is('input[name="borderColor"]')) {
446                        colorpicker.find('.preview-label-outer').css('border-color',color);
447                }               
448        }
449               
450        var f = $.farbtastic(winElement.find('.colorpicker'), colorpickerPreviewChange);
451        var selected;
452                               
453        winElement.find('.colorwell').each(function () {
454                f.linkTo(this);
455        })
456        .focus(function() {
457                if (selected) {
458                        $(selected).removeClass('colorwell-selected');
459                }
460                $(selected = this).addClass('colorwell-selected');
461                f.linkTo(this, colorpickerPreviewChange);
462                f.linkTo(colorpickerPreviewChange);
463        });
464       
465        winElement.find(".add-label-button").click(function (event) {
466                $.Watermark.HideAll();
467                var nameLabel = winElement.find(".insert-label").val();
468               
469                var lengthSpace = $.trim(nameLabel);
470               
471                if(lengthSpace.length >= 2){
472                        new_label(nameLabel, true, data.applyToSelectedMessages);
473                        $.Watermark.ShowAll();
474                        winElement.find(".insert-label").val("");
475                        } else {
476                                alert("Mínimo 2 caracteres");
477                        }
478                event.stopImmediatePropagation();
479        });
480       
481        winElement.find('.insert-label').keydown(function(event, ui) {
482                if (event.keyCode == 13)
483                        winElement.find(".add-label-button").trigger('click');
484        });
485       
486        //excluir marcador {deve ser para o botão grande na janela de edição e nao o pequeno da lista}
487        winElement.find(".buttons .delete-label").click(function(event){
488                var id = winElement.find(".edit-label").val();         
489                var nameLabel = winElement.find(".input-nome").val();   
490                confirmDelete(id, nameLabel);
491                event.stopImmediatePropagation();
492        });
493       
494        $(".label-list-container .label-list li").not(".empty-item").click(function(){
495                $(".label-list-container .label-list li").find("img").remove();
496                $(".label-list-container .label-list li.label-item").removeClass("selected");
497                $(this).prepend("<img src='../prototype/modules/mail/img/triangle.png' style='margin: 0 5px 0 -5px;'>");
498                $(this).addClass("selected");
499        });
500               
501        //salvar/criar marcador
502        winElement.find(".buttons .save-label").click(function(){
503                var nameLabel = winElement.find(".input-nome").val();
504                save_editLabel(nameLabel, data.applyToSelectedMessages);
505        });     
506        //desfazer marcador
507        winElement.find(".buttons .undo-label").click(function(event){
508                var edit = winElement.find(".edit-label").val();               
509                $(".label-list-container .label-list li").each(function(){
510                        var regex_match_3 = $(this).attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/);
511                        if(regex_match_3 && regex_match_3[1] && regex_match_3[1] == edit){
512                                $(this).trigger("click");
513                        }
514                });
515        });
516       
517        //fechar
518        $(".button-close-window .close-window").click(function(){
519                $(".label-configure-win").dialog("close");
520        });
521       
522        winElement.find(':input').change(function(event){
523                if (event.keyCode != '27' && event.keyCode != '13' && !$(event.target).is(".edit-value-list") && !$(event.target).is(".insert-label") )
524                winElement.find(".save-label").button("enable");
525        }).keydown(function(event){
526                if (event.keyCode != '27' && event.keyCode != '13' && !$(event.target).is(".edit-value-list") && !$(event.target).is(".insert-label"))
527                winElement.find(".save-label").button("enable");
528        });     
529
530        $(".input-nome").keyup(function () {
531                                var value = $(this).val();
532                                winElement.find('.preview-label-inner').text(value);
533        }).keyup();     
534}
Note: See TracBrowser for help on using the repository browser.