Changeset 3731 for branches/2.2/mobile/templates/default/login.tpl

Timestamp:

02/03/11 17:13:42 (13 years ago)

Author:

eduardoalex

Message:

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

File:

• branches/2.2/mobile/templates/default/login.tpl (modified) (3 diffs)

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

@@ -7 +7 @@
                 <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" /> 
                 <meta name="format-detection" content="telephone=no" />
-                {css}
+                <link href="templates/css/mobile.css" type="text/css" rel="StyleSheet" />
+
+                <script type="text/javascript">
+
+                        function validate_login() {
+                                document.getElementById("max_resolution").value = ((screen.width >= screen.height) ? screen.width : screen.height);
+                                
+                                return true;
+                        }
+
+                </script>
         </head>
         
@@ -15 +25 @@
                 </div>
 
-                {message_box}
+                {message_box}           
                 
-                
-                <form name="form_login" method="post" action="./login.php">
+                <form name="form_login" method="post" action="./login.php" id="login_form" onSubmit="return validate_login()">
+                        <input type="hidden" name="max_resolution" id="max_resolution" value="">
                         <input type="hidden" name="passwd_type" value="text">
                         <input type="hidden" name="account type" value="u">
@@ -24 +34 @@
                                 <div class="login">
                                         <strong>{lang_username}:</strong><br/>
-                                        <input name="login"/><br/>
-                                        <script>document.form_login.login.focus();</script>
+                                        <input name="login" id="login"/><br/>
                                         <strong>{lang_password}:</strong><br/>
                                         <input name="passwd" type="password" autocomplete=off/><br/>
-                                        <button name="submitit" class="btn-contexto" style="margin-top:5px">{lang_login}</button>
-                                </div>                          
+                                        <button name="submitit" class="btn-contexto" style="margin-top:5px" type="submit">{lang_login}</button>
+                                </div>
                         </dt>
                 </form>
-        
+
                 <div class="rodape">Projeto ExpressoLivre 2004 - 2010 :: Licen&ccedil;a de Software</div>
         </body>
 </html>
+
+<script type="text/javascript">
+        document.getElementById('login').focus();
+</script>
+
 <!-- END page -->
 <!-- BEGIN success_message -->