diff options
Diffstat (limited to 'module/web/templates/mobile/base.html')
| -rw-r--r-- | module/web/templates/mobile/base.html | 143 |
1 files changed, 63 insertions, 80 deletions
diff --git a/module/web/templates/mobile/base.html b/module/web/templates/mobile/base.html index 342a7eb63..1b717ff7b 100644 --- a/module/web/templates/mobile/base.html +++ b/module/web/templates/mobile/base.html @@ -1,84 +1,67 @@ <!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> - <link href="static/css/mobile/my.css" rel="stylesheet" type="text/css"/> - <link href="static/css/mobile/jquery.mobile-1.1.1.min.css" rel="stylesheet" type="text/css"/> - <script type="text/javascript" src="static/js/libs/jquery-1.8.0.min.js"></script> - <script type="text/javascript" src="static/js/libs/jquery.mobile-1.1.1.min.js"></script> - <script type="text/javascript" src="static/js/mobile/my.js"></script> - {% block head %} - {% endblock %} - </head> - <body> - -{% block content %} -<!-- home --> -<div data-role="page" id="page1" style="background: url('/static/img/default/fancy_deboss.png') repeat"> - <div data-role="content" style="padding: 1%"> - <div data-role="navbar" data-iconpos="bottom"> - <ul> - <li> - <a href="#page1" data-theme="a" data-icon="home" class="ui-btn-active ui-state-persist"> - Home - </a> - </li> - <li> - <a href="#page1" data-theme="a" data-icon="plus"> - Add - </a> - </li> - <li> - <a href="#page1" data-theme="a" data-icon="gear"> - Settings - </a> - </li> - <li> - <a href="/logout" data-ajax="false" data-theme="a" data-icon="arrow-r"> - Logout - </a> - </li> - </ul> - </div> - <div data-role="collapsible-set" data-theme="a" data-content-theme="d"> - <div data-role="collapsible" data-collapsed="true"> - <h3> - Package1 - </h3> - </div> - <div data-role="collapsible" data-collapsed="true"> - <h3> - Package2 - </h3> - </div> - <div data-role="collapsible" data-collapsed="false"> - <h3> - Package3 - </h3> - <ul data-role="listview" data-divider-theme="b" data-inset="true"> - <li data-theme="c"> - <a href="#page1" data-transition="slide"> - File1 - </a> - </li> - <li data-theme="c"> - <a href="#page1" data-transition="slide"> - File2 - </a> - </li> - <li data-theme="c"> - <a href="#page1" data-transition="slide"> - File3 - </a> - </li> - </ul> - </div> - </div> +<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 rel="stylesheet" href="/static/css/mobile/main.css"> + + <script type="text/javascript" data-main="static/js/mobile" src="static/js/libs/require-2.0.6.js"></script> + {% block head %} + {% endblock %} + <style> + * { + margin: 0; + } + + .viewport { + overflow-x: hidden; + } + + #content { + position: relative; + width: 100%; + } + + ul li { + display: inline; + padding-right: 10px; + } + + .page { + position: absolute; + left: 0; + width: 100%; + border: 1px solid red; + } + </style> +</head> +<body class="viewport"> +<header> + <ul> + <li><a id="p1" href="#">Page 1</a></li> + <li><a id="p2" href="#">Page 2</a></li> + </ul> +</header> +<div id="content"> + <div class="page"> + <h1>dfgfdg</h1> + {% block content %} + {% endblock content %} </div> </div> -{% endblock content %} - - </body> -</html>
\ No newline at end of file +<footer> +</footer> +<script> + require(['mobile'], function (App) { + App.init(); + }); +</script> +</body> +</html> |