# HG changeset patch
# User casties
# Date 1444384218 -7200
# Node ID 2b2699d47eba735a3f1a59ad036ec4d3b61d0519
# Parent  c5fffe4338a137e66bf1f552750dce1e94f5bcdf
now with collapsible panels.

diff -r c5fffe4338a1 -r 2b2699d47eba ismi-python-neo4jrestclient/static/commentaries_authors2.html
--- a/ismi-python-neo4jrestclient/static/commentaries_authors2.html	Wed Oct 07 16:27:29 2015 +0200
+++ b/ismi-python-neo4jrestclient/static/commentaries_authors2.html	Fri Oct 09 11:50:18 2015 +0200
@@ -38,7 +38,11 @@
 <div class="row">
     <div class="col-md-5">
         <div class="panel panel-default">
-            <div class="panel-heading">Texts by this author</div>
+            <div class="panel-heading">
+                <span>Texts by this author</span>
+                <span class="clickhide">(click to hide)</span>
+                <span class="clickhide" style="display:none;">(click to show)</span>
+            </div>
             <table id="results" class="table table-striped table-hover">
                 <thead>
                 <tr>
@@ -55,7 +59,11 @@
     </div>
     <div class="col-md-7">
         <div class="panel panel-default">
-            <div class="panel-heading" id="title">Text details</div>
+            <div class="panel-heading">
+             <span id="title">Text details</span>
+             <span class="clickhide">(click to hide)</span>
+             <span class="clickhide" style="display:none;">(click to show)</span>
+            </div>
             <div class="row">
                 <!-- <div class="col-sm-4 col-md-4">
                     <img src="" class="well" id="poster"/>
@@ -77,7 +85,11 @@
 </div>
 <div class="col-lg-12">
     <div class="panel panel-default">
-        <div class="panel-heading">Graph of commentaries</div>
+        <div class="panel-heading">
+            <span>Graph of commentaries</span>
+            <span class="clickhide">(click to hide)</span>
+            <span class="clickhide" style="display:none;">(click to show)</span>
+        </div>
         <div id="graph">
         </div>
     </div>
@@ -96,6 +108,12 @@
 <!-- <script src="https://d3js.org/d3.v3.min.js" type="text/javascript"></script> -->
 <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" type="text/javascript"></script>
 <script type="text/javascript">
+    // make panels roll-up
+    $(".panel-heading").on("click", function() {
+       $(this).find(".clickhide").toggle();
+       $(this).next().slideToggle();
+    });
+    // provide search and graph
     backendApiPrefix = "";
     searchApi = {};
     $(function () {
@@ -161,7 +179,7 @@
         // start search
         $("#search").submit(search);
         search();
-    })
+    });
 </script>
 
 <script type="text/javascript">
diff -r c5fffe4338a1 -r 2b2699d47eba ismi-python-neo4jrestclient/static/main.css
--- a/ismi-python-neo4jrestclient/static/main.css	Wed Oct 07 16:27:29 2015 +0200
+++ b/ismi-python-neo4jrestclient/static/main.css	Fri Oct 09 11:50:18 2015 +0200
@@ -6618,6 +6618,6 @@
     margin-left: -25px;
 }
 
-.textbox {
-	max-height: 20em;
-}
\ No newline at end of file
+.clickhide {
+	color: #999;
+}