cleaned up the style a bit

phunt · Oct 22, 2009 · 398d67d · 398d67d
1 parent 6705881
commit 398d67d
Show file tree

Hide file tree

Showing 5 changed files with 51 additions and 13 deletions.
diff --git a/css/zookeeper_dashboard.css b/css/zookeeper_dashboard.css
@@ -0,0 +1 @@
+tr.oddrow { background-color: #E0E0E0; color: black; }
diff --git a/zkadmin/templates/zkadmin/detail.html b/zkadmin/templates/zkadmin/detail.html
@@ -6,12 +6,15 @@
 <link rel="stylesheet" href="/css/blueprint/print.css" type="text/css" media="print">	
 <!--[if lt IE 8]><link rel="stylesheet" href="/css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
 
+<link type="text/css" rel="stylesheet" href="/css/zookeeper_dashboard.css" />
 <title>ZooKeeper Server {{server_data.id}}</title>
 </head>
 
 <body>
+<div class="container">
 <h1>ZooKeeper Server {{server_data.host}}:{{server_data.port}}</h1>
-
+<hr/>
+<div class="span-24 last">
 <h2>Summary</h2>
 
 <table class="server_summary">
@@ -28,7 +31,9 @@ <h2>Summary</h2>
   <tr><td>Avg Latency</td><td>{{server_data.avg_latency}}</td></tr>
   <tr><td>Min Latency</td><td>{{server_data.min_latency}}</td></tr>
 </table>
-
+</div>
+<hr/>
+<div class="span-24 last">
 <h2>Connections (clients)</h2>
 
 <table class="conn_list">
@@ -37,7 +42,9 @@ <h2>Connections (clients)</h2>
   <tr class="{% cycle 'oddrow' 'evenrow' %}"><td>{{s.host}}</td><td>{{s.port}}</td><td>{{s.interest_ops}}</td><td>{{s.queued}}</td><td>{{s.recved}}</td><td>{{s.sent}}</td></tr>
 {% endfor %}
 </table>
-
+</div>
+<hr/>
+<div class="span-24 last">
 <h2>Environment</h2>
 
 <table class="envi_list">
@@ -46,6 +53,8 @@ <h2>Environment</h2>
   <tr class="{% cycle 'oddrow' 'evenrow' %}"><td>{{e.0}}</td><td>{{e.1}}</td></tr>
 {% endfor %}
 </table>
-
+</div>
+<hr/>
+</div>
 
 </body> </html>
diff --git a/zkadmin/templates/zkadmin/index.html b/zkadmin/templates/zkadmin/index.html
@@ -11,25 +11,39 @@
 </head>
 
 <body>
+<div class="container">
 <h1>ZooKeeper Dashboard</h1>
-
+<hr/>
+<div class="span-24 last">
 <h2>Cluster Information</h2>
 
 <table>
 <tr><th>server</th><th>mode</th><th>#conn</th><th>version</th></tr>
   {% for sd in server_data %}
-  <tr><td><a href="cluster/server/{{sd.id}}">{{ sd.host }}:{{ sd.port }}</a> </td><td> {% ifequal sd.mode "leader" %}<b>{% endifequal %} {{sd.mode|capfirst}} {% ifequal sd.mode "leader" %}</b>{% endifequal %} </td><td> {{ sd.sessions|length }} </td><td> {{ sd.version }}</td></tr>
+  <tr class="{% cycle 'oddrow' 'evenrow' %}"><td><a href="cluster/server/{{sd.id}}">{{ sd.host }}:{{ sd.port }}</a> </td><td> {% ifequal sd.mode "leader" %}<b>{% endifequal %} {{sd.mode|capfirst}} {% ifequal sd.mode "leader" %}</b>{% endifequal %} </td><td> {{ sd.sessions|length }} </td><td> {{ sd.version }}</td></tr>
   {% endfor %}
 </table>
+<p>
+</div>
+
+<hr/>
 
+<div class="span-24 last">
 <h2>ZNode Tree</h2>
 
 <a href="/tree">Root ZNode of the cluster</a>
-
+<p>
+</div>
+<hr/>
+<div class="span-24 last">
 <h2>Quota Definition</h2>
 
 Information on the current quota configuration
 
 <a href="/tree/zookeeper/quota">Quota</a>
+<p>
+</div>
+<hr/>
+</div>
 
 </body></html>
diff --git a/zktree/templates/zktree/error.html b/zktree/templates/zktree/error.html
@@ -1,17 +1,19 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
 <link rel="stylesheet" href="/css/blueprint/screen.css" type="text/css" media="screen, projection">
 <link rel="stylesheet" href="/css/blueprint/print.css" type="text/css" media="print">	
 <!--[if lt IE 8]><link rel="stylesheet" href="/css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
 
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
+<link type="text/css" rel="stylesheet" href="/css/zookeeper_dashboard.css" />
 <title>Error Accessing ZooKeeper Cluster</title>
 </head>
 
 <body>
+<div class="container">
 <h1>Error Accessing ZooKeeper Cluster</h1>
 
 Failed due to '{{error}}'
-
+</div>
 </body> </html>
diff --git a/zktree/templates/zktree/index.html b/zktree/templates/zktree/index.html
@@ -1,24 +1,30 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
 <link rel="stylesheet" href="/css/blueprint/screen.css" type="text/css" media="screen, projection">
 <link rel="stylesheet" href="/css/blueprint/print.css" type="text/css" media="print">	
 <!--[if lt IE 8]><link rel="stylesheet" href="/css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
 
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
 <link type="text/css" rel="stylesheet" href="/css/zookeeper_dashboard.css" />
 <title>ZooKeeper ZNode {{znode.path}}</title>
 </head>
 
 <body>
+<div class="container">
 <h1>ZooKeeper ZNode {{znode.path}}</h1>
 
+<hr/>
+<div class="span-24 last">
 Path : {{znode.path}}
 <p>
 
 Data : {{znode.data}}
 <p>
 
+</div>
+<hr/>
+<div class="span-24 last">
 <h2>Stat Information</h2>
 
 <table>
@@ -38,7 +44,9 @@ <h2>Stat Information</h2>
 <a href="http://hadoop.apache.org/zookeeper/docs/current/zookeeperProgrammers.html#sc_zkStatStructure" class="doc">Details on Stat fields</a>
 
 <p>
-
+</div>
+<hr/>
+<div class="span-24 last">
 <h2>ACL Information</h2>
 
 {% if znode.acls %}
@@ -60,17 +68,21 @@ <h2>ACL Information</h2>
 {% endif %}
 
 <p>
-
+</div>
+<hr/>
+<div class="span-24 last">
 <h2>Children ({{znode.stat.numChildren}})</h2>
 
 {% if znode.children %}
 <table>
   {% for child in znode.children %}
-  <tr><td><a href="{{child}}">{{child}}</a></td></tr>
+  <tr class="{% cycle 'oddrow' 'evenrow' %}"><td><a href="{{child}}">{{child}}</a></td></tr>
 {% endfor %}
 </table>
 {% else %}
 No Children exist for this znode
 {% endif %}
+</div>
+</div>
 
 </body> </html>