Mercurial > hg > NetworkVis

comparison ismi-python-neo4jrestclient/static/commentaries_authors2.html @ 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 2564732249b3
comparison
equal deleted inserted replaced
18:c5fffe4338a1 19:2b2699d47eba
36 </div> 36 </div>
37 37
38 <div class="row"> 38 <div class="row">
39 <div class="col-md-5"> 39 <div class="col-md-5">
40 <div class="panel panel-default"> 40 <div class="panel panel-default">
41 <div class="panel-heading">Texts by this author</div> 41 <div class="panel-heading">
42 <span>Texts by this author</span>
43 <span class="clickhide">(click to hide)</span>
44 <span class="clickhide" style="display:none;">(click to show)</span>
45 </div>
42 <table id="results" class="table table-striped table-hover"> 46 <table id="results" class="table table-striped table-hover">
43 <thead> 47 <thead>
44 <tr> 48 <tr>
45 <th>Author (translit)</th> 49 <th>Author (translit)</th>
46 <th>Title (translit)</th> 50 <th>Title (translit)</th>
53 </table> 57 </table>
54 </div> 58 </div>
55 </div> 59 </div>
56 <div class="col-md-7"> 60 <div class="col-md-7">
57 <div class="panel panel-default"> 61 <div class="panel panel-default">
58 <div class="panel-heading" id="title">Text details</div> 62 <div class="panel-heading">
63 <span id="title">Text details</span>
64 <span class="clickhide">(click to hide)</span>
65 <span class="clickhide" style="display:none;">(click to show)</span>
66 </div>
59 <div class="row"> 67 <div class="row">
60 <!-- <div class="col-sm-4 col-md-4"> 68 <!-- <div class="col-sm-4 col-md-4">
61 <img src="" class="well" id="poster"/> 69 <img src="" class="well" id="poster"/>
62 </div> --> 70 </div> -->
63 <div class="col-md-8 col-sm-8"> 71 <div class="col-md-8 col-sm-8">
75 </div> 83 </div>
76 </div> 84 </div>
77 </div> 85 </div>
78 <div class="col-lg-12"> 86 <div class="col-lg-12">
79 <div class="panel panel-default"> 87 <div class="panel panel-default">
80 <div class="panel-heading">Graph of commentaries</div> 88 <div class="panel-heading">
89 <span>Graph of commentaries</span>
90 <span class="clickhide">(click to hide)</span>
91 <span class="clickhide" style="display:none;">(click to show)</span>
92 </div>
81 <div id="graph"> 93 <div id="graph">
82 </div> 94 </div>
83 </div> 95 </div>
84 </div> 96 </div>
85 97
94 106
95 <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> 107 <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
96 <!-- <script src="https://d3js.org/d3.v3.min.js" type="text/javascript"></script> --> 108 <!-- <script src="https://d3js.org/d3.v3.min.js" type="text/javascript"></script> -->
97 <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" type="text/javascript"></script> 109 <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" type="text/javascript"></script>
98 <script type="text/javascript"> 110 <script type="text/javascript">
111 // make panels roll-up
112 $(".panel-heading").on("click", function() {
113 $(this).find(".clickhide").toggle();
114 $(this).next().slideToggle();
115 });
116 // provide search and graph
99 backendApiPrefix = ""; 117 backendApiPrefix = "";
100 searchApi = {}; 118 searchApi = {};
101 $(function () { 119 $(function () {
102 function showText(text_id) { 120 function showText(text_id) {
103 $.get(backendApiPrefix+"/textandcommentaries/" + encodeURIComponent(text_id), 121 $.get(backendApiPrefix+"/textandcommentaries/" + encodeURIComponent(text_id),
159 searchApi.showText = showText; 177 searchApi.showText = showText;
160 searchApi.search = search; 178 searchApi.search = search;
161 // start search 179 // start search
162 $("#search").submit(search); 180 $("#search").submit(search);
163 search(); 181 search();
164 }) 182 });
165 </script> 183 </script>
166 184
167 <script type="text/javascript"> 185 <script type="text/javascript">
168 var width = 1400, height = 1400; 186 var width = 1400, height = 1400;
169 187