X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=experiments%2Fspclient%2Fmkws.js;h=daf222dd370547f6f7d8185c502a9b638eaeadec;hb=782e286df221e36e3e98050984beafe3c68b7fd5;hp=5ba76924e874e07891b17f7e3ac81eea3253c381;hpb=8fcd6d851b7b1642d16eb00bb9d04c1d7c09cd1e;p=mkws-moved-to-github.git

diff --git a/experiments/spclient/mkws.js b/experiments/spclient/mkws.js
index 5ba7692..daf222d 100644
--- a/experiments/spclient/mkws.js
+++ b/experiments/spclient/mkws.js
@@ -1,18 +1,71 @@
 /* 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_debug = 1;
+
+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,9 +94,9 @@ function my_onshow(data) {
     // move it out
     var pager = document.getElementById("pager");
     pager.innerHTML = "";
-    pager.innerHTML +='<hr/><div style="float: right">Displaying: '
-                    + (data.start + 1) + ' to ' + (data.start + data.num) +
-                     ' of ' + data.merged + ' (found: '
+    pager.innerHTML +='<hr/><div style="float: right">' + M('Displaying') + ': '
+                    + (data.start + 1) + ' ' + M('to') + ' ' + (data.start + data.num) +
+                     ' ' + M('of') + ' ' + data.merged + ' (' + M('found') + ': '
                      + data.total + ')</div>';
     drawPager(pager);
     // navi
@@ -85,20 +138,20 @@ function my_onstat(data) {
 
 function my_onterm(data) {
     var termlists = [];
-    termlists.push('<hr/><b>TERMLISTS:</b><hr/><div class="termtitle">Sources</div>');
+    termlists.push('<hr/><b>' + M('TERMLISTS') + ':</b><hr/><div class="termtitle">' + M('Sources') + '</div>');
     for (var i = 0; i < data.xtargets.length && i < SourceMax; i++ ) {
         termlists.push('<a href="#" target_id='+data.xtargets[i].id
             + ' onclick="limitTarget(this.getAttribute(\'target_id\'), this.firstChild.nodeValue);return false;">' + data.xtargets[i].name
         + ' </a><span> (' + data.xtargets[i].freq + ')</span><br/>');
     }
 
-    termlists.push('<hr/><div class="termtitle">Subjects</div>');
+    termlists.push('<hr/><div class="termtitle">' + M('Subjects') + '</div>');
     for (var i = 0; i < data.subject.length && i < SubjectMax; i++ ) {
         termlists.push('<a href="#" onclick="limitQuery(\'su\', this.firstChild.nodeValue);return false;">' + data.subject[i].name + '</a><span>  ('
               + data.subject[i].freq + ')</span><br/>');
     }
 
-    termlists.push('<hr/><div class="termtitle">Authors</div>');
+    termlists.push('<hr/><div class="termtitle">' + M('Authors') + '</div>');
     for (var i = 0; i < data.author.length && i < AuthorMax; i++ ) {
         termlists.push('<a href="#" onclick="limitQuery(\'au\', this.firstChild.nodeValue);return false;">'
                             + data.author[i].name
@@ -234,10 +287,10 @@ function drawPager (pagerDiv)
         ? firstClkbl + 2*onsides
         : pages;
 
-    var prev = '<span id="prev">&#60;&#60; Prev</span><b> | </b>';
+    var prev = '<span id="prev">&#60;&#60; ' + M('Prev') + '</span><b> | </b>';
     if (curPage > 1)
         prev = '<a href="#" id="prev" onclick="pagerPrev();">'
-        +'&#60;&#60; Prev</a><b> | </b>';
+        +'&#60;&#60; ' + M('Prev') + '</a><b> | </b>';
 
     var middle = '';
     for(var i = firstClkbl; i <= lastClkbl; i++) {
@@ -249,10 +302,10 @@ function drawPager (pagerDiv)
             + numLabel + ' </a>';
     }
 
-    var next = '<b> | </b><span id="next">Next &#62;&#62;</span>';
+    var next = '<b> | </b><span id="next">' + M('Next') + ' &#62;&#62;</span>';
     if (pages - curPage > 0)
         next = '<b> | </b><a href="#" id="next" onclick="pagerNext()">'
-        +'Next &#62;&#62;</a>';
+        + M('Next') + ' &#62;&#62;</a>';
 
     var predots = '';
     if (firstClkbl > 1)
@@ -377,41 +430,45 @@ function renderDetails(data, marker)
  */
 function mkws_html_all(data) {
 
+    /* default config */
     var config = {
-	sort: [ ["relevance"], ["title:1", "title"], ["date:0", "newest"], ["date:1", "oldest"]],
+	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,
-	mkws_switch: true, /* show/hide Records|Targets menu */
+	switch: true, /* show/hide Records|Targets menu */
+	debug: 0,     /* debug level for development: 0..2 */
 
 	dummy: "dummy"
     };
 
-    $("#mkwsSwitch").html($("<a/>", {
-	href: '#',
-	onclick: "switchView(\'records\')",
-	text: "Records",
-    }));
-    $("#mkwsSwitch").append($("<span/>", { text: " | " }));
-    $("#mkwsSwitch").append($("<a/>", {
-	href: '#',
-	onclick: "switchView(\'targets\')",
-	text: "Targets",
-    }));
-
-    if (!config.mkws_switch) {
-        $("#mkwsSwitch").css("display", "none");
+    /* set global debug flag early */
+    if (data.debug !== 'undefined') {
+	mkws_debug = data.debug;
+    } else if (config.debug !== 'undefined') {
+	mkws_debug = config.debug;
     }
+    
+    /* override standard config values by function parameters */
+    for (var k in data) {
+	config[k] = data[k];
+	debug("Set config: " + k + ' => ' + data[k]);
+    }
+   
+    mkws_set_lang(mkws_config); 
+    mkws_html_lang(mkws_config); 
 
     // For some reason, doing this programmatically results in
     // document.search.query being undefined, hence the raw HTML.
+    debug("HTML search form");
     $("#mkwsSearch").html('\
     <form id="searchForm" name="search">\
       <input id="query" type="text" size="50" />\
-      <input id="button" type="submit" value="Search" />\
+      <input id="button" type="submit" value="' + M('Search') + '" />\
     </form>');
 
+    debug("HTML records");
     $("#mkwsRecords").html('\
       <table width="100%" border="0" cellpadding="6" cellspacing="0">\
         <tr>\
@@ -421,11 +478,9 @@ function mkws_html_all(data) {
           <td valign="top">\
             <div id="ranking">\
               <form name="select" id="select">\
-        Sort by\
-        <select name="sort" id="sort"><option value="relevance" selected="selected">relevance</option><option value="title:1">title</option><option value="date:0">newest</option><option value="date:1">oldest</option></select>\
-        and show \
-        <select name="perpage" id="perpage"><option value="10">10</option><option value="20" selected="selected">20</option><option value="30">30</option><option value="50">50</option></select>\
-        per page.\
+        ' + M('Sort by') + mkws_html_sort(config) + '\
+        ' + M('and show') + ' ' + mkws_html_perpage(config) + '\
+        ' + M('per page') + '.\
        </form>\
             </div>\
             <div id="pager"></div>\
@@ -436,22 +491,102 @@ function mkws_html_all(data) {
       </table>\
     </div>');
 
+    mkws_html_switch(config);
+    if (mkws_config.use_service_proxy)
+	mkws_service_proxy_auth(config.service_proxy_auth);
+
+    domReady();
+}
+
+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;
+    }
+    
+    debug("Locale language: " + mkws_config.lang);
+    return mkws_config.lang;
+}
+
+function mkws_html_switch(config) {
+    debug("HTML switch");
+    
+    $("#mkwsSwitch").html($("<a/>", {
+	href: '#',
+	onclick: "switchView(\'records\')",
+	text: "Records"
+    }));
+    $("#mkwsSwitch").append($("<span/>", { text: " | " }));
+    $("#mkwsSwitch").append($("<a/>", {
+	href: '#',
+	onclick: "switchView(\'targets\')",
+	text: "Targets"
+    }));
+
+    debug("HTML targets");
     $("#mkwsTargets").html('\
       <div id="bytarget">\
        No information available yet.\
       </div>');
     $("#mkwsTargets").css("display", "none");
 
-    domReady();
+    if (!config.switch) {
+	debug("disable switch");
+        $("#mkwsSwitch").css("display", "none");
+    }
+}
+
+function mkws_html_sort(config) {
+    debug("HTML sort");
+    var sort_html = '<select name="sort" id="sort">';
+
+    for(var i = 0; i < config.sort.length; i++) {
+	var key = config.sort[i][0];
+	var val = config.sort[i].length == 1 ? config.sort[i][0] : config.sort[i][1];
+
+	sort_html += '<option value="' + key + '"';
+	if (key == config.sort_default) {
+	    sort_html += ' selected="selected"';
+	}
+	sort_html += '>' + val + '</option>';
+    }
+    sort_html += '</select>';
+
+    return sort_html;
+}
+
+function mkws_html_perpage(config) {
+    debug("HTML perpage");
+    var perpage_html = '<select name="perpage" id="perpage">';
+
+    for(var i = 0; i < config.perpage.length; i++) {
+	var key = config.perpage[i];
+
+	perpage_html += '<option value="' + key + '"';
+	if (key == config.perpage_default) {
+	    perpage_html += ' selected="selected"';
+	}
+	perpage_html += '>' + key + '</option>';
+    }
+    perpage_html += '</select>';
+
+    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() {
-    var jqxhr = jQuery.get("/service-proxy-auth")
+function mkws_service_proxy_auth(auth_url) {
+    if (!auth_url)
+	auth_url = "/service-proxy-auth";
+	
+    debug("Run service proxy auth URL: " + auth_url);
+
+    var jqxhr = jQuery.get(auth_url)
 	.fail(function() {
 	    alert("service proxy authentication failed, give up!");
 	})
@@ -468,6 +603,67 @@ function mkws_service_proxy_auth() {
 	});
 }
 
-$(document).ready(function() { mkws_html_all(); });
-$(document).ready(function() { mkws_service_proxy_auth(); });
+/* create locale language menu */
+function mkws_html_lang(mkws_config) {
+    var lang_default = "en";
+    var lang = mkws_config.lang || lang_default;
+    var list = [lang_default];
+    
+    for (var k in mkws_locale_lang) {
+	list.push(k);
+    }
+    debug("Language menu for: " + list.join(", "));
+
+    var data = "";    
+    for(var i = 0; i < list.length; i++) {
+	var l = list[i];
+	
+	if (data)
+	    data += ' | ';
+	    
+	if (lang == l) {
+	    data += l;
+	} else {
+	    data += ' <a href="/?lang=' + l + '">' + l + '</a> '
+	}
+    }
+    
+    $("#mkwsLang").html(data);
+}
+
+/* locale */
+function M(word) {
+    var 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;
+} });
+
+function debug(string) {
+    if (!mkws_debug)
+	return;
+    
+    if (!console) { /* ARGH!!! */
+	return;
+    }
+    
+    console.log(string);
+}
 
+/* magic */
+$(document).ready(function() { mkws_html_all(mkws_config) });