Changeset 5134 for trunk/expressoMail1_2/templates/default/index.tpl

Timestamp:

11/03/11 13:24:28 (12 years ago)

Author:

wmerlotto

Message:

Ticket #2305 - Enviando alteracoes, desenvolvidas internamente na Prognus, do modulo ExpressoMail?.

File:

• trunk/expressoMail1_2/templates/default/index.tpl (modified) (3 diffs)

trunk/expressoMail1_2/templates/default/index.tpl

@@ -22 +22 @@
                                                         <td>
                                                                 <div id="search_div" align="center" style="white-space:nowrap"></div>
-                                                                <input type="text" id="em_message_search" size="16" maxlength="22" onfocus="javascript:onFocusQuickSearchEmail(this); return false;"/>
+                                                                <input type="text" id="em_message_search" size="18" />
                                                                 <a style="padding:1 8px; width:16px; height:16px; background: url(templates/default/images/search.gif) no-repeat center; margin: 0 3px;" class="" onMouseOut="window.status='';return true;" title='{lang_Open_Search_Window}' onMouseOver="window.status='{lang_Open_Search_Window}';return true;" href="javascript:void(0);"  onClick="javascript:search_emails(Element('em_message_search').value)"></a> 
+                                                                
                                                                 <a style="padding:1 8px; width:16px; height:16px; background: url(templates/default/images/users.gif) no-repeat center;" class="" onMouseOut="window.status='';return true;" title='{lang_search_user}' onMouseOver="window.status='{lang_search_user}' ;return true;" href="javascript:void(0);"  onClick="javascript:emQuickSearch(Element('em_message_search').value, 'null', 'null')"></a> 
                                                         </td>
@@ -131 +132 @@
         </table>
 </div>
-<link href="../library/jquery/css/redmond/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css">
-                <script type="text/javascript" src="../library/jquery/jquery-ui.min.js"></script> 
-                <link href="templates/default/quick_search.css" rel="stylesheet" type="text/css"> 
-                <div style="display:none; width: auto; min-height: 0px; height: 410px;" id="dialog-modal" title="{lang_quick_search_users_dialog_title}"> 
-                    <div style="width:910px;height:410px;">                      
-                            <div class="acc-list" style="width:370px;height:85%;float:left;border:1px solid #DDD;background-color:#EEE;border-radius:3px;margin-left:1px;"> 
-                                    <h3 id="title_usuarios"></h3> 
-                                    <ul id="selectable" style="width:370px; height:350px;"></ul>   
-                                    <div class="demo" style="width:100%;margin-top:-5px;"> 
-                                        <div id="slider"></div> 
-                                            <p> 
-                                                <label for="amount">{lang_page}: </label> 
-                                                <input type="text" id="amount" style="border:0; font-weight:bold; width:85%" /> 
-                                            </p>             
-                                    </div> 
-                            </div> 
-                            <div style="width:525px;height:90%;float:left;">  
+<link href="../library/jquery/css/redmond/jquery-ui.css" rel="stylesheet" type="text/css">
+<script type="text/javascript" src="../library/jquery/jquery-ui.min.js"></script>
+                                       
+<script type="text/javascript" src="js/QuickCatalogSearch.js"></script>
+<link href="templates/default/quick_search.css" rel="stylesheet" type="text/css">
+<div style="display:none; width: auto; min-height: 0px; height: 410px; overflow: hidden" id="dialog-modal" class="dialog-modal expressomail-qs-container" title="{lang_quick_search_users_dialog_title}">
                                 <div id="accordion"> 
                                         <div class="ui-widget" align="right"> 
-                                            <label>{lang_search}: </label> 
-                                                <input type="text" id="busca" size=30></input>                             
+                                                        <fieldset class="search-field ui-corner-all" style>
+                                                                <span class="ui-icon ui-icon-search"></span>
+                                                                <input class="search" id="busca" onFocus="setFocus();" onBlur="removeFocus();" onkeypress="javascript: if(checkEnter(event)) {buscaContato(this.value); }" type="text" />
+                                                        </fieldset>
+                                                        <fieldset class="search-catalog-options ui-corner-all">
                                             <select id="combobox"> 
                                                 <!-- Pegar essas opções das preferências --> 
@@ -158 +151 @@
                                                 <option value="all">{lang_all_catalogs}</option> 
                                             </select> 
-                                            <input type="button" value="Buscar" onClick=buscaContato(busca.value); /> 
-                                            <input type="button" value="?" onClick="alert('Busca rápida de contatos versão 0.1\nPrognus Software Livre')" /> 
-                                        </div> 
-                                        <fieldset id="fieldset1" style="width:490px;height:85%;float:right;"> 
-                                            <legend>{lang_contact_details}</legend> 
-                                                <div style="float:left;"> <span id="detalhes_contato">---</span> </div> 
                                         </fieldset>     
+                            <input class="button" type="button" value="Buscar" onClick="buscaContato(busca.value);"/>
+                            <input class="button" type="button" value="?" onClick="show_help()" />
                                  </div>   
                              </div> 
+                                <fieldset id="fieldset1" class="details-container ui-corner-all">
+                            <legend>{lang_contact_details}</legend>
+                            <div style="overflow: auto; height: 230px;" id="detalhes_contato"></div>
+                        </fieldset>    
+            <div class="acc-list"> <ul id="selectable"></ul></div>
+                    <div class="demo" style="float: left; margin-top: 10px; width: 100%; height: 20px; padding:5px 0 0 0;">
+                        <div id="slider" style="width: 448px;"></div>
+                            <p style="margin-top: -15px; margin-bottom: 0pt; margin-left: 453px; float: left;">
+                                <label for="amount">{lang_page}: </label>
+                                <input type="text" id="amount-text" style="border:0; font-weight:bold;" readonly="true" />
+                            </p>            
                         </div> 
+</div>
+<div style="display:none; width: auto; min-height: 0px; height: 380px;" id="dialog-modal_help" title="{lang_dialog_help} Help busca rápida de contatos"> 
+        <fieldset id="fieldset2">
+        <legend>{lang_help} Busca rápida de contatos</legend>
+                <div>
+                        <strong>Para a utilização dessa funcionalidade, podem ser usados os seguintes atalhos:</strong><br><br><br>
+                        <ul>
+                                <li>Ir para a página anterior - Seta para esquerda</li>
+                                <li>Mover para contato acima - Seta para cima</li>
+                                <li>Mover para contato abaixo - Seta para baixo</li>
+                                <li>Mover para a próxima página - Seta para direita</li>
+                                <li>Adicionar contato selecionado - Enter</li>
+                                <li>Fechar - Esc</li>
+                        </ul> 
                 </div> 
+        </fieldset>   
+</div>
 <!-- END list -->