Phonegap Index (Jinja2)
<!doctype html> | |
<html> | |
<head> | |
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width" /> | |
<meta name="apple-mobile-web-app-capable" content="yes" /> | |
<title>everyday.io</title> | |
{% if g and g.debug %} | |
<link rel="stylesheet" href="css/colorslider.css" /> | |
<link rel="stylesheet" href="css/dateinput.css" /> | |
<link rel="stylesheet" href="css/bootstrap-1.3.0.min.css"> | |
<link rel="stylesheet" href="css/phonegap.css" /> | |
{% else %} | |
<link rel="stylesheet" href="css/all-phonegap-min-12121454.css"/> | |
{% endif %} | |
</head> | |
<body> | |
<div class="actionsbar"> | |
<img src="css/images/everydaylogo_mobile.png"> | |
</div> | |
<!-- Header --> | |
<div id="mobile-header" class="topbar-wrapper navigation"> | |
<div class="topbar"> | |
<div class="topbar-inner"> | |
<div class="container-fluid"> | |
<ul id="nav-bar" class="nav"> | |
<li class="active" tabindex="-1"> | |
<a rel="internal" href="#mobile-log-page" tabindex="-1"> | |
Log | |
</a></li> | |
<li tabindex="-1"> | |
<a rel="internal" href="#mobile-stream-page" tabindex="-1"> | |
Stream | |
</a></li> | |
</ul> | |
<ul class="nav secondary-nav" tabindex="-1"> | |
<li tabindex="-1"> | |
<a id="logout-button" tabindex="-1" href="javascript:void(0)">Logout</a> | |
</li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- /Header --> | |
<!-- Pages --> | |
<div id="mobile-pages" class="container-fluid"> | |
<!-- Splash --> | |
<div id="mobile-splash-page" class="mobile-page"> | |
Loading... | |
</div> | |
<!-- /Splash --> | |
<!-- Login --> | |
<div id="mobile-login-page" class="mobile-page"> | |
<p id="mobile-login-welcome">Welcome! Please login with either your Facebook account or email — | |
whatever you signed up with.</p> | |
<p id="mobile-login-again" style="display:none">Sorry, you don't seem to be logged in anymore. Please login again.</p> | |
{% include "_login_facebook.html" %} | |
<form class="form-stacked">or...</form> | |
{% include "_login.html" %} | |
<p>(Not a user yet? <a href="http://everyday.io">Sign up online.</a>)</p> | |
</div> | |
<!-- /Login --> | |
<!-- Stream --> | |
<div id="mobile-stream-page" class="mobile-page"> | |
<div id="stream"> | |
{% include "_stream.html" %} | |
</div> | |
</div> | |
<!-- /Stream --> | |
<!-- Log --> | |
<div id="mobile-log-page" class="mobile-page"> | |
<p class="stream-updates alert-message warning" style="display:none; cursor: pointer; margin-bottom: 5px; padding: 3px 14px; width: 90%;"> | |
<span class="stream-updates-num">There are updates in your stream.</span> Click to view. | |
</p> | |
<h3><span id="mobile-log-date"></span><a rel="internal" href="#mobile-date-page" style="margin-left: 10px;"><img src="img/calendar.png"></a> | |
</h3> | |
<div id="mobile-log-links"> | |
<a type="button" id="mobile-quickpic-link" class="btn large" style="text-align: center;" tabindex="-1"> | |
<span class="icon-camera"></span> Quick Pic | |
</a> | |
<a id="mobile-measurements-link" rel="internal" href="#mobile-measurements-page" class="btn large" tabindex="-1"> | |
<span class="circle-icon">...</span> Measurements <span class="save-status"></span> | |
</a> | |
<a id="mobile-meals-link" rel="internal" href="#mobile-meals-page" class="btn large" tabindex="-1"> | |
<span class="circle-icon">...</span> Meals <span class="save-status"></span> | |
</a> | |
<a id="mobile-foodgoals-link" rel="internal" href="#mobile-foodgoals-page" class="btn large" tabindex="-1"> | |
<span class="circle-icon">...</span> Food Goals <span class="save-status"></span> | |
</a> | |
<a id="mobile-foodbonuses-link" rel="internal" href="#mobile-foodbonuses-page" class="btn large" tabindex="-1"> | |
<span class="circle-icon">...</span> Food Bonuses <span class="save-status"></span> | |
</a> | |
<a id="mobile-tags-link" rel="internal" href="#mobile-tags-page" class="btn large" tabindex="-1"> | |
<span class="circle-icon">...</span> Tags <span class="save-status"></span> | |
</a> | |
<a id="mobile-notes-link" rel="internal" href="#mobile-notes-page" class="btn large" tabindex="-1"> | |
<span class="circle-icon">...</span> Notes <span class="save-status"></span> | |
</a> | |
<a id="mobile-feedback-link" rel="internal" href="#mobile-feedback-page" class="btn small" tabindex="-1" style="width: 150px; margin: auto; text-align: center; margin-top: 5px;"> | |
Feedback <span class="save-status" style="float:none"></span> | |
</a> | |
</div> | |
</div> | |
<!-- /Home --> | |
<!-- Feedback --> | |
<div id="mobile-feedback-page" class="mobile-page"> | |
<form id="mobile-log-feedback-form" class="form-stacked"> | |
<div class="page-header"> | |
<h4>Send us feedback</h4> | |
</div> | |
<p>Something not working right? Or something that could work better? Let us know. Thanks! </p> | |
<input type="hidden" name="source" value="mobile"> | |
<textarea name="comment" style="width:98%; height: 50px; margin-bottom: 10px;"></textarea> | |
<div id="mobile-feedback-logs" style="display:none"></div> | |
<div style="height:70px;"> </div> | |
{% include "_log_form_buttons.html" %} | |
</form> | |
</div> | |
<!-- /Feedback --> | |
<!-- (Debug) Logs --> | |
<div id="mobile-logs-page" class="mobile-page"> | |
<div class="page-header"> | |
<h4>Debug Logs</h4> | |
</div> | |
<p>This is just for when something goes wrong. If you got here accidentally, press back or the top logo. | |
Nothing to see here! :) </p> | |
<pre id="logs-viewer"></pre> | |
</div> | |
<!-- /Logs --> | |
<!-- Measurements --> | |
<div id="mobile-measurements-page" class="mobile-page"> | |
<div class="page-header"> | |
<h4>Measurements</h4> | |
</div> | |
<form id="mobile-log-measurements-form"> | |
<input type="hidden" name="date"> | |
{% include "_log_measurements.html" %} | |
{% include "_log_form_buttons.html" %} | |
</form> | |
</div> | |
<!-- /Measurements --> | |
<!-- Meals --> | |
<div id="mobile-meals-page" class="mobile-page"> | |
<div class="page-header"> | |
<h4>Meals</h4> | |
</div> | |
<form id="mobile-log-meals-form" class="form-stacked"> | |
<input type="hidden" name="date"> | |
{% include "_log_meals.html" %} | |
{% include "_log_form_buttons.html" %} | |
</form> | |
</div> | |
<!-- /Meals --> | |
<!-- Food Goals --> | |
<div id="mobile-foodgoals-page" class="mobile-page"> | |
<div class="page-header"> | |
<h4>Food Goals</h4> | |
</div> | |
<form id="mobile-log-foodgoals-form" class="form-stacked"> | |
<input type="hidden" name="date"> | |
{% include "_log_foodgoals.html" %} | |
{% include "_log_form_buttons.html" %} | |
</form> | |
</div> | |
<!-- /Food Goals --> | |
<!-- Food Bonuses --> | |
<div id="mobile-foodbonuses-page" class="mobile-page"> | |
<div class="page-header"> | |
<h4>Food Bonuses</h4> | |
</div> | |
<form id="mobile-log-foodbonuses-form" class="form-stacked"> | |
<input type="hidden" name="date"> | |
{% include "_log_foodbonuses.html" %} | |
{% include "_log_form_buttons.html" %} | |
</form> | |
</div> | |
<!-- /Food Goals --> | |
<!-- Tags --> | |
<div id="mobile-tags-page" class="mobile-page"> | |
<div class="page-header"> | |
<h4>Tags</h4> | |
</div> | |
<form id="mobile-log-tags-form" class="form-stacked"> | |
<input type="hidden" name="date"> | |
{% include "_log_tags.html" %} | |
{% include "_log_form_buttons.html" %} | |
</form> | |
</div> | |
<!-- /Tags --> | |
<!-- Notes --> | |
<div id="mobile-notes-page" class="mobile-page"> | |
<div class="page-header"> | |
<h4>Notes</h4> | |
</div> | |
<form id="mobile-log-notes-form" class="form-stacked"> | |
<input type="hidden" name="date"> | |
{% include "_log_notes.html" %} | |
{% include "_log_form_buttons.html" %} | |
</form> | |
</div> | |
<!-- /Notes --> | |
<!-- Date --> | |
<div id="mobile-date-page" class="mobile-page"> | |
<div style="height:20px;"> </div> | |
<input type="text" name="date" id="mobile-date-input" value=""/> | |
</div> | |
<!-- /Date --> | |
</div> | |
<!-- /Pages --> | |
{% if g and g.debug %} | |
<script src="js/libs/zepto.js"></script> | |
<script src="js/libs/date.format.js"></script> | |
<script src="js/libs/jsrender.js"></script> | |
<script src="js/libs/colorslider.js"></script> | |
<script src="/js/libs/timeago.js"></script> | |
<script src="js/libs/lscache.js"></script> | |
<script src="js/libs/personalize.js"></script> | |
<script src="js/libs/stacktrace.js"></script> | |
<script src="js/libs/bootstrap.datepicker.js"></script> | |
<script src="js/util.js"></script> | |
<script src="js/data.js"></script> | |
<script src="js/models.js"></script> | |
<script src="js/shared.js"></script> | |
<script src="js/mobile.js"></script> | |
{% else %} | |
<script src="js/libs/zepto-min.js"></script> | |
<script src="js/all-phonegap-min-12121454.js"></script> | |
{% endif %} | |
<script> | |
if (window.Zepto) $.noConflict(); | |
$(document).ready(function() { | |
ED.mobile.setupMobile(); | |
}); | |
</script> | |
<script src="js/libs/phonegap-1.2.0.js"></script> | |
<script src="js/libs/phonegap-fb.js"></script> | |
{% if native %} | |
<script> | |
document.addEventListener('deviceready', function() { | |
ED.mobile.setupPhonegap(); | |
}, false); | |
</script> | |
{% else %} | |
<script> | |
window.setTimeout(function() { | |
ED.mobile.setupData(); | |
}, 300); | |
</script> | |
{% endif %} | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment