diff options
Diffstat (limited to 'module/web/templates/mobile')
| -rw-r--r-- | module/web/templates/mobile/base.html | 119 | ||||
| -rw-r--r-- | module/web/templates/mobile/login.html | 30 |
2 files changed, 109 insertions, 40 deletions
diff --git a/module/web/templates/mobile/base.html b/module/web/templates/mobile/base.html index 95d824730..ef2f06ffe 100644 --- a/module/web/templates/mobile/base.html +++ b/module/web/templates/mobile/base.html @@ -1,41 +1,84 @@ <!DOCTYPE html> <html> -<head> - <meta charset="utf-8"> - <title>{% block title %}pyLoad {{ _("Webinterface") }}{% endblock %}</title> - <meta name="description" content=""> - <meta name="HandheldFriendly" content="True"> - <meta name="MobileOptimized" content="320"> - <meta name="viewport" content="width=device-width"> - <meta http-equiv="cleartype" content="on"> - - <link rel="shortcut icon" href="img/touch/apple-touch-icon.png"> - <link href="static/css/font.css" rel="stylesheet" type="text/css"/> - {# TODO: Needs cleanup #} - <link rel="stylesheet" href="/static/css/mobile/style.css"> - - <script type="text/javascript" data-main="static/js/mobile" src="static/js/libs/require-2.0.6.js"></script> - {% block head %} - {% endblock %} -</head> -<body class="viewport"> -<div id="wrap"> -<header> - <div class="logo"></div> - <span class="title">pyLoad</span> -</header> -<div id="content"> - <h2>Tech Demo</h2> - <h3>In Development</h3> -</div> -</div> -<footer> - Tab Bar -</footer> -<script> - require(['mobile'], function (App) { - App.init(); - }); -</script> -</body> + <head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <title>{% block title %}pyLoad {{ _("Webinterface") }}{% endblock %}</title> + <meta name="HandheldFriendly" content="True"> + <meta http-equiv="cleartype" content="on"> + + <link rel="stylesheet" href="/static/css/mobile/jquery.mobile-1.1.1.min.css" /> + <link rel="stylesheet" href="/static/css/mobile/my.css" type="text/css" /> + <link rel="stylesheet" href="/static/css/font.css"/> + + + <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> + <script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> + <script src="my.js"></script> + + + <script type="text/javascript" data-main="static/js/default" src="/static/js/libs/require-2.0.6.js"></script> + <script> + require(['mobile'], function(App) { + App.init(); + {% block require %}{% endblock %} + }); + </script> + + + {% block head %}{% endblock %} + </head> + <body> + <!-- Home --> + <div data-role="page" id="page1"> + <div data-theme="a" data-role="header"> + {% block header %}{% endblock %} + {% if user %} + <!-- Navbar --> + <div data-role="navbar" data-iconpos="bottom"> + <ul> + <li> + <a href="#page1" data-theme="" data-icon="back"> + Back + </a> + </li> + <li> + <a href="#page1" data-theme="" data-icon="home" class="ui-btn-active ui-state-persist"> + Home + </a> + </li> + <li> + <a href="#page1" data-theme="" data-icon="plus"> + Add + </a> + </li> + <li> + <a href="#page1" data-theme="" data-icon="gear"> + Settings + </a> + </li> + {% block navbar %}{% endblock %} + </ul> + </div> + {% endif %} + + </div> + <div data-role="content"> + {% block content %}{% endblock %} + </div> + <div data-theme="a" data-role="footer" data-position="fixed"> + {% block footer %}{% endblock %} + <div> + <a data-role="button" data-transition="none" href="/toggle_mobile" class="ui-btn-left"> + {{ _("Desktop Version") }} + </a> + <a data-role="button" data-transition="none" href="http://pyload.org/" class="ui-btn-right"> + {{ _("Pyload") }} + </a> + </div> + + </div> + </div> + {% block pages %}{% endblock %} + </body> </html> diff --git a/module/web/templates/mobile/login.html b/module/web/templates/mobile/login.html index 5a1625f43..5821cc0c8 100644 --- a/module/web/templates/mobile/login.html +++ b/module/web/templates/mobile/login.html @@ -1,5 +1,31 @@ {% extends 'mobile/base.html' %} {% block title %}{{_("Login")}} - {{super()}} {% endblock %} + +{% block header %} + <h2> + PyLoad Login + </h2> +{% endblock %} + {% block content %} -<h1>Test test sd</h1> -{% endblock %}
\ No newline at end of file + <form action="/login" method="POST" data-ajax="false"> + <div data-role="fieldcontain"> + <fieldset data-role="controlgroup"> + <label for="username"> + Username + </label> + <input name="username" id="username" placeholder="username" value="" type="text" /> + </fieldset> + </div> + <div data-role="fieldcontain"> + <fieldset data-role="controlgroup"> + <label for="password"> + Password + </label> + <input name="password" id="password" placeholder="password" value="" type="password" /> + </fieldset> + </div> + <input id="submit" type="submit" data-theme="a" data-icon="forward" data-iconpos="left" value="Login" /> + </form> +{% endblock %} + |