Home Explore Help
Sign In
oznt
/
pwman3
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

add templates for webui

Oz N Tiram 9 years ago
parent
58351e8902
commit
2c66c013c7
2 changed files with 144 additions and 0 deletions
Split View Show Diff Stats
  1. 40 0
      pwman/ui/templates/ajax.tpl
  2. 104 0
      pwman/ui/templates/foxy.html

+ 40 - 0
pwman/ui/templates/ajax.tpl
View File 

@@ -0,0 +1,40 @@
 
+mple</title>
 
+<script type="text/javascript"
 
+  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
+<script type="text/javascript">
 
+  var $SCRIPT_ROOT = "{{ request.script_name }}";
 
+</script>
 
+
 
+<script type="text/javascript">
 
+  $(function() {
 
+    var submit_form = function(e) {
 
+      $.getJSON($SCRIPT_ROOT + '_add_numbers', {
 
+        a: $('input[name="a"]').val(),
 
+        b: $('input[name="b"]').val()
 
+      }, function(data) {
 
+        $('#result').text(data.result);
 
+        $('input[name=a]').focus().select();
 
+      });
 
+      return false;
 
+    };
 
+
 
+    $('a#calculate').bind('click', submit_form);
 
+
 
+    $('input[type=text]').bind('keydown', function(e) {
 
+      if (e.keyCode == 13) {
 
+        submit_form(e);
 
+      }
 
+    });
 
+
 
+    $('input[name=a]').focus();
 
+  });
 
+</script>
 
+<h1>jQuery Example</h1>
 
+<p>
 
+  <input type="text" size="5" name="a"> +
 
+  <input type="text" size="5" name="b"> =
 
+  <span id="result">?</span>
 
+<p><a href=# id="calculate">calculate server side</a>
 
+</body>
 
+</html>
 
+

+ 104 - 0
pwman/ui/templates/foxy.html
View File 

@@ -0,0 +1,104 @@
 
+<DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <title>Bootstrap Case</title>
 
+  <meta charset="utf-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
+  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 
+  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
+  <link rel="stylesheet" href="styles.css"> 
+    
+</head>
 
+<body>
 
+
 
+<nav class="navbar navbar-inverse">
 
+  <div class="container-fluid">
 
+    <div class="navbar-header">
 
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
 
+        <span class="icon-bar"></span>
 
+        <span class="icon-bar"></span>
 
+        <span class="icon-bar"></span>                        
+      </button>
 
+      <a class="navbar-brand" href="#">WebSiteName</a>
 
+    </div>
 
+    <div class="collapse navbar-collapse" id="myNavbar">
 
+      <ul class="nav navbar-nav">
 
+        <li class="active"><a href="#">Home</a></li>
 
+        <li class="dropdown">
 
+          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
 
+          <ul class="dropdown-menu">
 
+            <li><a href="#">Page 1-1</a></li>
 
+            <li><a href="#">Page 1-2</a></li>
 
+            <li><a href="#">Page 1-3</a></li>
 
+          </ul>
 
+        </li>
 
+        <li><a href="#">Page 2</a></li>
 
+        <li><a href="#">Page 3</a></li>
 
+      </ul>
 
+      <ul class="nav navbar-nav navbar-right">
 
+        <li>
 
+            <form class="navbar-form navbar-right" role="button"> 
+            <button type="button" class="btn btn-default" id="hide">
 
+                <span class="glyphicon glyphicon-log-in"></span> Authenticate
 
+            </button>        
+            </form>
 
+        </li>
 
+        <!-- This should only be shown if authenticated -->
 
+        <!-- 
+         <li>
 
+            <form class="navbar-form navbar-right" role="button"> 
+            <button type="button" class="btn btn-default" id="hide">
 
+                <span class="glyphicon glyphicon-log-out"></span> Leave
 
+            </button>        
+            </form>
 
+        </li>
 
+        -->
 
+        <!-- End of hidden part -->
 
+        <li>
 
+            <form class="navbar-form navbar-right" role="button">
 
+                    <div class="form-group" id="show" style="display: none;">
 
+                        <input type="text" class="form-control" name="password" placeholder="Password">
 
+                    <button type="submit" class="btn btn-default" id="signin">Sign In</button>
 
+                    </div>
 
+            </form>
 
+        </li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</nav>
 
+  
+<div class="container">
 
+  <div class="row">
 
+  <div class="col-md-6 col-md-push-6">B
 
+        <ul class="nav nav-pills nav-stacked">
 
+        <li class="active"><a href="#">Home</a></li>
 
+        <li class="dropdown">
 
+          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu 1 <span class="caret"></span></a>
 
+          <ul class="dropdown-menu">
 
+            <li><a href="#">Submenu 1-1</a></li>
 
+            <li><a href="#">Submenu 1-2</a></li>
 
+            <li><a href="#">Submenu 1-3</a></li>                        
+          </ul>
 
+        </li>
 
+        <li><a href="#">Menu 2</a></li>
 
+        <li><a href="#">Menu 3</a></li>
 
+      </ul>
 
+  </div>
 
+  <div class="col-md-6 col-md-pull-6">A</div>
 
+  </div>
 
+    <div class="clearfix visible-lg"></div>
 
+  </div>
 
+</div>
 
+<script type="text/javascript">
 
+$("#hide").click(function () {
 
+   $("#show").show('fast');
 
+});
 
+
 
+$("#hide").click(function () {
 
+   $("#hide").hide(1000);
 
+});
 
+</script>
 
+</body>
 
+</html>
 
+