Mercurial > hg > NetworkVis

changeset 19:2b2699d47eba

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
now with collapsible panels.
author casties
date Fri, 09 Oct 2015 11:50:18 +0200
parents c5fffe4338a1
children d8bbf6d5920b
files ismi-python-neo4jrestclient/static/commentaries_authors2.html ismi-python-neo4jrestclient/static/main.css
diffstat 2 files changed, 25 insertions(+), 7 deletions(-) [+]
line wrap: on
line diff
--- 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">
--- 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;
+}