comparison ismi-python-neo4jrestclient/static/commentaries.html @ 31:a6b2a09ea413

fix commentary chain visualisation author name display and search by clicking author name.
author casties
date Fri, 11 Dec 2015 17:06:26 -0500
parents eb0be386736f
children 9f0d4fd3a412
comparison
equal deleted inserted replaced
30:cccbcc845d54 31:a6b2a09ea413
12 <div class="col-sm-6 col-md-6"> 12 <div class="col-sm-6 col-md-6">
13 <ul class="nav navbar-nav"> 13 <ul class="nav navbar-nav">
14 <li> 14 <li>
15 <form role="search" class="navbar-form" id="search"> 15 <form role="search" class="navbar-form" id="search">
16 <div class="form-group"> 16 <div class="form-group">
17 <input type="text" value="7437" placeholder="Search for person-id" class="form-control" name="search"> 17 <input type="text" value="jaghmini" placeholder="Search for person name" class="form-control" name="search">
18 </div> 18 </div>
19 <button class="btn btn-default" type="submit">Search for author id</button> 19 <button class="btn btn-default" type="submit">Search for author id</button>
20 </form> 20 </form>
21 </li> 21 </li>
22 </ul> 22 </ul>
112 $(".panel-heading").on("click", function() { 112 $(".panel-heading").on("click", function() {
113 $(this).find(".clickhide").toggle(); 113 $(this).find(".clickhide").toggle();
114 $(this).next().slideToggle(); 114 $(this).next().slideToggle();
115 }); 115 });
116 // provide search and graph 116 // provide search and graph
117 backendApiPrefix = "/netvis-ismi"; 117 backendApiPrefix = "";
118 searchApi = {}; 118 searchApi = {};
119 $(function () { 119 $(function () {
120 function showText(text_id) { 120 function showText(text_id) {
121 $.get(backendApiPrefix+"/textandcommentaries/" + encodeURIComponent(text_id), 121 $.get(backendApiPrefix+"/textandcommentaries/" + encodeURIComponent(text_id),
122 function (data) { 122 function (data) {
123 if (!data) return; 123 if (!data) return;
124 $("#title").text("Title: "+data.title); 124 $("#title").text("Title: "+data.title);
125 var $list = $("#info").empty(); 125 var $list = $("#info").empty();
126 $list.append($("<li>Author: " + data.author.label + " [" + data.author.ismi_id + "]</li>") 126 $list.append($("<li>Author: " + data.author.label + " [" + data.author.ismi_id + "]</li>")
127 .click(function() { 127 .click(function() {
128 search(data.author.ismi_id, true); 128 search(data.author.label, true);
129 })); 129 }));
130 for (var key in data.attrs) { 130 for (var key in data.attrs) {
131 if (key[0] === "_") continue;
131 var val = data.attrs[key]; 132 var val = data.attrs[key];
132 if (key === "link") { 133 if (key === "link") {
133 val = "<a href=\"" + val + "\" target=\"_blank\">" + val + "</a>"; 134 val = "<a href=\"" + val + "\" target=\"_blank\">" + val + "</a>";
134 } 135 }
135 $list.append($("<li>" + key + ": " + val + "</li>")); 136 $list.append($("<li>" + key + ": " + val + "</li>"));
177 } 178 }
178 // set mark 179 // set mark
179 $("#graph .ismi-"+text.ismi_id).each(function(){this.classList.add("marked")}); 180 $("#graph .ismi-"+text.ismi_id).each(function(){this.classList.add("marked")});
180 }); 181 });
181 if (!keep_detail_view) { 182 if (!keep_detail_view) {
182 // show first title 183 // show first title in detail view
183 showText(data[0].text.ismi_id); 184 showText(data[0].text.ismi_id);
184 } 185 }
185 }, "json"); 186 }, "json");
186 return false; 187 return false;
187 } 188 }