X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=experiments%2Fspclient%2Fmkws.js;h=80b5b7abbb688df54d903116c7c2f205dc3ca1aa;hb=d2dcaff76bbadd61a9a0a8a053c8bcf3df6d9f72;hp=15dcd17a6a986a2a54fe4cd8846df852d9ba6294;hpb=c0c7390fd6671ff00b4c0ca77def47e0ca52ef52;p=mkws-moved-to-github.git diff --git a/experiments/spclient/mkws.js b/experiments/spclient/mkws.js index 15dcd17..80b5b7a 100644 --- a/experiments/spclient/mkws.js +++ b/experiments/spclient/mkws.js @@ -1,18 +1,69 @@ /* 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; + +var mkws_locale_lang = { + "de": { + "Authors": "Autoren", + "Subjects": "Schlagwörter", + "Sources": "Daten und Quellen", + "TERMLISTS": "Termlisten", + "Next": "Weiter", + "Prev": "Zurück", + "Search": "Suche", + "Sort by": "Sortieren nach", + "and show": "und zeige", + "per page": "pro Seite", + "Displaying": "Zeige", + "to": "von", + "of": "aus", + "found": "gefunden", + + "dummy": "dummy" + }, + + "da": { + "Authors": "Forfattere", + "Subjects": "Emner", + "Sources": "Kilder", + "TERMLISTS": "TERMLISTS", + "Next": "Næste", + "Prev": "Forrige", + "Search": "Søg", + "Sort by": "Sorter efter", + "and show": "og vis", + "per page": "per side", + "Displaying": "Viser", + "to": "til", + "of": "ud af", + "found": "fandt", + + "dummy": "dummy" + } +}; + // 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 +92,22 @@ function my_onshow(data) { // move it out var pager = document.getElementById("pager"); pager.innerHTML = ""; - pager.innerHTML +='
Displaying: ' - + (data.start + 1) + ' to ' + (data.start + data.num) + - ' of ' + data.merged + ' (found: ' + pager.innerHTML +='
' + M('Displaying') + ': ' + + (data.start + 1) + ' ' + M('to') + ' ' + (data.start + data.num) + + ' ' + M('of') + ' ' + data.merged + ' (' + M('found') + ': ' + data.total + ')
'; drawPager(pager); // navi var results = document.getElementById("results"); - + var html = []; for (var i = 0; i < data.hits.length; i++) { var hit = data.hits[i]; html.push('
' +''+ (i + 1 + recPerPage * (curPage - 1)) +'. ' +'' - + hit["md-title"] +' '); + +'" onclick="showDetails(this.id);return false;">' + + hit["md-title"] +' '); if (hit["md-title-remainder"] !== undefined) { html.push('' + hit["md-title-remainder"] + ' '); } @@ -72,10 +123,10 @@ function my_onshow(data) { } function my_onstat(data) { - var stat = document.getElementById("stat"); + var stat = document.getElementById("mkwsStat"); if (stat == null) return; - + stat.innerHTML = 'STATUS INFO -- Active clients: ' + data.activeclients + '/' + data.clients + ' -- ' @@ -85,25 +136,25 @@ function my_onstat(data) { function my_onterm(data) { var termlists = []; - termlists.push('
TERMLISTS:
Sources
'); + termlists.push('
' + M('TERMLISTS') + ':
' + M('Sources') + '
'); for (var i = 0; i < data.xtargets.length && i < SourceMax; i++ ) { termlists.push('' + data.xtargets[i].name + + ' onclick="limitTarget(this.getAttribute(\'target_id\'), this.firstChild.nodeValue);return false;">' + data.xtargets[i].name + ' (' + data.xtargets[i].freq + ')
'); } - - termlists.push('
Subjects
'); + + termlists.push('
' + M('Subjects') + '
'); for (var i = 0; i < data.subject.length && i < SubjectMax; i++ ) { - termlists.push('' + data.subject[i].name + ' (' + termlists.push('' + data.subject[i].name + ' (' + data.subject[i].freq + ')
'); } - - termlists.push('
Authors
'); + + termlists.push('
' + M('Authors') + '
'); for (var i = 0; i < data.author.length && i < AuthorMax; i++ ) { - termlists.push('' - + data.author[i].name - + ' (' - + data.author[i].freq + termlists.push('' + + data.author[i].name + + ' (' + + data.author[i].freq + ')
'); } var termlist = document.getElementById("termlist"); @@ -126,7 +177,7 @@ function my_onbytarget(data) { var targetDiv = document.getElementById("bytarget"); var table ='' +''; - + for (var i = 0; i < data.length; i++ ) { table += "
Target IDHitsDiagsRecordsState
" + data[i].id + "" + data[i].hits + @@ -143,8 +194,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 +203,7 @@ function domReady () } // when search button pressed -function onFormSubmitEventHandler() +function onFormSubmitEventHandler() { resetPage(); loadSelect(); @@ -198,7 +249,7 @@ function limitQuery (field, value) function limitTarget (id, name) { var navi = document.getElementById('navi'); - navi.innerHTML = + navi.innerHTML = 'Source: ' + name + ''; navi.innerHTML += '
'; @@ -213,7 +264,7 @@ function delimitTarget () { var navi = document.getElementById('navi'); navi.innerHTML = ''; - curFilter = null; + curFilter = null; resetPage(); loadSelect(); triggerSearch(); @@ -225,8 +276,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; @@ -234,10 +285,10 @@ function drawPager (pagerDiv) ? firstClkbl + 2*onsides : pages; - var prev = '<< Prev | '; + var prev = '<< ' + M('Prev') + ' | '; if (curPage > 1) prev = ' | '; + +'<< ' + M('Prev') + ' | '; var middle = ''; for(var i = firstClkbl; i <= lastClkbl; i++) { @@ -248,11 +299,11 @@ function drawPager (pagerDiv) middle += ' ' + numLabel + ' '; } - - var next = ' | Next >>'; + + var next = ' | ' + M('Next') + ' >>'; if (pages - curPage > 0) next = ' | '; + + M('Next') + ' >>'; var predots = ''; if (firstClkbl > 1) @@ -262,7 +313,7 @@ function drawPager (pagerDiv) if (lastClkbl < pages) postdots = '...'; - pagerDiv.innerHTML += '
' + pagerDiv.innerHTML += '
' + prev + predots + middle + postdots + next + '

'; } @@ -289,17 +340,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 +363,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,29 +422,186 @@ function renderDetails(data, marker) return details; } - -$(document).ready(function() { - $("#mkwsSwitch").html($("", { href: '#', - onclick: "switchView(\'recordview\')", - text: "Record Browser", - })); - $("#mkwsSwitch").append($("", { text: " | " })); - $("#mkwsSwitch").append($("", { href: '#', - onclick: "switchView(\'targetview\')", - text: "Target Info", - })); +/* + * 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]; + } + + mkws_set_lang(mkws_config); // For some reason, doing this programmatically results in // document.search.query being undefined, hence the raw HTML. $("#mkwsSearch").html('\
\ \ - \ + \
'); + $("#mkwsRecords").html('\ + \ + \ + \ + \ + \ +
\ +
\ +
\ +
\ +
\ + ' + M('Sort by') + mkws_html_sort(config) + '\ + ' + M('and show') + ' ' + mkws_html_perpage(config) + '\ + ' + M('per page') + '.\ +
\ +
\ +
\ + \ +
\ +
\ +
'); + + mkws_html_switch(config); + if (mkws_config.use_service_proxy) + mkws_service_proxy_auth(config.service_proxy_auth); + domReady(); +} - var jqxhr = jQuery.get("/service-proxy-auth") - .fail(function() { alert("service proxy authentifiction failed"); }); +function mkws_set_lang(mkws_config) { + var lang = jQuery.parseQuerystring().lang || mkws_config.lang || ""; + if (!lang || !mkws_locale_lang[lang]) { + mkws_config.lang = "" + } else { + mkws_config.lang = lang; + } + + return mkws_config.lang; +} + +function mkws_html_switch(config) { + $("#mkwsSwitch").html($("", { + href: '#', + onclick: "switchView(\'records\')", + text: "Records" + })); + $("#mkwsSwitch").append($("", { text: " | " })); + $("#mkwsSwitch").append($("", { + href: '#', + onclick: "switchView(\'targets\')", + text: "Targets" + })); + + $("#mkwsTargets").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; + } + }); +} + +/* locale */ +function M(word) { + var lang = jQuery.parseQuerystring().lang || mkws_config.lang; + + if (!lang || !mkws_locale_lang[lang]) + return word; + + return mkws_locale_lang[lang][word] ? mkws_locale_lang[lang][word] : word; +} -}); +/* implement jQuery.parseQuerystring() for parsing URL parameters */ +jQuery.extend({ + parseQuerystring: function() { + var nvpair = {}; + var qs = window.location.search.replace('?', ''); + var pairs = qs.split('&'); + $.each(pairs, function(i, v){ + var pair = v.split('='); + nvpair[pair[0]] = pair[1]; + }); + return nvpair; +} }); + +/* magic */ +$(document).ready(function() { mkws_html_all(mkws_config) });