From ec1d036cae1618820f81f31fb0c3bc2827717974 Mon Sep 17 00:00:00 2001
From: Viren Mohindra <viren.mohindra@gmail.com>
Date: Tue, 24 Jan 2017 00:44:58 -0500
Subject: [PATCH] button -> tab, superscript citations in revamp.html

- changed buttons to tab in revamp.html
- superscript citations for more space
---
 js/revamp.js |  6 ++++++
 revamp.html  | 32 +++++++++++++++++++++++++-------
 2 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/js/revamp.js b/js/revamp.js
index 6448a6e..7809f4b 100644
--- a/js/revamp.js
+++ b/js/revamp.js
@@ -14,6 +14,12 @@
     $('[data-toggle="tooltip"]').tooltip()
   });
 
+  // tabs
+  $('#myTabs a').click(function (e) {
+    e.preventDefault()
+    $(this).tab('show')
+  });
+
   // Find any within a facet
   function foundAny(facets, compareItem) {
     // No facets selected, show all for this facet
diff --git a/revamp.html b/revamp.html
index b46f296..241a731 100644
--- a/revamp.html
+++ b/revamp.html
@@ -103,6 +103,21 @@ layout: page_revamp
         </div>
     </div>
 
+
+<div class="container-fluid">
+    <div class="row">
+        <ul class="nav nav-tabs" id="myTabs" role="tablist" >
+            {% for category in categories %}
+                <li role="presentation" data-list-facet="js-promise-category" data-facet-value="{{ category }}" class="{{ category }}">
+                    <a href="#" aria-controls="{{ category }}" role="tab" data-toggle="tab" class="text-muted">
+                        <i class="fa fa-fw fa-{{ icons[category] }}"></i>&nbsp;{{ category }}
+                    </a>
+                </li>
+            {% endfor %}
+        </ul>
+    </div>
+
+    <!--
     <div class="row promises__category-row">
         <div class="col-md-12">
 
@@ -117,7 +132,8 @@ layout: page_revamp
             </div>
 
         </div>
-    </div> <!-- /.promises__category-row -->
+    </div>-->
+    <!-- /.promises__category-row --> 
 
     <div class="row promises__table">
         <div class="col-md-12">
@@ -126,12 +142,12 @@ layout: page_revamp
 
                     <thead>
                     <tr>
-                        <th>ID</th>
+                        <th><!-- ID --></th>
                         <!--<th>Status</th>-->
                         <th>Category</th>
                         <!--<th>Tags</th>-->
                         <th>Promise</th>
-                        <th>Sources</th>
+                        <!-- <th>Sources</th> -->
                         <th>Actions</th>
                     </tr>
                     </thead>
@@ -162,11 +178,13 @@ layout: page_revamp
                             {% endfor %}
                         </td>
                         -->
-                        <td class="promise__title js-promise-text">{{ promise.title }}</td>
-                        <td class="promise__sources" style="white-space: nowrap;">
-                            {% for source in promise.sources %}
+                        <td class="promise__title js-promise-text">{{ promise.title }}
+                        <!-- add superscript citations and sources -->
+                        {% for source in promise.sources %}
                             <sup><a href="{{ source.url }}" title="{{ source.source_title }}">{{ forloop.index }}</a></sup>
-                            {% endfor %}
+                        {% endfor %}
+                        </td>
+                        <!-- <td class="promise__sources" style="white-space: nowrap;"> -->
                         </td>
                         <td class="promise__actions">
                             <!-- comment and twitter integration -->