X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=experiments%2Fspclient%2Fmkws.js;h=30bf3b21d93fe2c6904b6cb07fda0602c8ae8f1a;hb=cc0a141ede859ae7729f682c6c547829628f85ad;hp=0f7eba8a55d07f0bb390fa53716b770470af0ca6;hpb=d24ebfca52727d9414d69ed4a99d3a1e925b3fea;p=mkws-moved-to-github.git diff --git a/experiments/spclient/mkws.js b/experiments/spclient/mkws.js index 0f7eba8..30bf3b2 100644 --- a/experiments/spclient/mkws.js +++ b/experiments/spclient/mkws.js @@ -1,18 +1,29 @@ /* A very simple client that shows a basic usage of the pz2.js */ +"use strict"; // HTML5 + +if (!mkws_config) + var mkws_config = {}; // for the guys who forgot to define mkws_config... + +var pazpar2_url = mkws_config.pazpar2_url ? mkws_config.pazpar2_url : "/pazpar2/search.pz2"; +var service_proxy_url = mkws_config.service_proxy_url ? mkws_config.service_proxy_url : "/service-proxy/"; + +var pazpar2path = mkws_config.use_service_proxy ? service_proxy_url : pazpar2_url; +var usesessions = mkws_config.use_service_proxy ? false : true; + // create a parameters array and pass it to the pz2's constructor // then register the form submit event with the pz2.search function // autoInit is set to true on default var my_paz = new pz2( { "onshow": my_onshow, "showtime": 500, //each timer (show, stat, term, bytarget) can be specified this way - "pazpar2path": '/service-proxy/', + "pazpar2path": pazpar2path, "oninit": my_oninit, "onstat": my_onstat, "onterm": my_onterm, "termlist": "xtargets,subject,author", "onbytarget": my_onbytarget, - "usesessions" : false, + "usesessions" : usesessions, "showResponseType": '', // or "json" (for debugging?) "onrecord": my_onrecord } ); // some state vars @@ -41,22 +52,22 @@ function my_onshow(data) { // move it out var pager = document.getElementById("pager"); pager.innerHTML = ""; - pager.innerHTML +='
Target ID | Hits | Diags | ' +'Records | State |
" + data[i].id + " | " + data[i].hits +
@@ -143,8 +154,8 @@ function my_onbytarget(data) {
////////////////////////////////////////////////////////////////////////////////
// wait until the DOM is ready
-function domReady ()
-{
+function domReady ()
+{
document.search.onsubmit = onFormSubmitEventHandler;
document.search.query.value = '';
document.select.sort.onchange = onSelectDdChange;
@@ -152,7 +163,7 @@ function domReady ()
}
// when search button pressed
-function onFormSubmitEventHandler()
+function onFormSubmitEventHandler()
{
resetPage();
loadSelect();
@@ -198,7 +209,7 @@ function limitQuery (field, value)
function limitTarget (id, name)
{
var navi = document.getElementById('navi');
- navi.innerHTML =
+ navi.innerHTML =
'Source: '
+ name + '';
navi.innerHTML += ' '; @@ -213,7 +224,7 @@ function delimitTarget () { var navi = document.getElementById('navi'); navi.innerHTML = ''; - curFilter = null; + curFilter = null; resetPage(); loadSelect(); triggerSearch(); @@ -225,8 +236,8 @@ function drawPager (pagerDiv) //client indexes pages from 1 but pz2 from 0 var onsides = 6; var pages = Math.ceil(totalRec / recPerPage); - - var firstClkbl = ( curPage - onsides > 0 ) + + var firstClkbl = ( curPage - onsides > 0 ) ? curPage - onsides : 1; @@ -248,7 +259,7 @@ function drawPager (pagerDiv) middle += ' ' + numLabel + ' '; } - + var next = ' | Next >>'; if (pages - curPage > 0) next = ' | ' @@ -262,7 +273,7 @@ function drawPager (pagerDiv) if (lastClkbl < pages) postdots = '...'; - pagerDiv.innerHTML += ' '
+ pagerDiv.innerHTML += ' ');
+
+ mkws_html_switch(config);
+ if (mkws_config.use_service_proxy)
+ mkws_service_proxy_auth(config.service_proxy_auth);
-$(document).ready(function() {
domReady();
- var jqxhr = jQuery.get("/service-proxy-auth")
- .fail(function() { alert("service proxy authentifiction failed"); });
+}
- $("#mkwsSwitch").html($("", { href: '#',
- onclick: "switchView(\'recordview\')",
- text: "Record Browser",
- }));
+function mkws_html_switch(config) {
+ $("#mkwsSwitch").html($("", {
+ href: '#',
+ onclick: "switchView(\'records\')",
+ text: "Records"
+ }));
$("#mkwsSwitch").append($("", { text: " | " }));
- $("#mkwsSwitch").append($("", { href: '#',
- onclick: "switchView(\'targetview\')",
- text: "Target Info",
- }));
-});
+ $("#mkwsSwitch").append($("", {
+ href: '#',
+ onclick: "switchView(\'targets\')",
+ text: "Targets"
+ }));
+
+ $("#mkwsTargets").html('\
+ '
+ prev + predots + middle + postdots + next + ' '; } @@ -289,17 +300,17 @@ function pagerPrev() { // swithing view between targets and records function switchView(view) { - - var targets = document.getElementById('targetview'); - var records = document.getElementById('recordview'); - + + var targets = document.getElementById('mkwsTargets'); + var records = document.getElementById('mkwsRecords'); + switch(view) { - case 'targetview': - targets.style.display = "block"; + case 'targets': + targets.style.display = "block"; records.style.display = "none"; break; - case 'recordview': - targets.style.display = "none"; + case 'records': + targets.style.display = "none"; records.style.display = "block"; break; default: @@ -312,7 +323,7 @@ function showDetails (prefixRecId) { var recId = prefixRecId.replace('rec_', ''); var oldRecId = curDetRecId; curDetRecId = recId; - + // remove current detailed view if any var detRecordDiv = document.getElementById('det_'+oldRecId); // lovin DOM! @@ -371,19 +382,150 @@ function renderDetails(data, marker) return details; } +/* + * All the HTML stuff to render the search forms and + * result pages. + */ +function mkws_html_all(data) { + + /* default config */ + var config = { + sort: [["relevance"], ["title:1", "title"], ["date:0", "newest"], ["date:1", "oldest"]], + perpage: [10, 20, 30, 50], + sort_default: "relevance", + perpage_default: 20, + query_width: 50, + switch: true, /* show/hide Records|Targets menu */ + + dummy: "dummy" + }; + + /* override standard config values by function parameters */ + for (var k in data) { + config[k] = data[k]; + } + + // For some reason, doing this programmatically results in + // document.search.query being undefined, hence the raw HTML. + $("#mkwsSearch").html('\ + '); + + $("#mkwsRecords").html('\ +
\
+ No information available yet.\
+ ');
+ $("#mkwsTargets").css("display", "none");
+
+ if (!config.switch) {
+ $("#mkwsSwitch").css("display", "none");
+ }
+}
+
+function mkws_html_sort(config) {
+ var sort_html = '';
+
+ return sort_html;
+}
+
+function mkws_html_perpage(config) {
+ var perpage_html = '';
+
+ return perpage_html;
+}
+
+/*
+ * Run service-proxy authentication in background (after page load).
+ * The username/password is configured in the apache config file
+ * for the site.
+ */
+function mkws_service_proxy_auth(auth_url) {
+ if (!auth_url)
+ auth_url = "/service-proxy-auth";
+
+ var jqxhr = jQuery.get(auth_url)
+ .fail(function() {
+ alert("service proxy authentication failed, give up!");
+ })
+ .success(function(data) {
+ if (!jQuery.isXMLDoc(data)) {
+ alert("service proxy auth response document is not valid XML document, give up!");
+ return;
+ }
+ var status = $(data).find("status");
+ if (status.text() != "OK") {
+ alert("service proxy auth repsonse status: " + status.text() + ", give up!");
+ return;
+ }
+ });
+}
+
+/* magic */
+$(document).ready(function() { mkws_html_all(mkws_config) });
|