Ignore:
Timestamp:
09/04/12 18:07:11 (12 years ago)
Author:
gustavo
Message:

Ticket #2939 - Melhorias na exibicao das abas e da listagem de email

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sandbox/newExpressoMail/prototype/modules/mail/templates/email.ejs

    r7066 r7167  
    11<div class="message"> 
    2         <div class="message-options ui-widget-header ui-corner-all" style="width:100%; clear: both; display: inline-block; height: 30px;"> 
    3                 <div class="info" style="float: left; margin: 3px;"> 
    4                         <%= data.info.from.email %> 
     2        <div class="message-options ui-widget-header ui-corner-all" style="width:100%; clear: both; display: inline-block; height: 30px; border-top-left-radius: 0px; border-top-right-radius: 0px;"> 
     3                <div class="info" style="float: left; margin: 3px; padding-top: 5px;"> 
     4                        <span><%= data.info.from.full %></span>,<%= data.info.fulldate %>  
    55                </div> 
    6                 <div style="float: right; margin: 3px; margin-rigth: 5px; width: auto; display: inline;"> 
     6                <!--<div style="float: right; margin: 3px; width: auto; display: inline;"> 
    77                        <span class="messages-controll" style="display: inline; margin-right: 1px;"> 
    88                                <button class="button messages-preferences" title="Preferências">&nbsp;</button> 
    99                        </span> 
    10                 </div> 
    11                 <div style="float: right; margin: 3px; margin-rigth: 5px; width: auto; display: inline;"> 
     10                </div> --> 
     11                <div style="float: right; margin: 3px; width: auto; display: inline;"> 
    1212                        <span class="messages-controll" style="display: inline; margin-right: 1px;"> 
    1313                                <button class="button message-prev" title="Mensagem Anterior">&nbsp;</button> 
     
    1515                        </span> 
    1616                </div> 
    17                 <div style="float: right; margin: 3px; margin-rigth: 5px; width: auto; display: inline;"> 
    18                         <span class="message-reply" style="display: inline; margin-right: 1px;"> 
    19                                 <button class="button message-reply" title="Responder Mensagem">Responder</button> 
    20                                 <button class="button message-next" title="Mais opções para responder">&nbsp;</button> 
    21                         </span> 
    22                 </div> 
    23                 <div style="float: right; margin: 3px; margin-rigth: 5px; width: auto; display: inline;"> 
    24                         <span class="messages-foward" style="display: inline; margin-right: 1px;"> 
    25                                 <button class="button message-foward" title="Encaminhar Mensagem">Encaminhar</button> 
    26                         </span> 
    27                 </div> 
    28                 <div style="float: right; margin: 3px; margin-rigth: 5px; width: auto; display: inline;"> 
    29                         <span style="display: inline;"> 
    30                                 <button class="button message-tags" title="Marcadores">&nbsp;</button> 
    31                                 <button class="button message-more" title="Mais Ações">Mais</button> 
     17                <div style="float: right; margin: 3px; width: auto; display: inline; margin-right: 0px;"> 
     18                        <span class="messages-remove" style="display: inline; margin-right: 1px;"> 
    3219                                <button class="button message-remove" title="Excluir">&nbsp;</button> 
    3320                        </span> 
    3421                </div> 
    35                 <div class="buttons" style="float: right; margin: 3px; margin-rigth: 5px; width: auto; display: inline;"> 
     22                <% if($.trim(data.info.Draft) == ""){ %> 
     23                <div style="float: right; margin: 3px; width: auto; display: inline; margin-right: 0px;"> 
     24                        <span class="messages-forward" style="display: inline; margin-right: 1px;"> 
     25                                <button class="button message-forward" title="Encaminhar Mensagem">&nbsp;</button> 
     26                        </span> 
     27                </div> 
     28                <div style="float: right; margin: 3px; width: auto; display: inline;"> 
     29                        <span class="message-reply" style="display: inline; margin-right: 1px;"> 
     30                                <button class="button message-reply" title="Responder Mensagem">&nbsp;</button> 
     31                                <a href="#" class="button message-reply-options" title="Mais opções para responder">&nbsp;</a> 
     32                                <div class="message-reply-menu-content" style="display:none;">  
     33                                        <ul> 
     34                                                <li><a href="#" class="menu-pass-through">Sem Histórico</a></li> 
     35                                                <li><a href="#" class="menu-command configurations">Todos com Histórico</a></li> 
     36                                                <li><a href="#" class="menu-command configurations">Todos sem Histórico</a></li> 
     37                                        </ul> 
     38                                </div> 
     39                        </span> 
     40                </div> 
     41                <% }else{ %> 
     42                <div style="float: right; margin: 3px; width: auto; display: inline; margin-right: 0px;"> 
     43                        <span class="message-edit" style="display: inline; margin-right: 1px;"> 
     44                                <button class="button message-edit" title="Editar Rascunho">&nbsp;</button> 
     45                        </span> 
     46                </div> 
     47                <% } %> 
     48                <div style="float: right; margin: 3px; width: auto; display: inline; margin-right: 0px;"> 
     49                        <span style="display: inline;"> 
     50                                <button class="button message-tags" title="Marcadores">&nbsp;</button> 
     51                                <div class="message-tags-menu-content" style="display:none;">  
     52                                        <ul> 
     53                                        </ul> 
     54                                </div> 
     55 
     56                                <a class="button message-more" href="#" title="Mais Ações">Mais</a> 
     57                                <div class="message-more-menu-content" style="display:none;">  
     58                                        <ul> 
     59                                                <li><a href="#" class="menu-command configurations">Mover</a></li> 
     60                                                <li><a href="#" class="menu-command configurations">Exportar</a></li> 
     61                                                <li><a href="#" class="menu-pass-through">Bloquear Remetente</a></li> 
     62                                                <li><a href="#" class="menu-pass-through">Reportar Erro</a></li> 
     63                                        </ul> 
     64                                </div> 
     65                        </span> 
     66                </div> 
     67                <div class="buttons" style="float: right; margin: 3px; width: auto; display: inline;"> 
    3668                        <span  class="message-flags" style="display: inline; margin-right: 1px;"> 
    3769 
    38                                 <input type="checkbox" id="check10<%= data.ID %>" class="message-important-flag"/> 
    39                                 <label title="Marcar como importante" for="check10<%= data.ID %>" style="height: 22px;"></label> 
     70                                <input type="checkbox" id="check10<%= data.ID %>" class="message-important-flag" 
     71                                <%= data.info.Flagged ? 'checked="checked"' : '' %> 
     72                                /> 
     73                                <label title="Marcar como importante" for="check10<%= data.ID %>">&nbsp;</label> 
    4074 
    4175                                <input type="checkbox" id="check2<%= data.ID %>" class="message-unread-flag"/> 
    42                                 <label title="Marcar como nao lida" for="check2<%= data.ID %>" style="height: 22px;"></label> 
     76                                <label title="Marcar como nao lida" for="check2<%= data.ID %>">&nbsp;</label> 
    4377 
    44                                 <input type="checkbox" id="check3<%= data.ID %>" class="message-spam-flag"/> 
    45                                 <label title="Marcar como Spam" for="check3<%= data.ID %>" style="height: 22px;"></label> 
     78                                <input type="checkbox" id="check3<%= data.ID %>" class="message-spam-flag"  
     79                                        <%= data.info.msg_folder.split(cyrus_delimiter)[data.info.msg_folder.split(cyrus_delimiter).length -1] == spamfolder ? 'checked="checked"' : ''%>/> 
     80                                <label title="Marcar como Spam" for="check3<%= data.ID %>">&nbsp;</label> 
    4681 
    4782                                <input type="checkbox" id="check4<%= data.ID %>" class="message-followup-flag"/> 
    48                                 <label title="Marcar com Sinalizador" for="check4<%= data.ID %>" style="height: 22px;"></label> 
     83                                <label title="Marcar com Sinalizador" for="check4<%= data.ID %>">&nbsp;</label> 
    4984 
    5085                        </span> 
     
    5287        </div> 
    5388 
    54         <div class="message-header"> 
    55  
     89        <div class="message-header" style="background-color : #F3F7FD; width: 100%; font-weight: bold; font-size: 18px; border-left: 5px solid #BBD8FB;border-radius:5px;"> 
     90                <span class="message-subject"><%=data.info.subject%></span> 
     91                <table class="message-details"> 
     92                        <tr> 
     93                                <td> 
     94                                        Enviado Por: 
     95                                </td> 
     96                                <td> 
     97                                        <%= data.info.reply_toaddress %> 
     98                                </td> 
     99                        </tr> 
     100                        <tr> 
     101                                <td> 
     102                                        De: 
     103                                </td> 
     104                                <td> 
     105                                        <%= data.info.from.full %> 
     106                                </td> 
     107                        </tr> 
     108                                <td> 
     109                                        Para: 
     110                                </td> 
     111                                <td> 
     112                                        <%= data.info.toaddress2 %> 
     113                                </td> 
     114                        <tr> 
     115                        </tr> 
     116                                <td> 
     117                                        Data: 
     118                                </td> 
     119                                <td> 
     120                                        <%= data.info.fulldate %> 
     121                                </td> 
     122                        <tr> 
     123                        <% if(data.info.cc != ""){ %> 
     124                        </tr> 
     125                                <td> 
     126                                        CC: 
     127                                </td> 
     128                                <td> 
     129                                        <%= data.info.cc %> 
     130                                </td> 
     131                        <tr> 
     132                        <%}%> 
     133                        </tr> 
     134                        <tr> 
     135                        </tr> 
     136                </table> 
     137        </div> 
     138        <div style="border-radius: 5px; width: 100%; height: 12px;border-bottom: 1px solid #CCC; cursor: pointer;" align="center" title="Mostrar/Ocultar Detalhes" class="message-hide-show-details"> 
     139                <span class="ui-icon ui-icon-carat-1-n"></span> 
     140                <span class="ui-icon ui-icon-carat-1-s" style="display:none;"></span> 
    56141        </div> 
    57142 
Note: See TracChangeset for help on using the changeset viewer.