Add initial css and js. Implement tabs on pages without meaningful data.

2 files changed, 32 insertions, 0 deletions

diff --git a/templates/dir_template.html b/templates/dir_template.html
index 5504e49..a154fc0 100644
--- a/templates/dir_template.html
+++ b/templates/dir_template.html
@@ -33,4 +33,30 @@
   </tr>
 {% endfor %}
 </table>
+
+
+
+{% if rendered_files != None %}
+<div id="tabs">
+  <ul id="tabs-titles">
+    {% for title, html_text in rendered_files.items %}
+    <li><a href="#tabs-{{ forloop.counter }}">{{ title }}</a></li>
+    {% endfor %}
+  </ul>
+
+  {% for title, html_text in rendered_files.items %}
+  <div id="tabs-{{ forloop.counter }}">
+    {{ html_text }}
+  </div>
+  {% endfor %}
+
+</div>
+
+<script>
+  $(function() {
+    $("#tabs").tabs();
+  });
+</script>
+{% endif %}
+
 {% endblock %}
diff --git a/templates/header.html b/templates/header.html
index bdb1515..98ad081 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -9,6 +9,12 @@
   <link href="http://www.linaro.org/remote/css/init.css" rel="stylesheet" type="text/css" >
   <link href="http://www.linaro.org/remote/css/remote.css" rel="stylesheet" type="text/css" >
   <script language="javascript" type="text/javascript" src="http://www.linaro.org/remote/js/linarofamily.js"></script>
+
+
+  <script type="text/javascript" src="js/jquery-1.7.2.js"></script>
+  <script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script>
+  <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.23.custom.css" />
+
   <style>
     div#footer {
       text-align: right;