source: sandbox/newExpressoMail/expressoMail1_2/templates/default/index.tpl @ 7167

Revision 7167, 10.2 KB checked in by gustavo, 12 years ago (diff)

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

  • Property svn:eol-style set to native
  • Property svn:executable set to *
Line 
1<!-- BEGIN list -->
2<script src="js/report_window.js"></script> 
3<input type="hidden" value="{txt_loading}" id="txt_loading">
4<input type="hidden" value="{txt_clear_trash}" id="txt_clear_trash">
5<input type="hidden" value="{upload_max_filesize}" id="upload_max_filesize">
6<input type="hidden" value="{msg_folder}" id="msg_folder">
7<input type="hidden" value="{msg_number}" id="msg_number">
8<input type="hidden" value="{user_email_alternative}" id="user_email_alternative">
9<input type="hidden" value="{user_email}" id="user_email">
10<input type="hidden" value="{user_organization}" id="user_organization">
11<input type="hidden" value="{cyrus_delimiter}" id="cyrus_delimiter">
12<table id="main_table" width="100%" cellspacing="0" cellpadding="0" border="0" style="display:none">
13<tbody>
14<tr>
15        <td id="folderscol" width="170px" height="100%" valign="top">
16                <table id="folders_tbl" width="200px" border="0" cellspacing="0" cellpadding="0">
17                <tbody>
18                <tr>
19                        <td class='content-menu'>
20                                <table border="0" cellspacing="0" cellpadding="0" style="width:100%">
21                                        <tbody>
22                                                <tr>
23                                                        <td>
24                                                                <div id="search_div" class="class_search_div" style="white-space:nowrap">
25                                                                        <input type="text" id="em_message_search" size="17" style="margin-left: 5px;"/>
26                                                                        <img style="padding:0px 8px; width:16px; height:16px; margin: -5px -5px; cursor:pointer;" class="" src="templates/default/images/search.gif" 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)"></img>
27                                                                        <img style="padding:0px 8px; width:16px; height:16px; margin: -5px -5px; cursor:pointer;" class="" src="templates/default/images/users.gif" 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', 'expressoMail')"></img>
28                                                                </div>
29                                                        </td>
30                                                </tr>
31                                                <tr height="24">
32                                                        <td class='content-menu-td' onclick='javascript:new_message("new","null");' onmouseover='javascript:set_menu_bg(this);' onmouseout='javascript:unset_menu_bg(this);'>
33                                                                <div class='em_div_sidebox_menu'>
34                                                                        <img src='./templates/default/images/menu/createmail.gif' />
35                                                                        <span class="em_sidebox_menu">{new_message}</span>
36                                                                </div>
37                                                        </td>
38                                                </tr>
39                                                <tr height="24">
40                                                        <td class='content-menu-td' id='em_refresh_button' onclick='javascript:refresh();' onmouseover='javascript:set_menu_bg(this);' onmouseout='javascript:unset_menu_bg(this);'>
41                                                                <div class='em_div_sidebox_menu'>
42                                                                        <img src='./templates/default/images/menu/checkmail.gif' />
43                                                                                <span class="em_sidebox_menu">{refresh}</span>
44                                                                </div>
45                                                        </td>
46                                                </tr>
47                                                <tr height="24">
48                                                        <td id="link_tools" class='content-menu-td'>
49                                                                <div class='em_div_sidebox_menu'>
50                                                                        <img height='16px' src='./templates/default/images/menu/tools.gif' />
51                                                                                <span class="em_sidebox_menu">{tools} ...</span>
52                                                                </div>
53                                                        </td>
54                                                </tr>                                                           
55                                        </tbody>
56                                </table>
57                        </td>
58                </tr>
59                <tr>
60                        <td height="2px"></td>
61                </tr>                                           
62                <tr>
63                        <td class="image-menu" valign="top" style="padding:0px">
64                                <div id="content_folders" class="menu-degrade" style="width:230px;height:100%;overflow:auto"></div>
65                        </td>
66                </tr>
67                </tbody>
68                </table>
69                <script type="text/javascript">
70                var element_input = document.getElementById('em_message_search');
71               
72                function keyPressQuickSearchEmail(e)
73                {
74                        if( e.keyCode == 13 )
75                                performQuickSearch(Element('em_message_search').value);
76                }
77               
78                if ( element_input.addEventListener )
79                        element_input.addEventListener('keypress', keyPressQuickSearchEmail, false);
80                else if ( element_input.attachEvent )
81                        element_input.attachEvent('onkeypress', keyPressQuickSearchEmail);
82               
83                function onFocusQuickSearchEmail(pInput)
84                {
85                        if ( pInput.createTextRange )
86                        {
87                                var FieldRange = pInput.createTextRange();
88                                        FieldRange.moveStart('character', pInput.value.length);
89                                        FieldRange.collapse();
90                                        FieldRange.select();
91                        }
92                }
93               
94                </script>
95        </td>
96        <td class="collapse_folders_td">
97                <span class="collapse_folders ui-icon ui-icon-triangle-1-w" title="Ocultar"></span>
98                <span class="collapse_folders ui-icon ui-icon-triangle-1-e" title="Expandir" style="display:none;"></span>
99        </td>                   
100        <td width="100%" valign="top" align="left">
101                <div id="exmail_main_body" class="messagescol">
102                        <div id="ptabs">
103                <ul style="border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;">
104                    <li class="ui-tab-disabled" style="opacity: 100;">
105                        <a href="#ptabs_0">&nbsp;{lang_inbox}&nbsp;<font face="Verdana" size="1" color="#505050">
106                            [<span id="new_m">0</span> / <span id="tot_m">0</span>]</font>
107                        </a>
108                    </li>
109                </ul>
110                <div id="ptabs_0" role="folder">
111                    <table id="message_attacher_grid">
112                        <tr>
113                            <td/>
114                        </tr>   
115                    </table>
116                    <div id="message_attacher_grid_pager"></div>
117                </div>
118            </div>
119                        <div id="footer_menu">
120                                <table style="border-top:0px solid black" id="footer_box" cellpadding=0 cellspacing=0 border=0 width="100%" height="10px">
121                                        <tbody>
122                                                <tr id="table_message"></tr>
123                                        </tbody>
124                                </table>
125                        </div>
126                </div>
127        </td>
128</tr>
129</tbody>
130</table>
131<div id='forms_queue'></div>
132<div style="display:none" id="send_queue">
133        <table width="100%" height="100%">
134                <tr>
135                        <td background="js/modal/images/fundo_exp.png" valign="top" align="center">
136                                <font color="#006699"><b><div id="text_send_queue"></div></b></font>
137                        </td>
138                </tr>
139        </table>
140</div>
141<link href="../library/jquery/css/redmond/jquery-ui.css" rel="stylesheet" type="text/css">
142<script type="text/javascript" src="../library/jquery/jquery-ui.min.js"></script>
143                                       
144<script type="text/javascript" src="js/QuickCatalogSearch.js"></script>
145<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}">
146                                <div id="accordion">
147                                        <div class="ui-widget" align="right">
148                                                        <fieldset class="search-catalog-options ui-corner-all">
149                                            <select id="combobox">
150                                                <!-- Pegar essas opções das preferências -->
151                                                <option value="global">{lang_global_catalog}</option>
152                                                <option value="personal">{lang_personal_catalog}</option>
153                                                <option value="all">{lang_all_catalogs}</option>
154                                            </select>
155                                    </fieldset>     
156                            <fieldset class="search-field ui-corner-all" style>
157                                                                <span class="ui-icon ui-icon-search"></span>
158                                                                <input class="search" id="busca" onFocus="setFocus();" onBlur="removeFocus();" onkeypress="javascript: if(checkEnter(event)) {buscaContato(this.value); }" type="text" />
159                                                        </fieldset>
160                                                        <input class="button" type="button" onClick="show_help()" style="background-image: url('./templates/default/images/information.png'); background-repeat: no-repeat;"/>
161                                 </div>   
162                             </div>
163                                <fieldset id="fieldset1" class="details-container ui-corner-all">
164                            <legend>{lang_contact_details}</legend>
165                            <div style="overflow: auto; height: 230px;" id="detalhes_contato"></div>
166                        </fieldset>   
167            <div class="acc-list"> <ul id="selectable"></ul></div>
168                    <div class="demo" style="float: left; margin-top: 10px; width: 100%; height: 20px; padding:5px 0 0 0;">
169                        <div id="slider" style="width: 448px;"></div>
170                            <p style="margin-top: -15px; margin-bottom: 0pt; margin-left: 453px; float: left;">
171                                <label for="amount" style="padding-left: 6px;">{lang_page}: </label>
172                                <input type="text" id="amount-text" style="padding-left: 3px; border:0; font-weight:bold; width: 175px;" readonly="true"/>
173                            </p>           
174                        </div>
175</div>
176<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"> 
177        <fieldset id="fieldset2">
178        <legend>{lang_help} Busca rápida de contatos</legend>
179                <div>
180                        <strong>Para a utilização dessa funcionalidade, podem ser usados os seguintes atalhos:</strong><br><br><br>
181                        <ul>
182                                <li>Ir para a página anterior - Seta para esquerda</li>
183                                <li>Mover para contato acima - Seta para cima</li>
184                                <li>Mover para contato abaixo - Seta para baixo</li>
185                                <li>Mover para a próxima página - Seta para direita</li>
186                                <li>Adicionar contato selecionado - Enter</li>
187                                <li>Fechar - Esc</li>
188                        </ul>
189                </div>
190        </fieldset>   
191</div>
192<div id="import-dialog" title="Importar Evento" style="display:none">
193        <p>Seleciona uma Agenda para o Evento :</p>
194        <p>
195                <select style="width:100%;" id="select-agenda">
196                </select>
197        </p>
198        <p>
199                <label>Status : </label>
200        </p>
201        <p>
202                <select style="width:100%;" id="select-status">
203                        <option value="1">Eu vou</option>
204                        <option value="3">Não vou</option>
205                        <option value="2">Tentativa</option>
206                </select>
207        </p>
208</div>
209<div id="sandbox" class="expresso-calendar-container hidden">
210</div>
211<div id="windowLabels" class="label-configure-win" style="display: none;"></div>
212<div id="followupFlag" class="followupflag-configure-win" style="display: none;"></div>
213<div class="expressomail-module-container" style="display: none;"></div>
214<div id="importEmails" style="display:none;padding:5px;"></div>
215<div id="sendFileMessages" style="display:none;"></div>
216<div id="quickAddContact" style="display:none;"></div>
217<div id="freeow" class="freeow freeow-bottom-right"></div>
218<!-- END list -->
Note: See TracBrowser for help on using the repository browser.