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>
<html>
<html lang="en">
{% block header %}
<head>
<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>
{% endblock header %}
{% block navigation %}
<a href="/">Home</a>
<hr>
{% endblock navigation %}
<div class="row-fluid">
<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 %}
{% endblock pageheader %}
<body>
{% block errors %}
{% if errors %}
<div class="errors">
Errors were encountered:
<br>
{{ errors }}
{% if error_context %}
<br>
{{ error_context }}
{% endif %}
<hr>
{% endif %}
{% endblock errors %}
<br>
{% block body %}
{% endblock body %}
</body>
</div>
</div>
{% block footer %}
{% endblock footer %}
</html>

View File

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

View File

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

View File

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