From 47d2ee0dabc1cbd566eefcf779a8a91e7de8ae7c Mon Sep 17 00:00:00 2001
From: Eelco Dolstra <eelco.dolstra@logicblox.com>
Date: Fri, 22 Feb 2013 13:36:15 +0100
Subject: [PATCH] Generalize lazy tabs

---
 src/root/build.tt  | 22 ++--------------------
 src/root/common.tt | 23 ++++++++++++++++++++++-
 2 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/src/root/build.tt b/src/root/build.tt
index c40cb510..551b5bc2 100644
--- a/src/root/build.tt
+++ b/src/root/build.tt
@@ -513,32 +513,14 @@
   [% END %]
 
   [% IF drvAvailable %]
-    <div id="tabs-build-deps" class="tab-pane">
-      <center><img src="/static/images/ajax-loader.gif" alt="Loading..." /></center>
-    </div>
+    [% INCLUDE makeLazyTab tabName="tabs-build-deps" uri=c.uri_for('/build' build.id 'build-deps') %]
   [% END %]
 
   [% IF available %]
-    <div id="tabs-runtime-deps" class="tab-pane">
-      <center><img src="/static/images/ajax-loader.gif" alt="Loading..." /></center>
-    </div>
+    [% INCLUDE makeLazyTab tabName="tabs-runtime-deps" uri=c.uri_for('/build' build.id 'runtime-deps') %]
   [% END %]
 
 </div>
 
-<script>
-  $(function() {
-    $('.nav-tabs').bind('show', function(e) {
-      var pattern = /#.+/gi;
-      var id = e.target.toString().match(pattern)[0];
-      if (id == "#tabs-runtime-deps") {
-        $('#tabs-runtime-deps').load("[% c.uri_for('/build' build.id 'runtime-deps') %]");
-      } else if (id == "#tabs-build-deps") {
-        $('#tabs-build-deps').load("[% c.uri_for('/build' build.id 'build-deps') %]");
-      }
-    });
-  });
-</script>
-
 
 [% END %]
diff --git a/src/root/common.tt b/src/root/common.tt
index 9079cb2f..ad935285 100644
--- a/src/root/common.tt
+++ b/src/root/common.tt
@@ -448,4 +448,25 @@ BLOCK renderEvals %]
 
 BLOCK renderLogLinks %]
 (<a href="[% url %]">log</a>, <a href="[% "$url/raw" %]">raw</a>, <a href="[% "$url/tail-reload" %]">tail</a>)
-[% END %]
+[% END;
+
+
+BLOCK makeLazyTab %]
+  <div id="[% tabName %]" class="tab-pane">
+    <center><img src="/static/images/ajax-loader.gif" alt="Loading..." /></center>
+  </div>
+  <script>
+    $(function() {
+      $('.nav-tabs').bind('show', function(e) {
+        var pattern = /#.+/gi;
+        var id = e.target.toString().match(pattern)[0];
+        if (id == "#[% tabName %]") {
+          $('#[% tabName %]').load("[% uri %]");
+        }
+      });
+    });
+  </script>
+[% END;
+
+
+%]