diff options
Diffstat (limited to 'module/web/templates/mobile')
| -rw-r--r-- | module/web/templates/mobile/base.html | 84 | ||||
| -rw-r--r-- | module/web/templates/mobile/login.html | 31 |
2 files changed, 115 insertions, 0 deletions
diff --git a/module/web/templates/mobile/base.html b/module/web/templates/mobile/base.html new file mode 100644 index 000000000..c40d1449b --- /dev/null +++ b/module/web/templates/mobile/base.html @@ -0,0 +1,84 @@ +<!DOCTYPE html> +<html> + <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.1.2.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 new file mode 100644 index 000000000..5821cc0c8 --- /dev/null +++ b/module/web/templates/mobile/login.html @@ -0,0 +1,31 @@ +{% extends 'mobile/base.html' %} +{% block title %}{{_("Login")}} - {{super()}} {% endblock %} + +{% block header %} + <h2> + PyLoad Login + </h2> +{% endblock %} + +{% block content %} + <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 %} + |