Changeset 5537


Ignore:
Timestamp:
02/23/12 15:15:04 (9 years ago)
Author:
douglasz
Message:

Ticket #2486 - Link para abrir configurcao do marcador no modulo principal do ExpressoMail?

Location:
trunk/prototype/modules/mail
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • trunk/prototype/modules/mail/css/label.css

    r5533 r5537  
    8383.label-configure-win .label-list li:hover .button { display:block; } 
    8484 
    85 #MyMarckersList.list-label .my-labels {margin: 10px 0 0 20px; text-align:left; position: relative;} 
    86 #MyMarckersList.list-label .title-my-labels{margin:0 0 0 5px;} 
     85#MyMarckersList.list-label .my-labels {  
     86        margin: 10px 0 0 20px;  
     87        text-align:left;  
     88        position: relative;  
     89} 
     90#MyMarckersList.list-label .title-my-labels { 
     91        margin:0 0 0 5px;        
     92        font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;  
     93        font-size:11px; 
     94        color:#000000;  
     95} 
    8796#MyMarckersList.list-label .status-list-labels{display:inline-block; position: absolute;} 
    8897#MyMarckersList.list-label ul {height: 60%; margin: 5px 0 0 6px; padding:0; list-style:none; } 
  • trunk/prototype/modules/mail/js/label.js

    r5533 r5537  
     1function editLabel(){    
     2        var conteudoSpan = $(this).parent().find(".text-list").text(); 
     3        var span = $(this).parent().find(".text-list"); 
     4        $(this).parent().trigger('click').unbind('click', configureLabel).find("span.text-list") 
     5        .html('<input name="edit-value-list" class="edit-value-list" type="text" value="'+conteudoSpan+'">').find("input[name='edit-value-list']").keydown(function(event){ 
     6                event.stopPropagation(); 
     7                $("input.edit-value-list").keyup(function () { 
     8                        var value = $(this).val(); 
     9                        winElement.find('.input-nome').val(value); 
     10                }).keyup(); 
     11                if(event.keyCode == 13){ 
     12                        $(span).html($(".label-list").find(".edit-value-list").val()) 
     13                        .parent().find('.edit').removeClass("hidden").parents("li").click(configureLabel).trigger("click"); 
     14                        winElement.find(".buttons .save-label").trigger("click"); 
     15                }else if( event.keyCode == 27){ 
     16                        $(this).trigger("focusout"); 
     17                } 
     18        }).focusout(function(){ 
     19                $(span).html(conteudoSpan) 
     20                .parent().find('.edit').removeClass("hidden").parents("li").click(configureLabel); 
     21        }).focus(); 
     22        $(this).addClass("hidden"); 
     23} 
     24function deleteLabel(event){ 
     25        var id = $(this).parents(".label-item").attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/)[1]; 
     26        confirmDelete(id); 
     27        event.stopImmediatePropagation(); 
     28} 
    129function colors_suggestions(){ 
    230        return [ 
     
    1543  ("0" + parseInt(rgb[3],10).toString(16)).slice(-2); 
    1644} 
    17  
     45function configureLabel(event, ui){ 
     46        var idmarkernow = $(this).find('[name="labelItemId"]').val(); 
     47        winElement.find('.edit-label').val(idmarkernow); 
     48        winElement.find('.input-nome').val($(this).find("span").text()); 
     49         
     50        var colorpicker = winElement.find('.lebals-colorpicker'); 
     51        colorpicker.find('input[name="backgroundColor"]').val(rgb2hex($(this).css("backgroundColor"))) 
     52        .css("background-color", $(this).css("backgroundColor")).focus().end() 
     53        .find('input[name="fontColor"]').val(rgb2hex($(this).css("color"))).css("background-color", $(this).css("color")).focus().end() 
     54        .find('input[name="borderColor"]').val(rgb2hex($(this).css("border-left-color"))).css("background-color", $(this).css("border-left-color")).focus().end() 
     55        .find('.preview-label-outer').css({ 
     56                'background-color':$(this).css("backgroundColor"), 
     57                'color':$(this).css("color"), 
     58                'border-color':$(this).css("border-left-color") 
     59        })               
     60        winElement.find(".preview-label-inner").text($(this).text()); 
     61} 
     62function confirmDelete(id){ 
     63        $.Zebra_Dialog('<strong>Deseja excluir esse marcador?</strong>', { 
     64                'type':     'question', 
     65                'title':    'Atenção', 
     66                'buttons': ['Sim','Não'],        
     67                'onClose':  function(caption) { 
     68                        if(caption == 'Sim'){ 
     69                                delete_label(id); 
     70                        } 
     71                } 
     72        });      
     73}                        
     74function delete_label(id){ 
     75        $(".label-list li").each(function () { 
     76                var regex_match = $(this).attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/); 
     77                if (regex_match && regex_match[1] && regex_match[1] == id) {     
     78                        $(this).remove(); 
     79                } 
     80        }); 
     81        DataLayer.remove('label', id); 
     82        DataLayer.commit(); 
     83        winElement.find(".label-list li:first").trigger("click"); 
     84         
     85        if($(".label-list li").length == 0){ 
     86                winElement.find(".label-list-container").html('<ul class="label-list"><li class="empty-item">Nenhum Marcador Cadastrado.</li></ul>');                    
     87        }  
     88        var qtdLi = $(".label-list-container ul").find("li").not(".empty-item").length; 
     89        if (qtdLi == 0){ 
     90                $(".my-labels").addClass("hidden"); 
     91                $(".label-list-container ul").find(".empty-item").css("display",""); 
     92                winElement.find(".buttons .save-label .ui-button-text").text('Criar'); 
     93                $(".delete-label").button("disable");    
     94                                 
     95                winElement.find('.input-nome').val(""); 
     96                winElement.find(".preview-label-inner").text(""); 
     97         
     98                var colorpicker = winElement.find('.lebals-colorpicker'); 
     99                colorpicker.find('input[name="backgroundColor"]').val("#ebebeb") 
     100                .css("background-color", "#ebebeb").focus().end() 
     101                .find('input[name="fontColor"]').val("#000000").css("background-color", "#000000").focus().end() 
     102                .find('input[name="borderColor"]').val("#000000").css("background-color", "#000000").focus().end() 
     103                .find('.preview-label-outer').css({ 
     104                        'background-color':"#ebebeb", 
     105                        'color':"#000000", 
     106                        'border-color':"#000000" 
     107                }); 
     108                $(".input-nome").keyup(function () { 
     109                        var value = $(this).val(); 
     110                        winElement.find('.preview-label-inner').text(value); 
     111                }).keyup();                              
     112        }                
     113} 
     114function new_label(nameLabel){ 
     115        var labelCreated = { 
     116                uid: User.me.id, 
     117                name : nameLabel, 
     118                backgroundColor : winElement.find("input[name='backgroundColor']").val(), 
     119                fontColor : winElement.find("input[name='fontColor']").val(), 
     120                borderColor : winElement.find("input[name='borderColor']").val() 
     121        } 
     122        DataLayer.put('label', labelCreated); 
     123         
     124        $(".add-label-button").removeClass("ui-icon ui-icon-plus") 
     125        .html('<img alt="Carregando" title="Carregando" style="margin-left:10px;" src="../prototype/modules/mail/img/loader.gif" />'); 
     126         
     127        DataLayer.commit(false, false, function(){ 
     128 
     129                labels = DataLayer.get('label',{criteria:{order: 'id'}}, true); 
     130                newLabel = { 
     131                        id: labels[labels.length - 1].id,  
     132                        name : labels[labels.length- 1].name, 
     133                        uid: User.me.id, 
     134                        bgColor : winElement.find("input[name='backgroundColor']").val(), 
     135                        fontColor : winElement.find("input[name='fontColor']").val(), 
     136                        borderColor : winElement.find("input[name='borderColor']").val() 
     137                }; 
     138 
     139                $(".label-list-container ul").find(".empty-item").css("display","none"); 
     140                $(".label-list-container ul") 
     141                .prepend(DataLayer.render("../prototype/modules/mail/templates/label_listitem.ejs", newLabel)) 
     142                .find("li:first") 
     143                .fadeIn("slow").click(configureLabel); 
     144                 
     145                $("#MyMarckersList") 
     146                .html( 
     147                        "<div class='my-labels'>" + 
     148                                "<img src='../prototype/modules/mail/img/tag.png'/>" + 
     149                                "<a class='title-my-labels' tabindex='0' role='button' aria-expanded='false' title='Meus marcadores'>Meus marcadores</a>" + 
     150                                 
     151                                "<span class='status-list-labels ui-icon ui-icon-triangle-1-s'></span>" + 
     152                        "</div>" 
     153                )                
     154                .append(DataLayer.render("../prototype/modules/mail/templates/label_list.ejs", {labels:DataLayer.get('label', true)} )) 
     155                .find("li.label-item").css({"background-color":"#ffffff", "border-color":"#CCCCCC", "color":"#444444"}) 
     156                .find(".square-color").css("display","").click(function(){ 
     157                        $(this).parent(".label-item").each(function(){ 
     158                                configureLabels({selectedItem: $(this).attr('class').match(/label-item-([\d]+[()a-zA-Z]*)/)[1]}); 
     159                        }); 
     160                }); 
     161                $("#MyMarckersList a.title-my-labels").click(function() { 
     162                        $("#MyMarckersList ul.label-list").toggleClass("hidden") 
     163                        $('#MyMarckersList .status-list-labels').toggleClass("ui-icon-triangle-1-s"); 
     164                        $('#MyMarckersList .status-list-labels').toggleClass("ui-icon-triangle-1-n"); 
     165                 }); 
     166 
     167                $(".label-list-container .label-list li").not(".empty-item").click(function(){ 
     168                        $(".label-list-container .label-list li").find("img").remove(); 
     169                        $(".label-list-container .label-list li.label-item").removeClass("selected"); 
     170                        $(this).prepend("<img src='../prototype/modules/mail/img/triangle.png' style='margin: 0 5px 0 -5px;'>"); 
     171                        $(this).addClass("selected"); 
     172                }); 
     173                 
     174                $(".label-list-container .label-list li").find('.button').button() 
     175                .filter('.edit').button({icons:{primary:'ui-icon-pencil'}, text:false}).end() 
     176                .filter('.close').button({icons:{primary:'ui-icon-close'}, text:false}); 
     177                 
     178                //posiciona para edição o label inserido                         
     179                winElement.find("ul.label-list li:first").trigger("click");                      
     180                winElement.find(".buttons .save-label .ui-button-text").text('Salvar'); 
     181                $(".delete-label").button("enable"); 
     182                 
     183                winElement.find('.edit').unbind("click").click(editLabel);                               
     184                winElement.find('.close').click(deleteLabel); 
     185                 
     186                $(".my-labels").removeClass("hidden"); 
     187                 
     188                $.contextMenu( 'destroy', ".table_box tbody tr"); 
     189                loadMenu(); 
     190                 
     191                $(".add-label-button").empty() 
     192                .addClass("ui-icon ui-icon-plus"); 
     193        }); 
     194 
     195} 
    18196function init_label(data){ 
    19197 
    20198        winElement = data.window; 
    21199 
    22         var configureLabel = function(event, ui){ 
     200        /* var configureLabel = function(event, ui){ 
    23201                var idmarkernow = $(this).find('[name="labelItemId"]').val(); 
    24202                winElement.find('.edit-label').val(idmarkernow); 
     
    36214                })               
    37215                winElement.find(".preview-label-inner").text($(this).text()); 
    38         } 
     216        } */ 
    39217        //TODO Mudar quando API abstrair atualizações no cache 
    40218        DataLayer.remove('label',false); 
     
    46224                 
    47225        }else{ 
    48                 /** 
    49                 * Quando não existir marcadores cadastrados 
    50                 * exibe a mensagem informando o usuário de que não há 
    51                 * nenhum marcador cadastrado. 
    52                 */ 
     226                //Exibe a mensagem informando o usuário de que não há nenhum marcador cadastrado. 
    53227                Label_List = winElement 
    54228                .find(".label-list-container").html('<ul class="label-list"><li class="empty-item">Nenhum Marcador Cadastrado.</li></ul>'); 
     
    60234        .filter('.close').button({icons:{primary:'ui-icon-close'}, text:false});         
    61235         
    62         var editLabel = function(){      
    63                 var conteudoSpan = $(this).parent().find(".text-list").text(); 
    64                 var span = $(this).parent().find(".text-list"); 
    65                 $(this).parent().trigger('click').unbind('click', configureLabel).find("span.text-list") 
    66                 .html('<input name="edit-value-list" class="edit-value-list" type="text" value="'+conteudoSpan+'">').find("input[name='edit-value-list']").keydown(function(event){ 
    67                         event.stopPropagation(); 
    68                         $("input.edit-value-list").keyup(function () { 
    69                                 var value = $(this).val(); 
    70                                 winElement.find('.input-nome').val(value); 
    71                         }).keyup(); 
    72                         if(event.keyCode == 13){ 
    73                                 $(span).html($(".label-list").find(".edit-value-list").val()) 
    74                                 .parent().find('.edit').removeClass("hidden").parents("li").click(configureLabel).trigger("click"); 
    75                                 winElement.find(".buttons .save-label").trigger("click"); 
    76                         }else if( event.keyCode == 27){ 
    77                                 $(this).trigger("focusout"); 
    78                         } 
    79                 }).focusout(function(){ 
    80                         $(span).html(conteudoSpan) 
    81                         .parent().find('.edit').removeClass("hidden").parents("li").click(configureLabel); 
    82                 }).focus(); 
    83                 $(this).addClass("hidden"); 
    84         } 
    85          
    86236        winElement.find('.edit').click(editLabel); 
    87         winElement.find('.close').click(function(event){ 
    88                 var id = $(this).parents(".label-item").attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/)[1]; 
    89                 confirmDelete(id); 
    90                 event.stopImmediatePropagation(); 
    91         }); 
    92         /** 
    93         * Testa novamente se existem marcadores cadastrados,  
    94         * pois nesse momento os botões Excluir, Desfazer e Salvar já existem 
    95         * e os marcadores já estão listados na tela, 
    96         * então é possível alterar o text do Salvar para Criar, 
    97         * caso não exista nenhum marcador cadastrado e listado na tela de configuração dos marcadores, 
    98         * ou "marcar" o primeiro marcador listado com o "triangulo", caracterizando que o mesmo está selecionado. 
    99         */ 
    100          
    101         //marca 'd agua e adicionar label na lista. 
     237        winElement.find('.close').click(deleteLabel); 
     238         
     239        //marca 'd agua 
    102240        winElement.find(".insert-label").Watermark(winElement.find(".insert-label").val()); 
    103241         
     
    178316        }); 
    179317         
    180  
    181          
    182318        winElement.find(".add-label-button").click(function (event) { 
    183319                $.Watermark.HideAll(); 
    184                 var name = winElement.find(".insert-label").val(); 
    185                 if(name.length >= 2){ 
    186                         DataLayer.put('label', {name: name, uid: User.me.id}); 
    187                          
    188                         $(".add-label-button").removeClass("ui-icon ui-icon-plus") 
    189                         .html('<img alt="Carregando" title="Carregando" style="margin-left:10px;" src="../prototype/modules/mail/img/loader.gif" />'); 
    190                          
    191                         DataLayer.commit(false, false, function(){ 
    192  
    193                                 labels = DataLayer.get('label',{criteria:{order: 'id'}}, true); 
    194                                 newLabel = { 
    195                                         id: labels[labels.length -1 ].id,  
    196                                         name : labels[labels.length -1].name, 
    197                                         uid: User.me.id 
    198                                 }; 
    199  
    200                                 $(".label-list-container ul").find(".empty-item").css("display","none"); 
    201                                  
    202                                 $(".label-list-container ul, .list-label ul") 
    203                                 .prepend(DataLayer.render("../prototype/modules/mail/templates/label_listitem.ejs", newLabel)) 
    204                                 .find("li:first") 
    205                                 .fadeIn("slow").click(configureLabel); 
    206                                  
    207                                 $(".label-list-container .label-list li").not(".empty-item").click(function(){ 
    208                                         $(".save-label").button("disable"); 
    209                                         $(".label-list-container .label-list li").find("img").remove(); 
    210                                         $(".label-list-container .label-list li.label-item").removeClass("selected"); 
    211                                         $(this).prepend("<img src='../prototype/modules/mail/img/triangle.png' style='margin: 0 5px 0 -5px;'>"); 
    212                                         $(this).addClass("selected"); 
    213                                 }); 
    214                                  
    215                                 $(".label-list-container .label-list li").find('.button').button() 
    216                                 .filter('.edit').button({icons:{primary:'ui-icon-pencil'}, text:false}).end() 
    217                                 .filter('.close').button({icons:{primary:'ui-icon-close'}, text:false}); 
    218                                          
    219                                 winElement.find('.edit').unbind("click").click(editLabel); 
    220                                  
    221                                 winElement.find('.close').click(function(event){ 
    222                                         var id = $(this).parents(".label-item").attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/)[1]; 
    223                                         confirmDelete(id); 
    224                                         event.stopImmediatePropagation(); 
    225                                 }); 
    226                                  
    227                                 $.Watermark.ShowAll(); 
    228                                 winElement.find(".insert-label").val(""); 
    229                                  
    230                                 //posiciona para edição o label inserido                         
    231                                 winElement.find("ul.label-list li:first").trigger("click");                      
    232                                 winElement.find(".buttons .save-label .ui-button-text").text('Salvar'); 
    233                                 $(".delete-label").button("enable");             
    234  
    235                                 //Remove o título da lista de Marcadores da tela principal do módulo 
    236                                 $(".my-labels").removeClass("hidden"); 
    237                                 /** 
    238                                 * atualiza menu 
    239                                 * Remove o menu presente em cada mensagem listada em uma pasta  
    240                                 * e carrega novamente para que os dados sejam atualizados 
    241                                 */ 
    242                                 $.contextMenu( 'destroy', ".table_box tbody tr"); 
    243                                 loadMenu(); 
    244                                 $(".add-label-button").empty() 
    245                                 .addClass("ui-icon ui-icon-plus"); 
    246                         }); 
     320                var nameLabel = winElement.find(".insert-label").val(); 
     321                if(nameLabel.length >= 2){ 
     322                        new_label(nameLabel); 
     323                        $.Watermark.ShowAll(); 
     324                        winElement.find(".insert-label").val(""); 
    247325                        } else { 
    248326                                alert("Mínimo 2 caracteres"); 
    249327                        } 
    250  
    251328                event.stopImmediatePropagation(); 
    252329        }); 
     
    256333                        winElement.find(".add-label-button").trigger('click'); 
    257334        }); 
    258  
    259         function confirmDelete(id){ 
    260  
    261                 $.Zebra_Dialog('<strong>Deseja excluir esse marcador?</strong>', { 
    262                         'type':     'question', 
    263                         'title':    'Atenção', 
    264                         'buttons': ['Sim','Não'],        
    265                         'onClose':  function(caption) { 
    266                                 if(caption == 'Sim'){ 
    267                                         deleteLabel(id); 
    268                                 } 
    269                         } 
    270                 });      
    271         }        
    272                  
    273         function deleteLabel(id){ 
    274                 $(".label-list li").each(function () { 
    275                         var regex_match = $(this).attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/); 
    276                         if (regex_match && regex_match[1] && regex_match[1] == id) {     
    277                                 $(this).remove(); 
    278                         } 
    279                 }); 
    280                 DataLayer.remove('label', id); 
    281                 DataLayer.commit(); 
    282                 winElement.find(".label-list li:first").trigger("click"); 
    283                  
    284                 if($(".label-list li").length == 0){ 
    285                         winElement.find(".label-list-container").html('<ul class="label-list"><li class="empty-item">Nenhum Marcador Cadastrado.</li></ul>');                    
    286                 }  
    287                 var qtdLi = $(".label-list-container ul").find("li").not(".empty-item").length; 
    288                 if (qtdLi == 0){ 
    289                         $(".my-labels").addClass("hidden"); 
    290                         $(".label-list-container ul").find(".empty-item").css("display",""); 
    291                         winElement.find(".buttons .save-label .ui-button-text").text('Criar'); 
    292                         $(".delete-label").button("disable");    
    293                                          
    294                         winElement.find('.input-nome').val(""); 
    295                         winElement.find(".preview-label-inner").text(""); 
    296                  
    297                         var colorpicker = winElement.find('.lebals-colorpicker'); 
    298                         colorpicker.find('input[name="backgroundColor"]').val("#ffffff") 
    299                         .css("background-color", "#ffffff").focus().end() 
    300                         .find('input[name="fontColor"]').val("#444444").css("background-color", "#000000").focus().end() 
    301                         .find('input[name="borderColor"]').val("#cccccc").css("background-color", "#000000").focus().end() 
    302                         .find('.preview-label-outer').css({ 
    303                                 'background-color':"#ffffff", 
    304                                 'color':"#444444", 
    305                                 'border-color':"#cccccc" 
    306                         }); 
    307                         $(".input-nome").keyup(function () { 
    308                                 var value = $(this).val(); 
    309                                 winElement.find('.preview-label-inner').text(value); 
    310                         }).keyup();                              
    311                 }                
    312         } 
     335         
    313336        //excluir marcador {deve ser para o botão grande na janela de edição e nao o pequeno da lista} 
    314337        winElement.find(".buttons .delete-label").click(function(event){ 
     
    317340                event.stopImmediatePropagation(); 
    318341        }); 
     342         
    319343        $(".label-list-container .label-list li").not(".empty-item").click(function(){ 
    320344                $(".label-list-container .label-list li").find("img").remove(); 
     
    383407                                 }); 
    384408          
     409                                 
     410                                winElement.find(".insert-label").val(""); 
    385411                                $.Watermark.ShowAll(); 
    386                                 winElement.find(".insert-label").val(""); 
    387412                                $(".label-list-container .label-list li").find('.button').button() 
    388413                                        .filter('.edit').button({icons:{primary:'ui-icon-pencil'}, text:false}).end() 
     
    390415                                winElement.find('.edit').unbind("click").click(editLabel); 
    391416                                 
    392                                 winElement.find('.close').click(function(event){ 
    393                                         var id = $(this).parents(".label-item").attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/)[1]; 
    394                                         confirmDelete(id); 
    395                                         event.stopImmediatePropagation(); 
    396                                 }); 
     417                                winElement.find('.close').click(deleteLabel); 
    397418                        }); 
    398419                // criar marcador 
    399420                } else{ 
    400421                        var nameLabel = winElement.find(".input-nome").val(); 
    401                         var labelCreated = { 
    402                                 uid: User.me.id, 
    403                                 name : nameLabel, 
    404                                 backgroundColor : winElement.find("input[name='backgroundColor']").val(), 
    405                                 fontColor : winElement.find("input[name='fontColor']").val(), 
    406                                 borderColor : winElement.find("input[name='borderColor']").val() 
    407                         } 
    408                          
    409422                        if(nameLabel.length >= 2){ 
    410                                 DataLayer.put('label', labelCreated); 
    411                                 DataLayer.commit(false, false, function(){ 
    412  
    413                                         labels = DataLayer.get('label',{criteria:{order: 'id'}}, true); 
    414                                         newLabel = { 
    415                                                 id: labels[labels.length - 1].id,  
    416                                                 name : labels[labels.length- 1].name, 
    417                                                 uid: User.me.id, 
    418                                                 bgColor : winElement.find("input[name='backgroundColor']").val(), 
    419                                                 fontColor : winElement.find("input[name='fontColor']").val(), 
    420                                                 borderColor : winElement.find("input[name='borderColor']").val() 
    421                                         }; 
    422  
    423                                         $(".label-list-container ul").find(".empty-item").css("display","none"); 
    424                                         $(".label-list-container ul") 
    425                                         .prepend(DataLayer.render("../prototype/modules/mail/templates/label_listitem.ejs", newLabel)) 
    426                                         .find("li:first") 
    427                                         .fadeIn("slow").click(configureLabel); 
    428                                          
    429                                         $("#MyMarckersList") 
    430                                         .html( 
    431                                                 "<div class='my-labels'>" + 
    432                                                         "<img src='../prototype/modules/mail/img/tag.png'/>" + 
    433                                                         "<a class='title-my-labels' tabindex='0' role='button' aria-expanded='false' title='Meus marcadores'>Meus marcadores</a>" + 
    434                                                          
    435                                                         "<span class='status-list-labels ui-icon ui-icon-triangle-1-s'></span>" + 
    436                                                 "</div>" 
    437                                         ) 
    438                                          
    439                                         .append(DataLayer.render("../prototype/modules/mail/templates/label_list.ejs", {labels:DataLayer.get('label', true)} )) 
    440                                         .find("li.label-item").css({"background-color":"#ffffff", "border-color":"#CCCCCC", "color":"#444444"}) 
    441                                         .find(".square-color").css("display","").click(function(){ 
    442                                                 $(this).parent(".label-item").each(function(){ 
    443                                                         configureLabels({selectedItem: $(this).attr('class').match(/label-item-([\d]+[()a-zA-Z]*)/)[1]}); 
    444                                                 }); 
    445                                         }); 
    446                                         $("#MyMarckersList a.title-my-labels").click(function() { 
    447                                                 $("#MyMarckersList ul.label-list").toggleClass("hidden") 
    448                                                 $('#MyMarckersList .status-list-labels').toggleClass("ui-icon-triangle-1-s"); 
    449                                                 $('#MyMarckersList .status-list-labels').toggleClass("ui-icon-triangle-1-n"); 
    450                                          }); 
    451           
    452                                         $(".label-list-container .label-list li").not(".empty-item").click(function(){ 
    453                                                 $(".label-list-container .label-list li").find("img").remove(); 
    454                                                 $(".label-list-container .label-list li.label-item").removeClass("selected"); 
    455                                                 $(this).prepend("<img src='../prototype/modules/mail/img/triangle.png' style='margin: 0 5px 0 -5px;'>"); 
    456                                                 $(this).addClass("selected"); 
    457                                         }); 
    458                                          
    459                                         $(".label-list-container .label-list li").find('.button').button() 
    460                                         .filter('.edit').button({icons:{primary:'ui-icon-pencil'}, text:false}).end() 
    461                                         .filter('.close').button({icons:{primary:'ui-icon-close'}, text:false}); 
    462                                         $.Watermark.ShowAll(); 
    463                                         winElement.find(".insert-label").val(""); 
    464                                          
    465                                         //posiciona para edição o label inserido                         
    466                                         winElement.find("ul.label-list li:first").trigger("click");                      
    467                                         winElement.find(".buttons .save-label .ui-button-text").text('Salvar'); 
    468                                         $(".delete-label").button("enable"); 
    469                                          
    470                                         winElement.find('.edit').unbind("click").click(editLabel); 
    471                                  
    472                                         winElement.find('.close').click(function(event){ 
    473                                                 var id = $(this).parents(".label-item").attr("class").match(/label-item-([\d]+[()a-zA-Z]*)/)[1]; 
    474                                                 confirmDelete(id); 
    475                                                 event.stopImmediatePropagation(); 
    476                                         }); 
    477                                          
    478                                         $(".my-labels").removeClass("hidden"); 
    479                                 }); 
     423                                new_label(nameLabel);                            
     424                                winElement.find(".insert-label").val(""); 
     425                                $.Watermark.ShowAll();                           
    480426                        } else { 
    481427                                alert("Mínimo 2 caracteres"); 
     
    483429                }                
    484430                /** 
    485                 * atualiza menu 
    486                 * Remove o menu presente em cada mensagem listada em uma pasta  
     431                * Atualiza menu remove o menu presente em cada mensagem listada em uma pasta  
    487432                * e carrega novamente para que os dados sejam atualizados 
    488433                */ 
     
    517462                        } 
    518463                }); 
    519  
    520464        });      
    521465         
     
    523467                                var value = $(this).val(); 
    524468                                winElement.find('.preview-label-inner').text(value); 
    525         }).keyup(); 
    526          
     469        }).keyup();      
    527470} 
    528471 
     
    530473 * TODO: 
    531474 * * Qunado excluir um marcador deve ser removido das mensagens sem que seja necessario atualizar o Expresso. 
    532  * * Fazer abrir a configuração do Marcador pela lista do modulo principal apenas quando criado um marcador sem clicar no botão "salvar". 
     475 * * 
    533476 */ 
  • trunk/prototype/modules/mail/templates/label_configure.ejs

    r5533 r5537  
    3131                        <div class="form-item"> 
    3232                          <label for="backgroundColor" class="label-cor">Cor do marcador:</label> 
    33                           <input type="text" name="backgroundColor" id="background" class="colorwell" value="#ffffff" /> 
     33                          <input type="text" name="backgroundColor" id="background" class="colorwell" value="#ebebeb" /> 
    3434                        </div> 
    3535                        <div class="form-item"> 
    3636                          <label for="fontColor" class="label-cor">Cor do texto:</label> 
    37                           <input type="text" name="fontColor" class="colorwell" value="#444444" /> 
     37                          <input type="text" name="fontColor" class="colorwell" value="#000000" /> 
    3838                        </div> 
    3939                        <div class="form-item"> 
    4040                          <label for="borderColor" class="label-cor">Cor da borda:</label> 
    41                           <input type="text" name="borderColor" class="colorwell" value="#ccccccc" /> 
     41                          <input type="text" name="borderColor" class="colorwell" value="#000000" /> 
    4242                        </div>                     
    4343                        <div class="preview-label-outer"> 
  • trunk/prototype/modules/mail/templates/label_list.ejs

    r5533 r5537  
    33                         
    44                        <li class="label-item label-item-<%= (data.labels[i].id) ? data.labels[i].id : ''%>" style=" 
    5                                 background: <%= (data.labels[i].backgroundColor) ? data.labels[i].backgroundColor : '#ffffff' %>; 
     5                                background: <%= (data.labels[i].backgroundColor) ? data.labels[i].backgroundColor : '#ebebeb' %>; 
    66                                color: <%= (data.labels[i].fontColor) ? data.labels[i].fontColor : '#000000' %>; 
    7                                 border-color: <%= (data.labels[i].borderColor) ? data.labels[i].borderColor : '#CCCCCC' %>;"> 
     7                                border-color: <%= (data.labels[i].borderColor) ? data.labels[i].borderColor : '#000000' %>;"> 
    88                            
    99                                <span class="text-list"><%= (data.labels[i].name) ? data.labels[i].name : '' %></span> 
  • trunk/prototype/modules/mail/templates/label_listitem.ejs

    r5533 r5537  
    1         <li class="label-item label-item-<%= data.id%>" style="background: <%= (data.bgColor) ? data.bgColor : '#ffffff' %>;  
    2                 color: <%= (data.fontColor) ? data.fontColor : '#444444' %>; 
    3                 border: 1px solid <%= (data.borderColor) ? data.borderColor : '#cccccc' %>;">            
     1        <li class="label-item label-item-<%= data.id%>" style="background: <%= (data.bgColor) ? data.bgColor : '#ebebeb' %>;  
     2                color: <%= (data.fontColor) ? data.fontColor : '#000000' %>; 
     3                border: 1px solid <%= (data.borderColor) ? data.borderColor : '#000000' %>;">    
    44                 
    55                <input type="hidden" value="<%= data.id%>" name="labelItemId" class="id-item-list" /> 
Note: See TracChangeset for help on using the changeset viewer.