X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=tools%2Fhtdocs%2Fmkws.js;h=3ae8ae0491c0cbbe87470aba5e6d76490cb05d61;hb=c5d1ba8a251f55565705b4864da7b24bcf8cf307;hp=099e67f6abf019e8a2a8f9e3efe30e852ed9f167;hpb=c91938eb5b2469a466b5b6ea74959a3ebfb31fe9;p=mkws-moved-to-github.git diff --git a/tools/htdocs/mkws.js b/tools/htdocs/mkws.js index 099e67f..3ae8ae0 100644 --- a/tools/htdocs/mkws.js +++ b/tools/htdocs/mkws.js @@ -13,11 +13,13 @@ if (!mkws_config) var mkws_config = {}; // for the guys who forgot to define mkws_config... +// Set up namespace and some state. +var mkws = {}; + + if (typeof mkws_config.use_service_proxy === 'undefined') mkws_config.use_service_proxy = true; -// global debug flag -var mkws_debug; 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 : "http://mkws.indexdata.com/service-proxy/"; @@ -25,8 +27,13 @@ var service_proxy_url = mkws_config.service_proxy_url ? mkws_config.service_prox var pazpar2path = mkws_config.use_service_proxy ? service_proxy_url : pazpar2_url; var usesessions = mkws_config.use_service_proxy ? false : true; +var mkws_debug; + -var mkws_locale_lang = { +// Wrapper for jQuery +(function ($) { + +mkws.locale_lang = { "de": { "Authors": "Autoren", "Subjects": "Schlagwörter", @@ -76,13 +83,30 @@ var mkws_locale_lang = { } }; +mkws.debug = function (string) { + if (!mkws_debug) + return; + + if (typeof console === "undefined" || typeof console.log === "undefined") { /* ARGH!!! old IE */ + return; + } + + // you need to disable use strict at the top of the file!!! + if (mkws_debug >= 3) { + console.log(arguments.callee.caller); + } else if (mkws_debug >= 2) { + console.log(">>> called from function " + arguments.callee.caller.name + ' <<<'); + } + console.log(string); +} +var debug = mkws.debug; // local alias for (var key in mkws_config) { if (mkws_config.hasOwnProperty(key)) { if (key.match(/^language_/)) { var lang = key.replace(/^language_/, ""); // Copy custom languages into list - mkws_locale_lang[lang] = mkws_config[key]; + mkws.locale_lang[lang] = mkws_config[key]; } } } @@ -102,6 +126,9 @@ var my_paz = new pz2( { "onshow": my_onshow, "usesessions" : usesessions, "showResponseType": '', // or "json" (for debugging?) "onrecord": my_onrecord } ); + +mkws.my_paz = my_paz; // export + // some state vars var curPage = 1; var recPerPage = 20; @@ -142,7 +169,7 @@ function my_onshow(data) { html.push('
' +''+ (i + 1 + recPerPage * (curPage - 1)) +'. ' +'' + +'" onclick="mkws.showDetails(this.id);return false;">' + hit["md-title"] +' '); if (hit["md-title-remainder"] !== undefined) { html.push('' + hit["md-title-remainder"] + ' '); @@ -198,26 +225,25 @@ function my_onterm(data) { var termlist = document.getElementById("mkwsTermlists"); replaceHtml(termlist, acc.join('')); - - if (mkws_config.responsive_design) - mkws_mobile_resize(); } function add_single_facet(acc, caption, data, max, cclIndex) { - acc.push('
'); + acc.push('
'); acc.push('
' + M(caption) + '
'); for (var i = 0; i < data.length && i < max; i++ ) { + acc.push('
'); acc.push('' + data[i].name + '' - + ' (' + data[i].freq + ')
'); + + ' ' + data[i].freq + ''); + acc.push('
'); } acc.push('
'); } @@ -236,6 +262,11 @@ function my_onrecord(data) { function my_onbytarget(data) { var targetDiv = document.getElementById("mkwsBytarget"); + if (!targetDiv) { + // No mkwsTargets div. + return; + } + var table ='' +''; @@ -273,7 +304,7 @@ function onFormSubmitEventHandler() resetPage(); loadSelect(); triggerSearch(); - switchView('records'); // In case it's configured to start off as hidden + mkws.switchView('records'); // In case it's configured to start off as hidden submitted = true; return false; } @@ -309,18 +340,18 @@ function loadSelect () } // limit the query after clicking the facet -function limitQuery (field, value) +mkws.limitQuery = function (field, value) { - document.mkwsSearchForm.query.value += ' and ' + field + '="' + value + '"'; + document.mkwsSearchForm.mkwsQuery.value += ' and ' + field + '="' + value + '"'; onFormSubmitEventHandler(); } // limit by target functions -function limitTarget (id, name) +mkws.limitTarget = function (id, name) { var navi = document.getElementById('mkwsNavi'); navi.innerHTML = - 'Source: ' + 'Source: ' + name + ''; curFilter = 'pz:id=' + id; resetPage(); @@ -329,7 +360,7 @@ function limitTarget (id, name) return false; } -function delimitTarget () +mkws.delimitTarget = function () { var navi = document.getElementById('mkwsNavi'); navi.innerHTML = ''; @@ -365,13 +396,13 @@ function drawPager (pagerDiv) if(i == curPage) numLabel = '' + i + ''; - middle += ' ' + middle += ' ' + numLabel + ' '; } var next = ' | ' + M('Next') + ' >>'; if (pages - curPage > 0) - next = ' | ' + next = ' | ' + M('Next') + ' >>'; var predots = ''; @@ -386,7 +417,7 @@ function drawPager (pagerDiv) + prev + predots + middle + postdots + next + ''; } -function showPage (pageNum) +mkws.showPage = function (pageNum) { curPage = pageNum; my_paz.showPage( curPage - 1 ); @@ -394,7 +425,7 @@ function showPage (pageNum) // simple paging functions -function pagerNext() { +mkws.pagerNext = function () { if ( totalRec - recPerPage*curPage > 0) { my_paz.showNext(); curPage++; @@ -408,7 +439,7 @@ function pagerPrev() { // switching view between targets and records -function switchView(view) { +mkws.switchView = function(view) { var targets = document.getElementById('mkwsTargets'); var results = document.getElementById('mkwsResults') || document.getElementById('mkwsRecords'); @@ -440,7 +471,7 @@ function switchView(view) { } // detailed record drawing -function showDetails (prefixRecId) { +mkws.showDetails = function (prefixRecId) { var recId = prefixRecId.replace('mkwsRec_', ''); var oldRecId = curDetRecId; curDetRecId = recId; @@ -525,13 +556,12 @@ function mkws_html_all(config) { sort_default: "relevance", perpage_default: 20, query_width: 50, - switch_menu: false, /* show/hide Records|Targets menu */ lang_menu: true, /* show/hide language menu */ sort_menu: true, /* show/hide sort menu */ perpage_menu: true, /* show/hide perpage menu */ lang_display: [], /* display languages links for given languages, [] for all */ facets: ["sources", "subjects", "authors"], /* display facets, in this order, [] for none */ - responsive_design_width: 980, /* a page with less pixel width considered as mobile */ + responsive_design_width: 980, /* a page with less pixel width considered as narrow */ debug: 1, /* debug level for development: 0..2 */ dummy: "dummy" @@ -582,7 +612,7 @@ function mkws_html_all(config) { $("#mkwsResults").html('\
Target IDHitsDiagsRecordsState
\ \ - \ \ \ + \ + \ + \
\ + \
\ 		\ @@ -592,6 +622,11 @@ function mkws_html_all(config) {
\
\ +
\ +
'); } @@ -617,15 +652,9 @@ function mkws_html_all(config) { if (mkws_config.responsive_design) { // Responsive web design - change layout on the fly based on // current screen width. Required for mobile devices. - var timeout = null; - $(window).resize( function(e) { - if (timeout) - clearTimeout(timeout); - timeout = setTimeout(function () { mkws_mobile_resize() }, 50); - }); - + $(window).resize( function(e) { mkws_resize_page() }); // initial check after page load - $(document).ready(function() { mkws_mobile_resize() }); + $(document).ready(function() { mkws_resize_page() }); } domReady(); @@ -642,8 +671,8 @@ function mkws_html_all(config) { } function mkws_set_lang(mkws_config) { - var lang = jQuery.parseQuerystring().lang || mkws_config.lang || ""; - if (!lang || !mkws_locale_lang[lang]) { + var lang = $.parseQuerystring().lang || mkws_config.lang || ""; + if (!lang || !mkws.locale_lang[lang]) { mkws_config.lang = "" } else { mkws_config.lang = lang; @@ -658,13 +687,13 @@ function mkws_html_switch(config) { $("#mkwsSwitch").html($("", { href: '#', - onclick: "switchView(\'records\')", + onclick: "mkws.switchView(\'records\')", text: M("Records") })); $("#mkwsSwitch").append($("", { text: " | " })); $("#mkwsSwitch").append($("", { href: '#', - onclick: "switchView(\'targets\')", + onclick: "mkws.switchView(\'targets\')", text: M("Targets") })); @@ -674,11 +703,6 @@ function mkws_html_switch(config) { No information available yet.\
'); $("#mkwsTargets").css("display", "none"); - - if (!config.switch_menu) { - debug("disable switch menu"); - $("#mkwsSwitch").css("display", "none"); - } } function mkws_html_sort(config) { @@ -729,9 +753,12 @@ function mkws_service_proxy_auth(auth_url) { debug("Run service proxy auth URL: " + auth_url); - var request = new pzHttpRequest(auth_url); + var request = new pzHttpRequest(auth_url, function(err) { + alert("HTTP call for authentication failed: " + err) + return; + }); request.get(null, function(data) { - if (!jQuery.isXMLDoc(data)) { + if (!$.isXMLDoc(data)) { alert("service proxy auth response document is not valid XML document, give up!"); return; } @@ -756,7 +783,7 @@ function mkws_html_lang(mkws_config) { hash[lang_display[i]] = 1; } - for (var k in mkws_locale_lang) { + for (var k in mkws.locale_lang) { if (hash[k] == 1 || lang_display.length == 0) list.push(k); } @@ -785,28 +812,30 @@ function mkws_html_lang(mkws_config) { $("#mkwsLang").html(data); } -function mkws_mobile_resize () { - debug("resize width: " + $(window).height() + ", width: " + $(window).width()); +function mkws_resize_page () { var list = ["mkwsSwitch"]; - var obj; - // alert($(window).width()); var width = mkws_config.responsive_design_width || 980; - - if ($(window).width() <= width) { + var parentId = $("#mkwsTermlists").parent().attr('id'); + + if ($(window).width() <= width && + parentId === "mkwsTermlistContainer1") { + debug("changing from wide to narrow: " + $(window).width()); + $("#mkwsTermlists").appendTo($("#mkwsTermlistContainer2")); + $("#mkwsTermlistContainer1").hide(); + $("#mkwsTermlistContainer2").show(); for(var i = 0; i < list.length; i++) { $("#" + list[i]).hide(); } - - $("#mkwsTermlists").hide(); - obj = $("#mkwsTermlists").html(); - $("#mkwsShiftedTermlists").html(obj); - } else { + } else if ($(window).width() > width && + parentId === "mkwsTermlistContainer2") { + debug("changing from narrow to wide: " + $(window).width()); + $("#mkwsTermlists").appendTo($("#mkwsTermlistContainer1")); + $("#mkwsTermlistContainer1").show(); + $("#mkwsTermlistContainer2").hide(); for(var i = 0; i < list.length; i++) { $("#" + list[i]).show(); } - $("#mkwsTermlists").show(); - $("#mkwsShiftedTermlists").html(""); } }; @@ -814,55 +843,167 @@ function mkws_mobile_resize () { function M(word) { var lang = mkws_config.lang; - if (!lang || !mkws_locale_lang[lang]) + if (!lang || !mkws.locale_lang[lang]) return word; - return mkws_locale_lang[lang][word] ? mkws_locale_lang[lang][word] : 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; - }, - pazpar2: function(data) { - document.write('
\ -
\ -
\ -
\ -
\ - '); - - mkws_html_all(mkws_config); - } +/* + * implement jQuery plugins + */ +$.extend({ + // implement $.parseQuerystring() for parsing URL parameters + 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; + }, + + debug2: function(string) { // delayed debug, internal variables are set after dom ready + setTimeout(function() { debug(string); }, 500); + }, + + // service-proxy or pazpar2 + pazpar2: function(config) { + var id_popup = config.id_popup || "#mkwsPopup"; + id_popup = id_popup.replace(/^#/, ""); + + // simple layout + var div = '
\ +
\ +
\ +
\ +
\ +
'; + + // new table layout + var table = '\ + \ + \ + \ + \ + \ + \ + \ + \ + \ + \ + \ + \ + \ + \ + \ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
'; + + var popup = '\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
' + + if (config && config.layout == 'div') { + this.debug2("jquery plugin layout: div"); + document.write(div); + } else if (config && config.layout == 'popup') { + this.debug2("jquery plugin layout: popup with id: " + id_popup); + document.write(popup); + $(document).ready( function() { init_popup(config); } ); + } else { + this.debug2("jquery plugin layout: table"); + document.write(table); + } + } }); -function debug(string) { - if (!mkws_debug) - return; +function init_popup(obj) { + var config = obj ? obj : {}; - if (typeof console === "undefined" || typeof console.log === "undefined") { /* ARGH!!! old IE */ + var height = config.height || 760; + var width = config.width || 880; + var id_button = config.id_button || "input#mkwsButton"; + var id_popup = config.id_popup || "#mkwsPopup"; + + debug("popup height: " + height + ", width: " + width); + + // make sure that jquery-ui was loaded afte jQuery core lib, e.g.: + // + if (!$.ui) { + debug("Error: jquery-ui.js is missing, did you included it after jquery core in the HTML file?"); return; } - // you need to disable use strict at the top of the file!!! - if (mkws_debug >= 3) { - console.log(arguments.callee.caller); - } else if (mkws_debug >= 2) { - console.log(">>> called from function " + arguments.callee.caller.name + ' <<<'); - } - console.log(string); -} + $(id_popup).dialog({ + closeOnEscape: true, + autoOpen: false, + height: height, + width: width, + modal: true, + resizable: true, + buttons: { + Cancel: function() { + $(this).dialog("close"); + } + }, + close: function() { } + }); + + $(id_button) + .button() + .click(function() { + $(id_popup).dialog("open"); + }); +}; + + + /* magic */ -$(document).ready(function() { mkws_html_all(mkws_config) }); +$(document).ready(function() { + try { + mkws_html_all(mkws_config) + } + + catch (e) { + mkws_config.error = e.message; + // alert(e.message); + } +}); + +})(jQuery);