Changeset 31524 for other-projects/hathitrust/wcsa
- Timestamp:
- 2017-03-20T19:56:14+13:00 (7 years ago)
- Location:
- other-projects/hathitrust/wcsa/extracted-features-solr/trunk/web-portal
- Files:
-
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
other-projects/hathitrust/wcsa/extracted-features-solr/trunk/web-portal/index.css
r31383 r31524 1 .show-hide-lang { 2 display: none; 3 } 4 1 5 input:disabled { 2 6 background:#dddddd; -
other-projects/hathitrust/wcsa/extracted-features-solr/trunk/web-portal/index.html
r31385 r31524 13 13 <link href="HTRC_Mashup--Home_files/font-awesome.css" rel="stylesheet"> 14 14 <link href="HTRC_Mashup--Home_files/tomorrow.css" rel="stylesheet"> 15 15 <link href="HTRC_Mashup--Home_files/jquery-ui-lightness-1.12.1/jquery-ui.min.css" rel="stylesheet"> 16 16 17 <link href="index.css" rel="stylesheet"> 17 18 18 19 <script src="HTRC_Mashup--Home_files/highlight.js"></script> 19 20 <script src="HTRC_Mashup--Home_files/jquery.js"></script> 21 <script src="HTRC_Mashup--Home_files/jquery-ui-lightness-1.12.1/jquery-ui.min.js"></script> 20 22 <script src="HTRC_Mashup--Home_files/stupidtable.js"></script> 21 23 <script src="HTRC_Mashup--Home_files/bootstrap.js"></script> … … 162 164 <div class="col-md-12"> 163 165 164 <h2> Paged-based Extracted Feature Search (Prototype)</h2>165 <form action="htrc-full-ef /select" id="search-form">166 <h2>Unigram Paged-based Extracted Feature Search (Prototype)</h2> 167 <form action="htrc-full-ef20/select" id="search-form"> 166 168 <input type="hidden" id="indent" name="indent" value="on"/> 167 169 <input type="hidden" id="wt" name="wt" value="json"/> 168 170 <input type="hidden" id="start" name="start" value="0"/> 169 171 <input type="hidden" id="rows" name="rows" value="20"/> 170 <input type="text" id="q" name="q" style="width: 600px;"/> 171 <input type="submit" id="search-submit" /> 172 172 <input type="text" class="search-in-progress" id="q" name="q" style="width: 600px;"/> 173 <input type="submit" class="search-in-progress" id="search-submit" /> 174 <br><input type="checkbox" id="group-results-by-id" name="group-results-by-vol" value="on">Group by Volume 175 173 176 <div id="pos-fieldsets"> 174 177 </div> … … 268 271 </div> 269 272 270 <fieldset >273 <fieldset class="show-hide-lang"> 271 274 <legend style="margin-bottom: 5px; padding-top: 15px;"> 272 275 Other Languages (without modelled parts-of-speech) … … 295 298 <li><a href="admin.html">HTRC-EF Solr Admin UI (log in)</a></li> 296 299 <li><a href="luke_lang_mappings.html">Dynamically Generated Language Map (Part-of-Speech, and Other)</a></li> 300 <!-- 297 301 <li><a href="/solr/htrc-full-ef_shard6_replica1/admin/luke">Luke XML on shard</a></li> 302 --> 303 <li><a href="/solr/htrc-full-ef20_shard6_replica1/admin/luke">Luke XML on shard</a></li> 298 304 </ul> 299 305 </div> -
other-projects/hathitrust/wcsa/extracted-features-solr/trunk/web-portal/index.js
r31385 r31524 1 1 2 2 //var langs_with_pos =["da","de","en","nl","pt"]; 3 var langs_with_pos =["en","de","pt","da","nl" ];3 var langs_with_pos =["en","de","pt","da","nl", "sv"]; 4 4 var langs_without_pos =["af","ar","bg","bn","cs","el","es","et","fa","fi","fr","he","hi","hr","hu","id","it","ja","kn","ko","lt","lv","mk","ml","mr","ne","no","pa","pl","ro","ru","sk","sl","so","sq","sv","sw","ta","te","th","tl","tr","uk","ur","vi","zh-cn","zh-tw"]; 5 5 … … 43 43 function show_new_results(delta) 44 44 { 45 $('.search-in-progress').css("cursor","wait"); 46 45 47 store_search_args.start += delta; 46 48 … … 55 57 } 56 58 59 60 function generate_item(line,id,id_pages) 61 { 62 var css_class = (line%2 == 0) ? 'class="evenline"' : 'class="oddline"'; 63 64 var html_item = ""; 65 66 var id_pages_len = id_pages.length; 67 68 for (var pi=0; pi<id_pages_len; pi++) { 69 var page = id_pages[pi]; 70 71 var seqnum = page - 1; 72 var babel_url = "https://babel.hathitrust.org/cgi/pt?id="+id+";view=1up;seq="+seqnum; 73 74 if (id_pages_len>1) { 75 76 if (pi==0) { 77 html_item += '<p ' + css_class + '>'; 78 html_item += '<span style="font-style: italic;" name="'+id+'"><span style="cursor: progress;">Loading ...</span></span><br>'; 79 80 81 html_item += id + ': <a target="_blank" href="' + babel_url + '">page ' + page + '</a> '; 82 } 83 else { 84 html_item += ', <a target="_blank" href="' + babel_url + '">page ' + page + '</a> '; 85 86 //var result_item = '<a target="_blank" href="' + babel_url + '">' + id + ', page ' + page + '</a>'; 87 //result_item += ' <span style="font-style: italic;" name="'+id+'"><span style="cursor: progress;">Loading ...</span></span>'; 88 //html_item += '<p ' + css_class + '>'+result_item+'</p>'; 89 } 90 } 91 else { 92 html_item += '<p ' + css_class + '>'; 93 html_item += ' <span style="font-style: italic;" name="'+id+'"><span style="cursor: progress;">Loading ...</span></span><br>'; 94 html_item += '<a target="_blank" href="' + babel_url + '">' + id + ', page ' + page + '</a>'; 95 html_item += '</p>'; 96 } 97 98 } 99 100 if (id_pages_len>1) { 101 html_item += "</p>"; 102 } 103 104 return html_item; 105 } 106 57 107 function show_results(jsonData) { 58 108 var response = jsonData.response; … … 61 111 var num_docs = docs.length; 62 112 113 $('.search-in-progress').css("cursor","auto"); 114 63 115 var $search_results = $('#search-results'); 116 64 117 if (num_docs>0) { 65 $search_results.html("<p>Results: " + num_found + " volumes/documents matched</p>");66 var from = parseInt(store_search_args.start) +1;118 $search_results.html("<p>Results: " + num_found + " pages matched</p>"); 119 var from = parseInt(store_search_args.start); 67 120 var to = from + num_rows; 68 121 $search_results.append("<p>Showing matches: "+from+"-" + to + "</p>"); 69 122 } 70 123 else { 71 $search_results.html("<p>No volumes/documents matched your query</p>");124 $search_results.html("<p>No pages matched your query</p>"); 72 125 } 73 126 … … 76 129 77 130 var htids = []; 78 79 for (var i=0; i<num_docs; i++) { 131 132 var prev_id = null; 133 var prev_pages = []; 134 135 var i=0; 136 var line_num = 0; 137 while (i<num_docs) { 138 // for (var i=0; i<num_docs; i++) { 80 139 var doc = docs[i]; 81 140 var id_and_page = doc.id.split(".page-"); 82 141 var id = id_and_page[0]; 83 var page = parseInt(id_and_page[1]); 84 85 86 var css_class = (i%2 == 0) ? 'class="evenline"' : 'class="oddline"'; 87 //var restful_safe_id = id.replace(/\./g,",").replace(/:/g, "+").replace(/\//g, "="); 88 89 var babel_url = "https://babel.hathitrust.org/cgi/pt?id="+id+";view=1up;seq="+page; 90 91 var result_item = '<a target="_blank" href="' + babel_url + '">' + id + ', page ' + page + '</a>'; 92 result_item += ' <span style="font-style: italic;" name="'+id+'"><span style="cursor: progress;">Loading ...</span></span>'; 93 $search_results.append('<p ' + css_class + '>'+result_item+'</p>'); 142 var seqnum = parseInt(id_and_page[1]); 143 var page = seqnum+1; 144 145 if ((prev_id != null) && (id != prev_id)) { 146 // time to output previous item 147 var html_item = generate_item(line_num,prev_id,prev_pages); 148 $search_results.append(html_item); 149 line_num++; 150 prev_pages = [page]; 151 } 152 else { 153 // accumulate pages 154 prev_pages.push(page) 155 } 156 157 // var css_class = (i%2 == 0) ? 'class="evenline"' : 'class="oddline"'; 158 // //var restful_safe_id = id.replace(/\./g,",").replace(/:/g, "+").replace(/\//g, "="); 159 160 // var babel_url = "https://babel.hathitrust.org/cgi/pt?id="+id+";view=1up;seq="+seqnum; 161 162 // var result_item = '<a target="_blank" href="' + babel_url + '">' + id + ', page ' + page + '</a>'; 163 // result_item += ' <span style="font-style: italic;" name="'+id+'"><span style="cursor: progress;">Loading ...</span></span>'; 164 // $search_results.append('<p ' + css_class + '>'+result_item+'</p>'); 94 165 95 166 htids.push("htid:"+id); 96 167 97 } 98 168 prev_id = id; 169 i++; 170 } 171 172 var html_item = generate_item(line_num,prev_id,prev_pages); 173 $search_results.append(html_item); 174 175 99 176 document.location.href="#search-results-anchor"; 100 177 … … 129 206 var store_search_action = null; 130 207 208 var group_by_vol_checked = 0; 209 131 210 function submit_action(event) 132 211 { 133 212 event.preventDefault(); 134 213 214 $('.search-in-progress').css("cursor","wait"); 215 135 216 store_search_action = $('#search-form').attr("action"); 136 217 … … 140 221 var arg_rows = $('#rows').attr('value'); 141 222 var q_text = $('#q').val(); 223 224 group_by_vol_checked = $('#group-results-by-id:checked').length; 225 142 226 143 227 if (q_text === "") { 228 $('.search-in-progress').css("cursor","auto"); 144 229 alert("No query term entered"); 145 230 return; … … 162 247 var $lang_tag_cb = $('#'+lang_tag_id); 163 248 if ($lang_tag_cb.is(':checked')) { 164 var lang_tag_field = "xxxx"+lang+"_"+tag+"_htrctoken"; 249 //var lang_tag_field = "xxxx"+lang+"_"+tag+"_htrctoken"; 250 var lang_tag_field = lang+"_"+tag+"_htrctoken"; 165 251 fields.push(lang_tag_field+":"+q_text); 166 252 } … … 176 262 if ($lang_enabled_cb.is(':checked')) { 177 263 console.log("Adding in non-POS field for: " + lang); 178 var lang_tag_field = "xxxx"+lang+"_htrctoken"; 264 //var lang_tag_field = "xxxx"+lang+"_htrctoken"; 265 var lang_tag_field = lang+"_htrctoken"; 179 266 fields.push(lang_tag_field+":"+q_text); 180 267 } … … 190 277 191 278 // Example search on one of the htrc-full-ef fields is: 192 // q= xxxxen_NOUN_htrctoken:farming279 // q=en_NOUN_htrctoken:farming 193 280 194 281 store_search_args = { q: arg_q, indent: arg_indent, wt: arg_wt, start: arg_start, rows: arg_rows }; 282 283 if (group_by_vol_checked) { 284 store_search_args.sort="id asc"; 285 } 286 195 287 196 288 $.ajax({ … … 255 347 256 348 var fieldset = ""; 257 fieldset += '<fieldset>\n'; 349 var opt_showhide_class = (li>0) ? 'class="show-hide-lang"' : ""; 350 351 if (li==1) { 352 fieldset += '<button id="show-hide-lang">Show other languages ...</button>'; 353 } 354 355 fieldset += '<fieldset ' + opt_showhide_class + '>\n'; 258 356 fieldset += legend; 259 357 fieldset += ' <div id="'+l+'-pos-choice">\n'; … … 280 378 //$('#de-enabled').click(lang_pos_toggle); 281 379 //$('#de-pos-choice *').prop('disabled',true); 380 381 show_hide_lang() 382 } 383 384 function show_hide_lang() 385 { 386 $( "#show-hide-lang" ).click(function(event) { 387 event.preventDefault(); 388 if($('.show-hide-lang:visible').length) { 389 $('.show-hide-lang').hide("slide", {direction: "up" } , 1000); 390 $('#show-hide-lang').html("Show other languages ..."); 391 } 392 else { 393 $('.show-hide-lang').show("slide", {direction: "up" } , 1000); 394 $('#show-hide-lang').html("Hide other languages ..."); 395 } 396 }); 282 397 } 283 398
Note:
See TracChangeset
for help on using the changeset viewer.