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
Files:
12 edited

Legend:

Unmodified
Added
Removed

  • branches/2.2/mobile/templates/css/desktop.css

    r3727 r3731  
    33/* MACRO ESTRUTURA BROWSER */ 
    44.global{ } 
    5 /*#navegacao{float:left; width:30%} 
    6 #conteudo{float:left; width:70%; min-height:305px;background: #eef7fa } */ 
     5#navegacao{float:left; width:29%; } 
     6#conteudo{border-left: solid #F6F6F6; border-left-width: 1%; float:left; width:70%; min-height:305px;background: #eef7fa;}  
    77 
    8  #navegacao, #conteudo { position: absolute; border: 5px solid #F6F6F6; } 
    9 #navegacao {right: 30%; left: 0; } 
    10 #conteudo {left: 30%; right: 0; }  
    11  
    12 #titulo-miolo, .menu-contexto{background-color: #3399CC ;color: #FFFFFF;  font-size: small; min-height: 22px; line-height:22px; padding: 4px 2px; font-weight:bold; } 
     8#lista_miolo {clear:none; color:#666; width:auto; font-size:small; } 
     9#titulo-miolo, .menu-contexto{background-color: #3399CC ;color: #FFFFFF;  font-size: small; height: 26px; line-height:22px; padding: 4px 2px; font-weight:bold; width:auto; } 
    1310 
    1411/* CLASSES e IDS MODIFICADAS */ 
    … …  
    1815.menu-diverso, #palavra-procurada{height:25px} 
    1916.email-data{width:70px;} 
    20 .aviso-positivo, .aviso-negativo {width:50%} 
    2117#titulo-miolo button {height:21px} 
    2218 
    23 /*#corpo_mensagem {margin-left:5px}*/ 
    2419#corpo_mensagem #foto {padding:5px 0; text-align:left; margin-left:20px} 
    2520 
    … …  
    2823.posiciona-esquerda{margin-left:5px} 
    2924 
    30  
    3125div.dt-azul p+p {margin-left:5px} 
    3226div.dt-branco p+p  {margin-left:5px} 
    33 /*div.rodape {position:absolute; bottom:0; width:100%}*/ 
    3427 
    35 /*Modificadas 31/01/2011*/ 
    36 div.rodape {bottom:0; clear:both; display:table; position:fixed; width:100%;} 
     28div.rodape { margin-top: 4px; background-color:#FFF; } 
    3729div.margin-rodape {  clear: both;   margin: 0 0 21px 5px; } 
    3830 

  • branches/2.2/mobile/templates/css/ie6.css

    r3727 r3731  
    1 @import url("mobile.css"); 
    2  
    31/* MACRO ESTRUTURA BROWSER */ 
    42.global{ } 
    5 #navegacao{float:left; width:30%} 
    6 #conteudo{float:left; width:70%; min-height:305px;background: #eef7fa } 
     3#navegacao{float:left; width:29%} 
     4#conteudo{border-left: solid #F6F6F6; border-left-width: 1%; float:left; width:70%; min-height:305px;background: #eef7fa;}  
    75#titulo-miolo{background-color: #3399CC ;color: #FFFFFF;  font-size: small; min-height: 22px; line-height:22px; padding: 4px 0; font-weight:bold; } 
    86 

  • branches/2.2/mobile/templates/css/mobile.css

    r3713 r3731  
    1717table {border-collapse:separate;border-spacing:0;} 
    1818 
    19  
    2019#busca table { width:100%;} 
    2120.gd {width:90%; padding:2px 0;} 
    2221.pq {width:10%; padding-left:5px; padding-right:5px; text-align:center;} 
    2322.bt {width:10%; padding-left:10px; } 
    24  
    2523 
    2624caption, th, td {text-align:left;} 
    … …  
    3230li {list-style:none;} 
    3331 
    34  
    35  
    36  
    37  
    3832/***************Elementos******************/ 
    3933 
    4034h1{ padding-top: 5px; height:20px; font-size:small; padding-left:5px; color:#FFFFFF; float:left;  } 
    41 /*dt { padding:3px 3px 3px 10px; font-size:small; color:#3E3E3D; background-color:#CEE5EF; width:100%;}*/ 
    4235dt {font-size:small; color:#3E3E3D; background:#CEE5EF; width:100%;} 
    4336.dt-titulo, .dt-azul, .dt-branco {background:#EEF7FA; clear:both; display:table;  width:100%;  } 
    … …  
    4942.espacamento, .espacamento_contato_search{padding:5px 0 5px 25px; margin:0 0 5px 0 } 
    5043.espacamento_contato_search{padding-left:5px;} 
    51 #palavra-procurada {background:#C0DCE9; height:22px; padding-top:4px; width:100%} 
     44#palavra-procurada {background:#C0DCE9; height:22px; padding: 6px 0 0 4px; width:auto} 
    5245#editando{font-size:120%; color:#666; margin-left:5px} 
    5346div > p.dt-azul > strong{ margin-left:8px; float:left } 
    … …  
    6861.busca-email-texto {margin-left:25px !important} 
    6962 
    70  
    71  
    72  
    73  
    7463/*ALTERADOS*/ 
    7564/*#text_area{width:98%; margin-top:10px; margin:auto }*/ 
    … …  
    9382.posiciona-esquerda input[type="checkbox"]{ vertical-align:baseline} 
    9483 
    95 /*07/01/2011*/ 
    96 /*.posiciona-esquerda p{ margin:5px 0 5px 5px;} 
    97 .posiciona-direita-busca { font-weight:normal; padding-top:8px; text-align:right; width:56px; float:right; margin-right:6px} 
    98 .posiciona-direita {font-size:x-small; float:left; font-weight:normal; text-align:left; width:20%; padding-top:8px} 
    99 .posiciona-direita p { margin-bottom:3px} 
    100 .posiciona-direita span{ margin:6px 0 ; padding:8px 0; font-size:x-small !important; font-weight:normal;  float:right } 
    101 .posiciona-direita span a{ color:#666;   padding:8px 9px }*/ 
    102  
    103  
    104  
    10584.posiciona-esquerda p{ margin:5px 0 5px 5px} 
    10685.posiciona-direita-busca { font-weight:normal; padding-top:8px; text-align:right; width:56px; float:right; margin-right:6px} 
    … …  
    11089.posiciona-direita a{height:22px; color:#666;   padding:4px; font-size: x-small; } 
    11190 
    112  
    11391#lista_miolo {clear:both; color:#666; width:100%; /*min-height:165px;*/font-size:small; } 
    11492#lista_miolo dd {background:#FFFFFF; width:100%; display:table  } 
    … …  
    11896#lista_miolo #contagem {font-size:x-small; width:20%; float:left; font-weight:normal; text-align:left;} 
    11997 
    120  
    121  
    122  
    12398/***************Classes******************/ 
    12499 
    … …  
    132107.limpar_div { 
    133108        clear:both 
    134         } 
    135  
     109} 
    136110 
    137111.resultado-titulo{background:#D4E7F0; min-height:18px; padding:4px 0; font-weight:bold} 
    … …  
    141115p.urgente {color:#F00; font-style:italic; font-size:x-small } 
    142116div.urgente {width:14px; height:12px; background:#F00; margin-left:5px; text-align:center; vertical-align:middle;color:#FFF; float:left;font-size:xx-small; padding-top:1px} 
    143  
    144117 
    145118.topo {width:100%; background:#333; display:table } 
    … …  
    155128.nome-item-telefone{margin-left:21px} 
    156129 
    157 .menu-contexto {font-size:small; background-color:#3399CC; color:#FFFFFF; width:100%; min-height:18px; padding:4px 0} 
     130.menu-contexto {font-size:small; background-color:#3399CC; color:#FFFFFF; width:100%; min-height:18px; padding:4px 2px} 
    158131.menu-contexto span{margin-left:5px } 
    159132.btn-contexto {font-size:x-small; background-color:#2B84AF; color:#FFFFFF; border:none; margin-left:5px } 
    … …  
    163136.btn-busca {padding:4px; font-size:x-small; background-color:#2B84AF; color:#FFFFFF; border:none;  min-height:20px;} 
    164137#voltar {margin:0; padding:0} 
    165  
    166138 
    167139#titulo {width:100%; margin:2px 0; padding:20px 0; background-color:#CEE5EF;  } 
    … …  
    171143.titulo-sdt{ padding:2px 0px 0px 5px; height:20px; font-weight:bold; font-size: x-small; color:#3E3E3D; } 
    172144 
    173  
    174145.menu-diverso{ height:22px; padding-top:4px} 
    175146.margin-geral{margin:0 0 5px 5px} 
    … …  
    181152.menu-diverso a:hover,.menu-diverso a.letter-contact-selected {color:#FFFFFF;background-color:#3399CC; padding:3px 9px } 
    182153.btn_off a { margin: 0 1px; display: inline;  } 
    183  
    184154 
    185155.reset-dt {background-color:#ffffff; width:98%; /*padding:10px 3px 3px 10px;*/} 
    … …  
    191161.sobre-mensagem {float:left;} 
    192162 
    193  
    194163#ver-detalhes {float:left;padding:2px; background-color:#FAD364; width:10%  } /*mudança*/ 
    195164#ver-detalhes a {padding:3px;color:#666;font-size:x-small; width:20px} 
    196  
    197  
    198165 
    199166.alerta{ font-style:italic; color:#FF3300;} 
    … …  
    219186#bg-aviso{background:#EFF8FB; padding-top:20px;} 
    220187.avisos{background-color:#FAE1E1;} 
    221 .aviso-positivo, .aviso-negativo{ padding:5px; font-size:x-small; color:#333333; background-color:#CEE5EF; width:80%; margin:auto  } 
     188.aviso-positivo, .aviso-negativo{ padding:5px; font-size:x-small; color:#333333; background-color:#CEE5EF; margin:auto; width:98%;padding-left:1%;padding-right:1%;  } 
    222189.aviso-negativo{ background-color:#FAE1E1 } 
    223190.aviso-positivo a,.aviso-negativo a{text-decoration:underline; color:#333333;} 
    224  
    225191 
    226192.bg-neutro{padding:5px; background-color:#EEF7FA;}  
    … …  
    263229a.outro_mes { background: #E1E1E1; color: #8B8B8B } 
    264230 
    265  
    266  
    267  
    268  
    269  
    270  
    271231/*---------------------------------------- CONTATO ÚNICO ---------------------------------------------*/ 
    272232 
    … …  
    282242#block-dados{float: left; width:78%; margin-left:5px; font-size:small; font-weight:normal } 
    283243#block-label a {color:#666} 
    284                  
    285  
    286  
    287244 
    288245/*---------------------------------------- EMAIL ---------------------------------------------*/ 
    … …  
    290247.email-geral{width:100%; padding:5px 0} 
    291248.email-cabecalho,.contato-cabecalho{overflow: hidden; width:74%; height:22px; float:left;} 
    292 .email-cabecalho p,.email-cabecalho a,.email-cabecalho a:visited{font-size:medium; color:#000} 
     249.email-cabecalho p.email-cabecalho a.email-cabecalho a:visited{font-size:medium; color:#000} 
    293250.contato-cabecalho{font-size:medium} 
    294251.email-anexo{width:16px; height:16px; float:left;  margin-top:5px} 
    … …  
    313270/*---------------------------------------- MODIFICAÇÕES ---------------------------------------------*/ 
    314271 
    315  
    316272.email-item{color:#3E3E3D; font:bold small Arial, Helvetica, sans-serif; vertical-align:text-bottom} 
    317273.email-campos, .assunto {color:#3E3E3D; font:bold small Arial, Helvetica, sans-serif; text-decoration:underline !important} 

  • 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.