Skip to content

Instantly share code, notes, and snippets.

@vaclavbohac
Created June 13, 2011 23:16
Show Gist options
  • Save vaclavbohac/1023969 to your computer and use it in GitHub Desktop.
Save vaclavbohac/1023969 to your computer and use it in GitHub Desktop.
Mobile Sign in Form with Latte filter and jQuery mobile
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<meta name="description" content="Example mobile login page">
<meta name="robots" content="{$robots}" n:ifset="$robots">
<title>{include #title}</title>
<link rel="stylesheet" media="screen" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" type="text/css">
<link rel="shortcut icon" href="{$basePath}/favicon.ico" type="image/x-icon">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
{block #head}{/block}
</head>
<body>
<div data-role="page">
{block #header}
<div data-role="header">
<h1>{ifset $title}{$title}{else}{block #title}My title{/block}{/ifset}</h1>
{if $user->loggedIn}
<a n:href="Sign:out" class="ui-btn-right" data-iconpos="notext" data-ajax="false" data-icon="delete">Sign Out</a>
{/if}
</div>
{/block}
<div data-role="content" id="home">
{include #content}
</div>
{block #footer}
<div data-role="footer">
<h4><a href="http://wop.vlcovice.net">Vaclav Bohac</a> &copy; 2011</h4>
</div>
{/block}
</div>
{block #pages}{/block}
</body>
</html>
{var $robots = noindex}
{block #title}Sign in{/block}
{block #content}
{form signInForm data-ajax => "false"}
{foreach ["username", "password", "send"] as $name}
<div data-role="fieldcontain">
{if !$iterator->last}
{label $name}{$name|capitalize}:{/label}
{/if}
{input $name}
</div>
{/foreach}
{/form}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment