Răsfoiți Sursa

Beutify main.tpl

Now the web interface looks a bit better !
oz123 10 ani în urmă
părinte
comite
e87f98b893
2 a modificat fișierele cu 65 adăugiri și 20 ștergeri
  1. 3 0
      pwman/ui/templates/base.tpl
  2. 62 20
      pwman/ui/templates/main.tpl

+ 3 - 0
pwman/ui/templates/base.tpl

@@ -14,6 +14,9 @@
         <script src="static/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
     </head>
 <body>
+    <!--[if lt IE 7]>
+        <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> 
+    <![endif]-->
   {{!base}}
 </body>
 </html>

+ 62 - 20
pwman/ui/templates/main.tpl

@@ -1,22 +1,64 @@
 % rebase('base.tpl')
 %#template to generate a HTML table from a list of tuples (or list of lists, or tuple of tuples or ...)
-<form action="/" method="POST">
-<select multiple name="tag" onchange="this.form.submit()">
-%for tag in tags:
-<option value="{{tag}}">{{tag}}</option>
-%end
-</select>
-</form>
-<p>Click on username to view the details:</p>
-<table border="1">
-%for node in nodes:
-<tr>
-  <td><a href=/node/{{node._id}}>{{node.username}}@{{node.url}}</a></td>
-  <td>{{  ', '.join([t.strip() for t in filter(None, node.tags)]) }}</td>
-  <td><a href=/edit/{{node._id}}>edit</a></td>
-  </tr>
-%end
-</table>
-<form action="/forget" method="POST">
-<input type="submit" value="Forget password">
-</form>
+
+
+        <div class="header-container">
+            <header class="wrapper clearfix">
+                <h1 class="title">Pwman Web</h1>
+                <nav>
+                    <ul>
+                        <li><a href="#">nav ul li a</a></li>
+                        <li><a href="#">nav ul li a</a></li>
+                        <li><a href="#">nav ul li a</a></li>
+                    </ul>
+                </nav>
+            </header>
+        </div>
+
+        <div class="main-container">
+            <div class="main wrapper clearfix">
+
+                <article>
+                    <header>
+                    </header>
+                    <h2>Click on username to view the details:</h2>
+                    <table border="1">
+                    %for node in nodes:
+                    <tr>
+                      <td><a href=/node/{{node._id}}>{{node.username}}@{{node.url}}</a></td>
+                      <td>{{  ', '.join([t.strip() for t in filter(None, node.tags)]) }}</td>
+                      <td><a href=/edit/{{node._id}}>edit</a></td>
+                      </tr>
+                    %end
+                    </table>
+                    </section>
+                </article>
+
+                <aside>
+                <h3>Select filter</h3>
+                <form action="/" method="POST">
+                <select multiple name="tag" onchange="this.form.submit()">
+                %for tag in tags:
+                <option value="{{tag}}">{{tag}}</option>
+                %end
+                </select>
+                </form>
+                </aside>
+
+            </div> <!-- #main -->
+        </div> <!-- #main-container -->
+
+        <div class="footer-container">
+            <footer class="wrapper">
+                <h3></h3>
+        <form action="/forget" method="POST">
+        <input type="submit" value="Forget password">
+        </form>
+            </footer>
+        </div>
+
+        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
+        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.js"><\/script>')</script>
+
+        <script src="js/plugins.js"></script>
+        <script src="js/main.js"></script>