Changeset 5566


Ignore:
Timestamp:
02/27/12 16:29:22 (12 years ago)
Author:
douglasz
Message:

Ticket #2486 - Mudar a forma de abrir as mensagem pelo marcador e corrigido o botão Criar

Location:
trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/expressoMail1_2/js/draw_api.js

    r5560 r5566  
    341341function draw_tree_labels(){ 
    342342        labels = DataLayer.get('label',{criteria:{order: 'name'}}); 
    343  
    344         $('#content_folders').append("<div id='MyMarckersList' class='acc-list list-label' ></div>").find("#MyMarckersList") 
    345         .append("<div class='my-labels'>" + 
     343        if(!$("#MyMarckersList").length) 
     344                var myLabels = $('#content_folders').append("<div id='MyMarckersList' class='acc-list list-label' ></div>").find("#MyMarckersList"); 
     345        else 
     346                var myLabels = $("#MyMarckersList"); 
     347                 
     348        myLabels.html("<div class='my-labels'>" + 
    346349                                "<img src='../prototype/modules/mail/img/tag.png'/>" + 
    347350                                "<a class='title-my-labels' tabindex='0' role='button' aria-expanded='false' title='"+get_lang("My Labels")+"'>"+get_lang("My Labels")+"</a>" + 
     
    351354        ) 
    352355        .append(DataLayer.render("../prototype/modules/mail/templates/label_list.ejs", {labels: labels} )) 
    353         .find("li.label-item").css({"background-color":"#ffffff", "border-color":"#CCCCCC", "color":"#444444"}).find("span").css({"width":"100%"}).click(function(){ 
     356        .find("li.label-item").css({"background-color":"#ffffff", "border-color":"#CCCCCC", "color":"#444444"}).find("span").click(function(){ 
    354357                var labelId = $(this).parents("li").attr('class').match(/label-item-([\d]+[()a-zA-Z]*)/)[1]; 
    355358                search_emails("UNDELETED KEYWORD \"$Label"+labelId+"\""); 
  • trunk/prototype/modules/mail/js/label.js

    r5564 r5566  
    1616        winElement.find(".preview-label-inner").text($(this).text()); 
    1717} 
    18  
    1918 
    2019function editLabel(){    
     
    4241        $(this).addClass("hidden"); 
    4342} 
     43 
    4444function deleteLabel(event){ 
    4545        var id = $(this).parents(".label-item").attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/)[1]; 
     
    5757                        ]                
    5858} 
     59 
    5960function rgb2hex(rgb){ 
    6061 rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); 
     
    7677                } 
    7778        });      
    78 }                        
    79 function save_editLabel(){ 
     79}                
     80         
     81function save_editLabel(){               
     82        var qtdLi = $(".label-list-container ul").find("li").not(".empty-item").length;  
     83        // salvar marcador 
     84        if(qtdLi > 0){ 
    8085                $(".save-label").button("disable"); 
    8186                var labelEdited = { 
     
    8792                        borderColor : winElement.find("input[name='borderColor']").val() 
    8893                } 
    89                 var qtdLi = $(".label-list-container ul").find("li").not(".empty-item").length;  
    90                 // salvar marcador 
    91                 if(qtdLi > 0){ 
    92                         $(".label-list-container .label-list li").each(function(){ 
    93                                 var regex_match_2 = $(this).attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/); 
     94                $(".label-list-container .label-list li").each(function(){ 
     95                        var regex_match_2 = $(this).attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/); 
     96                         
     97                         if(regex_match_2 && regex_match_2[1] && regex_match_2[1] == labelEdited.id){ 
     98                           $(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({ 
     99                                "background" : labelEdited.backgroundColor, 
     100                                "color" : labelEdited.fontColor,  
     101                                "border-color" : labelEdited.borderColor         
     102                           }); 
     103                         }       
     104                }); 
     105                 
     106                $("#MyMarckersList .label-list li").each(function(){ 
     107                        var regex_match_2 = $(this).attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/); 
     108                         
     109                        if(regex_match_2 && regex_match_2[1] && regex_match_2[1] == labelEdited.id){ 
     110                                $(this).html("<input type='hidden' name='labelItemId' class='id-item-list' value='"+labelEdited.id+"'>"+"<span>"+labelEdited.name+"</span>"); 
     111                                $(this).find(".square-color").css('background', labelEdited.backgroundColor); 
     112                        }        
     113                }); 
     114                DataLayer.put('label', labelEdited.id, labelEdited); 
     115                DataLayer.commit(false, false, function(){ 
     116                        winElement.find(".insert-label").val(""); 
     117                        $.Watermark.ShowAll(); 
     118                         
     119                        $(".label-list-container .label-list li").find('.button').button() 
     120                                .filter('.edit').button({icons:{primary:'ui-icon-pencil'}, text:false}).end() 
     121                                .filter('.close').button({icons:{primary:'ui-icon-close'}, text:false}); 
    94122                                 
    95                                  if(regex_match_2 && regex_match_2[1] && regex_match_2[1] == labelEdited.id){ 
    96                                    $(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({ 
    97                                         "background" : labelEdited.backgroundColor, 
    98                                         "color" : labelEdited.fontColor,  
    99                                         "border-color" : labelEdited.borderColor         
    100                                    }); 
    101                                  }       
    102                         }); 
    103                          
    104                         $("#MyMarckersList .label-list li").each(function(){ 
    105                                 var regex_match_2 = $(this).attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/); 
    106                                  
    107                                 if(regex_match_2 && regex_match_2[1] && regex_match_2[1] == labelEdited.id){ 
    108                                         $(this).html("<input type='hidden' name='labelItemId' class='id-item-list' value='"+labelEdited.id+"'>"+"<span>"+labelEdited.name+"</span>"); 
    109                                         $(this).find(".square-color").css('background', labelEdited.backgroundColor); 
    110                                 }        
    111                         }); 
    112                         DataLayer.put('label', labelEdited.id, labelEdited); 
    113                         DataLayer.commit(false, false, function(){ 
    114                                 $("#MyMarckersList") 
    115                                 .html( 
    116                                         "<div class='my-labels'>" + 
    117                                                 "<img src='../prototype/modules/mail/img/tag.png'/>" + 
    118                                                 "<a class='title-my-labels' tabindex='0' role='button' aria-expanded='false' title='Meus marcadores'>Meus marcadores</a>" + 
    119                                                  
    120                                                 "<span class='status-list-labels ui-icon ui-icon-triangle-1-s'></span>" + 
    121                                         "</div>" 
    122                                 ) 
    123                                 .append(DataLayer.render("../prototype/modules/mail/templates/label_list.ejs", {labels:DataLayer.get('label', true)} )) 
    124                                 .find("li.label-item").css({"background-color":"#ffffff", "border-color":"#CCCCCC", "color":"#444444"}) 
    125                                 .find(".square-color").css("display","").click(function(){ 
    126                                         $(this).parent(".label-item").each(function(){ 
    127                                                 configureLabels({selectedItem: $(this).attr('class').match(/label-item-([\d]+[()a-zA-Z]*)/)[1]}); 
    128                                                 var id_label_item = $(this).attr('class').match(/label-item-([\d]+[()a-zA-Z]*)/)[1]; 
    129                                                 $(".label-list-container .label-list").find(".label-item-"+id_label_item).trigger("click"); 
    130                                         }); 
    131                                 }); 
    132                                  
    133                                 $("#MyMarckersList a.title-my-labels").click(function() { 
    134                                         $("#MyMarckersList ul.label-list").toggleClass("hidden") 
    135                                         $('#MyMarckersList .status-list-labels').toggleClass("ui-icon-triangle-1-s"); 
    136                                         $('#MyMarckersList .status-list-labels').toggleClass("ui-icon-triangle-1-n"); 
    137                                  }); 
    138           
    139                                  
    140                                 winElement.find(".insert-label").val(""); 
    141                                 $.Watermark.ShowAll(); 
    142                                 $(".label-list-container .label-list li").find('.button').button() 
    143                                         .filter('.edit').button({icons:{primary:'ui-icon-pencil'}, text:false}).end() 
    144                                         .filter('.close').button({icons:{primary:'ui-icon-close'}, text:false}); 
    145                                 winElement.find('.edit').unbind("click").click(editLabel); 
    146                                  
    147                                 winElement.find('.close').click(deleteLabel); 
    148                         }); 
    149                 // criar marcador 
     123                        winElement.find('.edit').unbind("click").click(editLabel);                               
     124                        winElement.find('.close').click(deleteLabel); 
     125                         
     126                        draw_tree_labels(); 
     127                         
     128                        /** 
     129                        * Atualiza menu remove o menu presente em cada mensagem listada em uma pasta  
     130                        * e carrega novamente para que os dados sejam atualizados 
     131                        */ 
     132                        $.contextMenu( 'destroy', ".table_box tbody tr"); 
     133                        loadMenu(); 
     134                }); 
     135        // criar marcador 
     136        } else { 
     137                var nameLabel = winElement.find(".input-nome").val(); 
     138                if(nameLabel.length >= 2){ 
     139                        new_label(nameLabel, false);                             
     140                        winElement.find(".insert-label").val(""); 
     141                        $.Watermark.ShowAll();                           
    150142                } else { 
    151                   winElement.find(".add-label-button").click(function(){ 
    152                         var nameLabel = winElement.find(".input-nome").val(); 
    153                         if(nameLabel.length >= 2){ 
    154                                 new_label(nameLabel, false);                             
    155                                 winElement.find(".insert-label").val(""); 
    156                                 $.Watermark.ShowAll();                           
    157                         } else { 
    158                                 alert("Mínimo 2 caracteres"); 
    159                         } 
    160                    }); 
    161                 }                
    162                 /** 
    163                 * Atualiza menu remove o menu presente em cada mensagem listada em uma pasta  
    164                 * e carrega novamente para que os dados sejam atualizados 
    165                 */ 
    166                 $.contextMenu( 'destroy', ".table_box tbody tr"); 
    167                 loadMenu(); 
    168                  
    169                 $(".label-list-container .label-list").find(".label-item-"+labelEdited.id).trigger("click"); 
    170  
    171 } 
     143                        alert("Mínimo 2 caracteres"); 
     144                } 
     145        }                                
     146        $(".label-list-container .label-list").find(".label-item-"+labelEdited.id).trigger("click"); 
     147} 
     148 
    172149function delete_label(id){ 
    173150        $(".label-list li").each(function () { 
     
    210187        }                
    211188} 
     189 
    212190function new_label(nameLabel, isNew){ 
    213191        var labelCreated = { 
     
    241219                .fadeIn("slow").click(configureLabel); 
    242220                 
    243                 $("#MyMarckersList") 
    244                 .html( 
    245                         "<div class='my-labels'>" + 
    246                                 "<img src='../prototype/modules/mail/img/tag.png'/>" + 
    247                                 "<a class='title-my-labels' tabindex='0' role='button' aria-expanded='false' title='"+get_lang("My Labels")+"'>"+get_lang("My Labels")+"</a>" + 
    248                                  
    249                                 "<span class='status-list-labels ui-icon ui-icon-triangle-1-s'></span>" + 
    250                         "</div>" 
    251                 )                
    252                 .append(DataLayer.render("../prototype/modules/mail/templates/label_list.ejs", {labels:DataLayer.get('label', true)} )) 
    253                 .find("li.label-item").css({"background-color":"#ffffff", "border-color":"#CCCCCC", "color":"#444444"}) 
    254                 .find(".square-color").css("display","").click(function(){ 
    255                         $(this).parent(".label-item").each(function(){ 
    256                                 configureLabels({selectedItem: $(this).attr('class').match(/label-item-([\d]+[()a-zA-Z]*)/)[1]}); 
    257                         }); 
    258                 }); 
    259                 $("#MyMarckersList a.title-my-labels").click(function() { 
    260                         $("#MyMarckersList ul.label-list").toggleClass("hidden") 
    261                         $('#MyMarckersList .status-list-labels').toggleClass("ui-icon-triangle-1-s"); 
    262                         $('#MyMarckersList .status-list-labels').toggleClass("ui-icon-triangle-1-n"); 
    263                  }); 
     221                draw_tree_labels(); 
    264222 
    265223                $(".label-list-container .label-list li").not(".empty-item").click(function(){ 
     
    290248                .addClass("ui-icon ui-icon-plus"); 
    291249        }); 
    292  
    293 } 
     250} 
     251 
    294252function init_label(data){ 
    295253 
     
    469427 * TODO: 
    470428 * * Qunado excluir um marcador deve ser removido das mensagens sem que seja necessario atualizar o Expresso. 
    471  * * 
     429 * * Quando editado um marcador dever ser atualizado na lista de mensagem onde esse marcador foi aplicado. 
    472430 */ 
Note: See TracChangeset for help on using the changeset viewer.