Begin some bootstrap/UI upgrades. Move layout to two column div

This commit is contained in:
Jeffrey Forman 2012-10-12 08:25:39 -04:00
parent dc186c91c9
commit 80de5b2744
4 changed files with 54 additions and 29 deletions

View File

@ -1,42 +1,53 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
{% block header %} {% block header %}
<head> <head>
<title>Binder DNS Admin</title> <title>Binder DNS Admin</title>
<link rel="stylesheet" type="text/css" href="/files/static/bootstrap.css" /> <link rel="stylesheet" type="text/css" href="/files/static/bootstrap/css/bootstrap.css" />
</head> </head>
{% endblock header %} {% endblock header %}
{% block navigation %} <div class="row-fluid">
<a href="/">Home</a>
<hr>
{% endblock navigation %}
<div class="span2">
{% block navigation %}
<ul class="nav nav-list">
<li class="nav-header">Actions</li>
<li><a href="/">Home</a></li>
<li><a href="/info">Server List</a></li>
</ul>
{% endblock navigation %}
</div>
<div class="span10">
<body>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="/files/static/bootstrap/js/bootstrap.min.js"></script>
{% block pageheader %} {% block pageheader %}
{% endblock pageheader %} {% endblock pageheader %}
<body>
{% block errors %} {% block errors %}
{% if errors %} {% if errors %}
<div class="errors">
Errors were encountered: Errors were encountered:
<br> <br>
{{ errors }} {{ errors }}
{% if error_context %} {% if error_context %}
<br>
{{ error_context }} {{ error_context }}
{% endif %} {% endif %}
<hr>
{% endif %} {% endif %}
{% endblock errors %} {% endblock errors %}
<br>
{% block body %} {% block body %}
{% endblock body %} {% endblock body %}
</body> </body>
</div>
</div>
{% block footer %} {% block footer %}
{% endblock footer %} {% endblock footer %}
</html> </html>

View File

@ -1,14 +1,21 @@
{% extends "base.htm" %} {% extends "base.htm" %}
{% block body %} {% block pageheader %}
{% if not errors %} <div class="navbar">
DNS Server Zone List for {{ dns_server }}: <div class="navbar-inner">
<a class="brand" href="#">Server Zone List for {{ dns_server }}</a>
</div>
</div>
{% endblock pageheader %}
<ul>
{% block body %}
<table class="table">
{% for current_zone in zone_array %} {% for current_zone in zone_array %}
<li> <a href="/info/{{ dns_server }}/{{ current_zone }}/"> {{ current_zone }} </li> <tr>
<td><a href="/info/{{ dns_server }}/{{ current_zone }}/"> {{ current_zone }}</td>
</tr>
{% endfor %} {% endfor %}
</ul> </table>
{% endif %}
{% endblock body %} {% endblock body %}

View File

@ -2,13 +2,20 @@
{% block pageheader %} {% block pageheader %}
Server List: <div class="navbar">
<div class="navbar-inner">
<a class="brand" href="#">Server List</a>
</div>
</div>
{% endblock pageheader %} {% endblock pageheader %}
{% block body %} {% block body %}
<ul> <table class="table">
{% for current_server in server_list %} {% for current_server in server_list %}
<li> <a href="/info/{{ current_server }}/"> {{ current_server }} </li> <tr>
<td><a href="/info/{{ current_server }}/"> {{ current_server }}</td>
</tr>
{% endfor %} {% endfor %}
</ul> </table>
{% endblock body %} {% endblock body %}

View File

@ -1,7 +1,7 @@
{% include "base.htm" %} {% extends "base.htm" %}
{% block body %} {% block body %}
<a href="/info/">Server List</a> TODO(jforman): Build some sort of dashboard here
{% endblock body %} {% endblock body %}