From 4552117e5145e91848ff45f316826e7835921d8d Mon Sep 17 00:00:00 2001
From: Eelco Dolstra <eelco.dolstra@logicblox.com>
Date: Wed, 20 Feb 2013 18:13:20 +0100
Subject: [PATCH] Load the dependency tabs on demand

---
 src/root/build.tt | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/root/build.tt b/src/root/build.tt
index eff48106..31b56069 100644
--- a/src/root/build.tt
+++ b/src/root/build.tt
@@ -103,7 +103,7 @@
                 <td><tt>[% HTML.escape(build.releasename) %]</tt></td>
               </tr>
             [% ELSE %]
-g              <tr>
+              <tr>
                 <th>Nix name:</th>
                 <td><tt>[% build.nixname %]</tt></td>
               </tr>
@@ -508,18 +508,27 @@ g              <tr>
 
   [% IF drvAvailable %]
     <div id="tabs-build-deps" class="tab-pane"><i class="icon-time icon-black"></i></div>
-    <script>
-      $('#tabs-build-deps').load("[% c.uri_for('/build' build.id 'build-deps') %]");
-    </script>
   [% END %]
 
   [% IF available %]
     <div id="tabs-runtime-deps" class="tab-pane"><i class="icon-time icon-black"></i></div>
-    <script>
-      $('#tabs-runtime-deps').load("[% c.uri_for('/build' build.id 'runtime-deps') %]");
-    </script>
   [% 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 %]