comparison ismi-python-neo4jrestclient/static/commentaries.html @ 35:9f0d4fd3a412

cleanup and layout tweaks.
author casties
date Thu, 04 Feb 2016 15:23:15 +0100
parents a6b2a09ea413
children 810ea40a9ef8
comparison
equal deleted inserted replaced
34:4bbb832c53ac 35:9f0d4fd3a412
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="jaghmini" placeholder="Search for person name" 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 name</button>
20 </form> 20 </form>
21 </li> 21 </li>
22 </ul> 22 </ul>
23 </div> 23 </div>
24 <div class="navbar-header col-sm-6 col-md-6"> 24 <div class="navbar-header col-sm-6 col-md-6">
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"> 41 <div class="panel-heading">
42 <span id="author">Titles by this author</span> 42 <b id="author">Titles by this author</b>
43 <span class="clickhide">(click to hide)</span> 43 <span class="clickhide">(click to hide)</span>
44 <span class="clickhide" style="display:none;">(click to show)</span> 44 <span class="clickhide" style="display:none;">(click to show)</span>
45 </div> 45 </div>
46 <table id="results" class="table table-striped table-hover"> 46 <table id="results" class="table table-striped table-hover">
47 <thead> 47 <thead>
57 </div> 57 </div>
58 </div> 58 </div>
59 <div class="col-md-7"> 59 <div class="col-md-7">
60 <div class="panel panel-default"> 60 <div class="panel panel-default">
61 <div class="panel-heading"> 61 <div class="panel-heading">
62 <span id="title">Text details</span> 62 <b id="title">Text details</b>
63 <span class="clickhide">(click to hide)</span> 63 <span class="clickhide">(click to hide)</span>
64 <span class="clickhide" style="display:none;">(click to show)</span> 64 <span class="clickhide" style="display:none;">(click to show)</span>
65 </div> 65 </div>
66 <div class="row"> 66 <div class="row">
67 <!-- <div class="col-sm-4 col-md-4"> 67 <!-- <div class="col-sm-4 col-md-4">
83 </div> 83 </div>
84 </div> 84 </div>
85 <div class="col-lg-12"> 85 <div class="col-lg-12">
86 <div class="panel panel-default"> 86 <div class="panel panel-default">
87 <div class="panel-heading"> 87 <div class="panel-heading">
88 <span>Graph of commentaries</span> 88 <span><b>Graph of commentaries</b></span>
89 <span class="clickhide">(click to hide)</span> 89 <span class="clickhide">(click to hide)</span>
90 <span class="clickhide" style="display:none;">(click to show)</span> 90 <span class="clickhide" style="display:none;">(click to show)</span>
91 </div> 91 </div>
92 <div id="graph"> 92 <div id="graph">
93 </div> 93 </div>
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><b>Author:</b> " + data.author.label + " [" + data.author.ismi_id + "]</li>")
127 .click(function() { 127 .click(function() {
128 search(data.author.label, 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 if (key[0] === "_") continue;
132 var val = data.attrs[key]; 132 var val = data.attrs[key];
133 if (key === "link") { 133 if (key === "link") {
134 val = "<a href=\"" + val + "\" target=\"_blank\">" + val + "</a>"; 134 val = "<a href=\"" + val + "\" target=\"_blank\">" + val + "</a>";
135 } 135 }
136 $list.append($("<li>" + key + ": " + val + "</li>")); 136 $list.append($("<li><b>" + key + ":</b> " + val + "</li>"));
137 }; 137 };
138 // re-set selected 138 // re-set selected
139 $("#graph .selected").each(function(){this.classList.remove("selected")}); 139 $("#graph .selected").each(function(){this.classList.remove("selected")});
140 $("#graph .ismi-"+data.attrs.ismi_id).each(function(){this.classList.add("selected")}); 140 $("#graph .ismi-"+data.attrs.ismi_id).each(function(){this.classList.add("selected")});
141 // add commentaries 141 // add commentaries