Ignore:
Timestamp:
02/03/11 17:13:42 (13 years ago)
Author:
eduardoalex
Message:

Ticket #1523 - Criado o layout do Expresso Mini para navegadores desktop

Location:
branches/2.2/mobile/templates/default
Files:
9 edited

Legend:

Unmodified
Added
Removed

  • branches/2.2/mobile/templates/default/calendar.tpl

    r3696 r3731  
    1414</form> 
    1515 
    16 <dl id="lista_miolo">    
     16<dl id="lista_miolo">   > 
    1717        {events_box}     
    1818</dl> 
    … …  
    3838<!-- END event_block --> 
    3939<!-- BEGIN no_event_block --> 
    40 <dt class="titulo_mensagem {dd_class}"> 
    41         {msg_no_event} 
    42 </dt> 
     40<div class="dt_branco"> 
     41        <div class="centraliza aumenta-tamanho"> 
     42                <p class="email-item">{msg_no_event}</p> 
     43        </div> 
     44</div> 
    4345<!-- END no_event_block --> 
    4446<!-- BEGIN type_option_block --> 

  • branches/2.2/mobile/templates/default/cc_main.tpl

    r3710 r3731  
    1212                </div> 
    1313                 
    14                 <form id="formu_busca" action="index.php" method="post"> 
     14                <form id="form_busca" action="index.php" method="post"> 
    1515                <input type="hidden" name="menuaction" value="mobile.ui_home.search"> 
    1616                <input type="hidden" name="catalog_to_search" value="{actual_catalog}"> 

  • branches/2.2/mobile/templates/default/home_index.tpl

    r3697 r3731  
    11<!-- BEGIN page --> 
    2 <form method="post" action="index.php?menuaction=mobile.ui_home.search" id="form_search"> 
     2 
     3<script type="text/javascript"> 
     4 
     5function expand_folders() { 
     6        var box = document.getElementById("personal_folder_box"); 
     7        box.style.display = (box.style.display == "none") ? "block" : "none"; 
     8} 
     9 
     10</script> 
     11 
     12<form method="post" action="index.php?menuaction=mobile.ui_home.search" id="form_busca"> 
    313        {search} 
    414         
    … …  
    1020         
    1121        <dl id="lista_miolo"> 
    12                 <div class="resultado-titulo"><label><input type="checkbox" name="default_folders" value='1'/><span class="email-item">{lang_my_mail}</span></label><div class="rotulo-complementar">Usados {quota_percent}% [{quota_used}/{quota_limit}]</div></div> 
    13                         {default_folders_box} 
    14     <div class="limpar_div resultado-titulo"><label><input type="checkbox" name="personal_folders" value='1'><a href="index.php?menuaction=mobile.ui_home.index&expand_folders={expand_folders}" class="email-item"> {lang_my_folders}</a></label></div> 
    15       {personal_folders_box}                     
    16                 <div class="limpar_div resultado-titulo"><label><input type="checkbox" name="calendar_search" value='1'><a href="index.php?menuaction=mobile.ui_mobilecalendar.index" class="email-item"> {lang_my_commitments}</a></label></div> 
    17                         {commitments_box} 
    18     <div class="limpar_div resultado-titulo"><label><input type="checkbox" name="contacts_search" value='1'> <a href="index.php?menuaction=mobile.ui_mobilecc.init_cc" class="email-item"> {lang_my_contacts} </a></label></div>                         
     22                <dd style="margin: 0; padding: 0"><div class="resultado-titulo"><label><input type="checkbox" name="default_folders" value='1' id="search_default_folders" /><span class="email-item">{lang_my_mail}</span></label><div class="rotulo-complementar">{quota_percent}% [{quota_used}/{quota_limit}]</div></div> 
     23                </dd> 
     24                {default_folders_box} 
     25                <dd> 
     26            <div class="limpar_div resultado-titulo"><label><input type="checkbox" name="personal_folders" value='1' id="search_personal_folders"><a href="javascript:expand_folders()" class="email-item"> {lang_my_folders}</a></label></div> 
     27                </dd> 
     28          <span id="personal_folder_box" style="display: none;"> 
     29                        {personal_folders_box} 
     30                </span>          
     31                <dd> 
     32                        <div class="limpar_div resultado-titulo"><label><input type="checkbox" name="calendar_search" value='1' id="search_calendar_search"><a href="index.php?menuaction=mobile.ui_mobilecalendar.index" class="email-item"> {lang_my_commitments}</a></label></div> 
     33                </dd> 
     34                {commitments_box} 
     35                <dd> 
     36        <div class="limpar_div resultado-titulo"><label><input type="checkbox" name="contacts_search" value='1' id="search_contacts_search"> <a href="index.php?menuaction=mobile.ui_mobilecc.init_cc" class="email-item"> {lang_my_contacts} </a></label></div> 
     37                </dd> 
    1938        </dl> 
    2039</form> 

  • branches/2.2/mobile/templates/default/home_search.tpl

    r3713 r3731  
    1 <!-- BEGIN home_search --> 
     1<!-- BEGIN main --> 
    22                <div class="menu-contexto"> 
    33                        <span><a href="javascript:history.go(-1);">{lang_back}</a></span> <span class="titulo-secao">{lang_search_return}</span> 
    44                </div> 
    55                         
    6                         <form method="post" action="index.php"> 
     6                        <form method="post" action="index.php" id="form_busca"> 
    77                                <input type="hidden" name="menuaction" value="mobile.ui_home.search"> 
    88                                <input type="hidden" name="default_folders" value="{default_folders}"> 
    … …  
    7676                        </div> 
    7777                </dl> 
    78 <!-- END home_search --> 
     78<!-- END main --> 
    7979 
    8080<!-- BEGIN row_events --> 
    81                                 <p class="{bg} espacamento_contato_search"><strong>{date}</strong> - {title}</p>                                 
     81                                <p class="{bg} espacamento_contato_search"><strong>{date}</strong> - {title}</p> 
    8282<!-- END row_events --> 
    8383<!-- BEGIN no_events --> 

  • branches/2.2/mobile/templates/default/login.tpl

    r3714 r3731  
    77                <meta content="text/html;width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0; charset=utf-8;" http-equiv="Content-Type" name="viewport" />  
    88                <meta name="format-detection" content="telephone=no" /> 
    9                 {css} 
     9                <link href="templates/css/mobile.css" type="text/css" rel="StyleSheet" /> 
     10 
     11                <script type="text/javascript"> 
     12 
     13                        function validate_login() { 
     14                                document.getElementById("max_resolution").value = ((screen.width >= screen.height) ? screen.width : screen.height); 
     15                                 
     16                                return true; 
     17                        } 
     18 
     19                </script> 
    1020        </head> 
    1121         
    … …  
    1525                </div> 
    1626 
    17                 {message_box} 
     27                {message_box}            
    1828                 
    19                  
    20                 <form name="form_login" method="post" action="./login.php"> 
     29                <form name="form_login" method="post" action="./login.php" id="login_form" onSubmit="return validate_login()"> 
     30                        <input type="hidden" name="max_resolution" id="max_resolution" value=""> 
    2131                        <input type="hidden" name="passwd_type" value="text"> 
    2232                        <input type="hidden" name="account type" value="u"> 
    … …  
    2434                                <div class="login"> 
    2535                                        <strong>{lang_username}:</strong><br/> 
    26                                         <input name="login"/><br/> 
    27                                         <script>document.form_login.login.focus();</script> 
     36                                        <input name="login" id="login"/><br/> 
    2837                                        <strong>{lang_password}:</strong><br/> 
    2938                                        <input name="passwd" type="password" autocomplete=off/><br/> 
    30                                         <button name="submitit" class="btn-contexto" style="margin-top:5px">{lang_login}</button> 
    31                                 </div>                           
     39                                        <button name="submitit" class="btn-contexto" style="margin-top:5px" type="submit">{lang_login}</button> 
     40                                </div> 
    3241                        </dt> 
    3342                </form> 
    34          
     43 
    3544                <div class="rodape">Projeto ExpressoLivre 2004 - 2010 :: Licen&ccedil;a de Software</div> 
    3645        </body> 
    3746</html> 
     47 
     48<script type="text/javascript"> 
     49        document.getElementById('login').focus(); 
     50</script> 
     51 
    3852<!-- END page --> 
    3953<!-- BEGIN success_message --> 

  • branches/2.2/mobile/templates/default/mobilemail.tpl

    r3691 r3731  
    66                </div> 
    77                         
    8                 <form action="index.php" method="post" id="formu_busca">  
     8                <form action="index.php" method="post" id="form_busca">  
    99                <input type="hidden" name="menuaction" value="mobile.ui_home.search"> 
    1010                <input type="hidden" name="folder_to_search" value="{folder_id}"> 
    … …  
    2424                                </select> 
    2525                        </dt> 
     26                 
     27                        <form id="formu" action="index.php" method="post"> 
     28                        <input type="hidden" id="menuaction" name="menuaction" value="mobile.ui_mobilemail.delete_msg"> 
     29                        <input type="hidden" id="msg_folder" name="msg_folder" value="{folder_id}"> 
     30                        <input type="hidden" id="flag" name="flag" value="seen"> 
     31                        {mails} 
     32                        </form> 
     33                 
     34                        <div class="menu-contexto centraliza" style="display:{show_more};"> 
     35                                <form method="post" action="index.php"> 
     36                                        <input type="hidden" name="menuaction" value="mobile.ui_mobilemail.change_page"> 
     37                                        <input type="hidden" name="page" value="{page}"> 
     38                                        <button type="submit" name="more_messages" title="{lang_more_messages}" class="btn-contexto"> {lang_more} 10 {lang_messages}</button> 
     39                                </form> 
     40                        </div> 
    2641                         
    27                                 <form id="formu" action="index.php" method="post"> 
    28                                 <input type="hidden" id="menuaction" name="menuaction" value="mobile.ui_mobilemail.delete_msg"> 
    29                                 <input type="hidden" id="msg_folder" name="msg_folder" value="{folder_id}"> 
    30                                 <input type="hidden" id="flag" name="flag" value="seen"> 
    31                                 {mails} 
    32                                 </form> 
    33                          
    34                 <div class="menu-contexto centraliza" style="display:{show_more};"> 
    35                         <form method="post" action="index.php"> 
    36                                 <input type="hidden" name="menuaction" value="mobile.ui_mobilemail.change_page"> 
    37                                 <input type="hidden" name="page" value="{page}"> 
    38                                 <button type="submit" name="more_messages" title="{lang_more_messages}" class="btn-contexto"> {lang_more} 10 {lang_messages}</button> 
    39                         </form> 
    40                 </div> 
    41                  
    42                 <div id="operacao_lista"> 
    43                         <div class="margin-rodape"> 
    44                                 {selecteds}: 
    45                                 <button id="selecionar" class="btn-generico" onclick="document.getElementById('menuaction').value='mobile.ui_mobilemail.mark_message_with_flag';document.getElementById('formu').submit();" >marcar como lido</button> 
    46                                 <button id="remover" class="btn-generico" onclick="document.getElementById('menuaction').value='mobile.ui_mobilemail.delete_msg';document.getElementById('formu').submit();">remover</button> 
     42                        <div id="operacao_lista"> 
     43                                <div class="margin-rodape"> 
     44                                        {selecteds}: 
     45                                        <button id="selecionar" class="btn-generico" onclick="document.getElementById('menuaction').value='mobile.ui_mobilemail.mark_message_with_flag';document.getElementById('formu').submit();" >marcar como lido</button> 
     46                                        <button id="remover" class="btn-generico" onclick="document.getElementById('menuaction').value='mobile.ui_mobilemail.delete_msg';document.getElementById('formu').submit();">remover</button> 
     47                                </div> 
    4748                        </div> 
    48                 </div> 
     49                </dl> 
    4950<!-- END main_emails --> 

  • branches/2.2/mobile/templates/default/pc_template.tpl

    r3727 r3731  
    11<!-- BEGIN mobile_home --> 
     2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
     3                "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    24<html xmlns="http://www.w3.org/1999/xhtml"> 
    35        <head> 
    4                 <title> 
    5                         Expresso Mini 
    6                 </title> 
     6                <title>{global_title}</title> 
    77                <meta content="text/html; width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0; charset=utf-8" http-equiv="Content-Type" name="viewport" /> 
    88                <meta name="format-detection" content="telephone=no" /> 
    … …  
    1111                        <link href="templates/css/ie6.css" type="text/css" rel="StyleSheet"> 
    1212                <![endif]--> 
     13                 
     14                <script type="text/javascript"> 
     15                        function validate_desktop_search() { 
     16                                var default_folders = document.getElementById("hidden_default_folders"); 
     17                                var personal_folders = document.getElementById("hidden_personal_folders"); 
     18                                var calendar_search = document.getElementById("hidden_calendar_search"); 
     19                                var contacts_search = document.getElementById("hidden_contacts_search"); 
     20 
     21                                default_folders.value = (document.getElementById("search_default_folders").checked) ? "1" : "";  
     22                                personal_folders.value = (document.getElementById("search_personal_folders").checked) ? "1" : "";  
     23                                calendar_search.value = (document.getElementById("search_calendar_search").checked) ? "1" : "";  
     24                                contacts_search.value = (document.getElementById("search_contacts_search").checked) ? "1" : ""; 
     25 
     26                                if(default_folders.value == "" && personal_folders.value == "" && calendar_search.value == "" && contacts_search.value == "") { 
     27 
     28                                        if( document.getElementById("box_aviso_negativo") ) {  
     29                                                document.getElementById("box_aviso_negativo").innerHTML = '<div class="aviso-negativo"><strong>{lang_search_error_message}</strong></div>';  
     30                                        } else {  
     31                                                var targetElement = document.getElementById("topo_box");  
     32                                                var newElement = document.createElement('div');  
     33                                                newElement.className = "bg-neutro";  
     34                                                newElement.id = "box_aviso_negativo";  
     35                                                newElement.innerHTML = '<div class="aviso-negativo"><strong>{lang_search_error_message}</strong></div>'; 
     36 
     37                                                var parent = document.getElementById("topo_box").parentNode; 
     38 
     39                                                if(parent.lastchild == targetElement) {  
     40                                                        parent.appendChild(newElement);  
     41                                                } else {  
     42                                                        parent.insertBefore(newElement, targetElement.nextSibling);  
     43                                                }  
     44                                        } 
     45 
     46                                        return false; 
     47                                } else { 
     48                                        return true; 
     49                                } 
     50                        } 
     51                 
     52                </script> 
     53                 
    1354        </head> 
    1455        <body> 
    1556                <div id="global"> 
    16                         <div class="topo"> 
    17                                 <h1> 
    18                                         Expresso Mini 
    19                                 </h1><span><a href="#">Ajuda</a></span> 
     57                        <div id="topo_box" class="topo"> 
     58                                <h1>{global_title}</h1> 
     59                                <span><a href="{href_logout}">{lang_logout}</a></span> 
    2060                        </div> 
    21                         <form method="post" action="index.php?menuaction=mobile.ui_home.search" id="form_search"></form> 
    22                         <div id="busca"> 
    23                                 <table> 
    24                                         <tr> 
    25                                                 <td class="gd"> 
    26                                                         <input type="text" name="name" /> 
    27                                                 </td> 
    28                                                 <td class="pq"> 
    29                                                         <button name="search_message" class="btn-generico" onclick="document.getElementById('formu_busca').submit();">BUSCAR</button> 
    30                                                 </td> 
    31                                         </tr> 
    32                                 </table> 
    33                         </div><!-- INÍCIO NAVEGAÇÃO --> 
     61                         
     62                        {message_box} 
     63                        <!-- BEGIN mobile_home_content --> 
     64                         
     65                        <form method="post" action="index.php?menuaction=mobile.ui_home.search" id="form_busca" onSubmit="return validate_desktop_search()"> 
     66                                <input type="hidden" name="default_folders" id="hidden_default_folders" value=''/> 
     67                                <input type="hidden" name="personal_folders" id="hidden_personal_folders" value=''/> 
     68                                <input type="hidden" name="calendar_search" id="hidden_calendar_search" value=''/> 
     69                                <input type="hidden" name="contacts_search" id="hidden_contacts_search" value=''/> 
     70                                {search} 
     71                        </form> 
    3472                        <div id="navegacao"> 
    3573                                {home} 
    36                         </div><!-- INÍCIO CONTEÚDO --> 
     74                        </div><!-- INÍCIO CONTEÚDO --> 
    3775                        <div id="conteudo"> 
    3876                                {content} 
    … …  
    4078                </div> 
    4179                <div class="rodape"> 
    42                         Projeto ExpressoLivre 2004 - 2010 :: Licença de Software 
     80                        <p>Projeto ExpressoLivre 2004 - 2010 :: Licen&ccedil;a de Software</p> 
     81                        <p><a href="index.php?menuaction=mobile.ui_home.change_template&template=mini_mobile">{lang_mini_mobile}</a></p> 
    4382                </div> 
    4483        </body> 
    4584</html> 
    4685<!-- END mobile_home --> 
     86<!-- BEGIN success_message --> 
     87<div class="bg-neutro" id="box_aviso_positivo"> 
     88        <div class="aviso-positivo">,  
     89                <strong>{message}</strong>               
     90        </div> 
     91</div> 
     92<!-- END success_message --> 
     93<!-- BEGIN error_message --> 
     94<div class="bg-neutro" id="box_aviso_negativo"> 
     95        <div class="aviso-negativo"> 
     96                <strong>{message}</strong> 
     97        </div> 
     98</div> 
     99<!-- END error_message --> 

  • branches/2.2/mobile/templates/default/search_bar.tpl

    r3690 r3731  
    44                        <tr> 
    55                                <td class="gd"><input type="text" name="name" ></td> 
    6                 <td class="pq"><button name="search_message" class="btn-generico" onClick="document.getElementById('formu_busca').submit();" >buscar </button></td> 
     6                <td class="pq"><button name="search_message" class="btn-generico" type="submit" >buscar </button></td> 
    77                </tr> 
    88        </table> 

  • branches/2.2/mobile/templates/default/template.tpl

    r3727 r3731  
    44<html xmlns="http://www.w3.org/1999/xhtml"> 
    55    <head>    
    6             <title>Expresso Mini</title> 
     6            <title>{global_title}</title> 
    77                <meta content="text/html;width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0; charset=utf-8;" http-equiv="Content-Type" name="viewport" />  
    88                <meta name="format-detection" content="telephone=no" /> 
    9                 {css} 
     9                <link href="templates/css/mobile.css" type="text/css" rel="StyleSheet" /> 
    1010        </head>  
    1111        <body> 
    1212                <div class="topo"> 
    13                         <h1>Expresso Mini</h1> 
     13                        <h1>{global_title}</h1> 
    1414                        <span><a href="{href_logout}">{lang_logout}</a></span> 
    1515                </div> 
    … …  
    3030                </div> 
    3131                <div class="rodape">Projeto ExpressoLivre 2004 - 2010 :: Licen&ccedil;a de Software</div> 
    32                  <div class="rodape center"><a href="index.php?menuaction=mobile.ui_home.change_template&template=mini">Utilizar versão para Desktops</a></div> 
     32                <div class="rodape center"><a href="index.php?menuaction=mobile.ui_home.change_template&template=mini_desktop">Mini Desktop</a></div> 
    3333        </body> 
    3434</html> 
    … …  
    3636<!-- BEGIN success_message --> 
    3737<div class="bg-neutro"> 
    38         <div class="aviso-positivo" style="width:98%;padding-left:1%;padding-right:1%;"> 
     38        <div class="aviso-positivo"> 
    3939                <strong>{message}</strong> 
    4040        </div> 
    … …  
    4343<!-- BEGIN error_message --> 
    4444<div class="bg-neutro"> 
    45         <div class="aviso-negativo" style="width:98%;padding-left:1%;padding-right:1%;"> 
     45        <div class="aviso-negativo"> 
    4646                <strong>{message}</strong> 
    4747        </div> 
Note: See TracChangeset for help on using the changeset viewer.