X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=tools%2Fhtdocs%2Fmkws.js;h=ea6bbdd234b22c0aea6db9826fff6d67f13c6d26;hb=d7fa203c58fd4eb63c6fc1eeeb3ffa94ef32dbb4;hp=47db28d50cd3913cdee6c684f1f42698a989221a;hpb=ad760bd26b05ea0e106718050321ffd675c58f45;p=mkws-moved-to-github.git diff --git a/tools/htdocs/mkws.js b/tools/htdocs/mkws.js index 47db28d..ea6bbdd 100644 --- a/tools/htdocs/mkws.js +++ b/tools/htdocs/mkws.js @@ -1,32 +1,24 @@ /* A very simple client that shows a basic usage of the pz2.js */ -"use strict"; // HTML5: disable for debug >= 2 +"use strict"; // HTML5: disable for debug_level >= 2 + +// Wrapper for jQuery +(function ($) { + +// Set up namespace and some state. +var mkws = {}; /* * global config object: mkws_config * - * needs to be defined in the HTML header before - * including this JS file + * Needs to be defined in the HTML header before including this JS file. + * Define empty mkws_config for simple applications that don't define it. */ - if (!mkws_config) - var mkws_config = {}; // for the guys who forgot to define mkws_config... - -if (typeof mkws_config.use_service_proxy === 'undefined') - mkws_config.use_service_proxy = true; - -// global debug flag -var mkws_debug; + var 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 : "http://mkws.indexdata.com/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 = { +mkws.locale_lang = { "de": { "Authors": "Autoren", "Subjects": "Schlagwörter", @@ -47,6 +39,7 @@ var mkws_locale_lang = { "Date": "Datum", "Subject": "Schlagwort", "Location": "Ort", + // ### to add: Records, Targets "dummy": "dummy" }, @@ -71,18 +64,87 @@ var mkws_locale_lang = { "Date": "Dato", "Subject": "Emneord", "Location": "Lokation", + // ### to add: Records, Targets "dummy": "dummy" } }; +// keep time state for debugging +mkws.debug_time = { + "start": $.now(), + "last": $.now() +}; + +mkws.debug_function = function (string) { + if (!mkws.debug_level) + return; + + if (typeof console === "undefined" || typeof console.log === "undefined") { /* ARGH!!! old IE */ + return; + } + + var now = $.now(); + var timestamp = (now - mkws.debug_time.start)/1000 + " (+" + (now - mkws.debug_time.last)/1000 + ") " + mkws.debug_time.last = now; + + // you need to disable use strict at the top of the file!!! + if (mkws.debug_level >= 3) { + console.log(timestamp + arguments.callee.caller); + } else if (mkws.debug_level >= 2) { + console.log(timestamp + ">>> called from function " + arguments.callee.caller.name + ' <<<'); + } + console.log(timestamp + string); +} +var debug = mkws.debug_function; // local alias + +/* default mkws config */ +/* ### No defaults given for: + * lang, service_proxy_auth and of course the optional language_* entries. + */ +var config_default = { + use_service_proxy: true, + sort_options: [["relevance"], ["title:1", "title"], ["date:0", "newest"], ["date:1", "oldest"]], + perpage_options: [10, 20, 30, 50], + sort_default: "relevance", + perpage_default: 20, + query_width: 50, + show_lang: true, /* show/hide language menu */ + show_sort: true, /* show/hide sort menu */ + show_perpage: true, /* show/hide perpage menu */ + lang_options: [], /* display languages links for given languages, [] for all */ + facets: ["sources", "subjects", "authors"], /* display facets, in this order, [] for none */ + responsive_design_width: undefined, /* a page with less pixel width considered as narrow */ + debug_level: 1, /* debug level for development: 0..2 */ + + dummy: "dummy" +}; + +/* set global debug_level flag early */ +if (typeof mkws_config.debug_level !== 'undefined') { + mkws.debug_level = mkws_config.debug_level; +} else if (typeof config_default.debug_level !== 'undefined') { + mkws.debug_level = config_default.debug_level; +} + +/* override standard config values by function parameters */ +for (var k in config_default) { + if (typeof mkws_config[k] === 'undefined') + mkws_config[k] = config_default[k]; + debug("Set config: " + k + ' => ' + mkws_config[k]); +} + +if (mkws_config.query_width < 5 || mkws_config.query_width > 150) { + debug("Reset query width: " + mkws_config.query_width); + mkws_config.query_width = 50; +} 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]; } } } @@ -93,15 +155,18 @@ for (var key in mkws_config) { // 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": pazpar2path, + "pazpar2path": mkws_config.pazpar2_url || "http://mkws.indexdata.com/service-proxy/", "oninit": my_oninit, "onstat": my_onstat, "onterm": my_onterm, "termlist": "xtargets,subject,author", "onbytarget": my_onbytarget, - "usesessions" : usesessions, + "usesessions" : mkws_config.use_service_proxy ? false : true, "showResponseType": '', // or "json" (for debugging?) "onrecord": my_onrecord } ); + +mkws.my_paz = my_paz; // export + // some state vars var curPage = 1; var recPerPage = 20; @@ -140,9 +205,8 @@ function my_onshow(data) { for (var i = 0; i < data.hits.length; i++) { var hit = data.hits[i]; 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"] + ' '); @@ -201,20 +265,22 @@ function my_onterm(data) { } 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('
'); } @@ -233,6 +299,11 @@ function my_onrecord(data) { function my_onbytarget(data) { var targetDiv = document.getElementById("mkwsBytarget"); + if (!targetDiv) { + // No mkwsTargets div. + return; + } + var table ='' +''; @@ -270,7 +341,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; } @@ -306,18 +377,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(); @@ -326,7 +397,7 @@ function limitTarget (id, name) return false; } -function delimitTarget () +mkws.delimitTarget = function () { var navi = document.getElementById('mkwsNavi'); navi.innerHTML = ''; @@ -353,7 +424,7 @@ function drawPager (pagerDiv) var prev = '<< ' + M('Prev') + ' | '; if (curPage > 1) - prev = '' + prev = '' +'<< ' + M('Prev') + ' | '; var middle = ''; @@ -362,13 +433,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 = ''; @@ -383,7 +454,7 @@ function drawPager (pagerDiv) + prev + predots + middle + postdots + next + ''; } -function showPage (pageNum) +mkws.showPage = function (pageNum) { curPage = pageNum; my_paz.showPage( curPage - 1 ); @@ -391,21 +462,23 @@ function showPage (pageNum) // simple paging functions -function pagerNext() { +mkws.pagerNext = function () { if ( totalRec - recPerPage*curPage > 0) { my_paz.showNext(); curPage++; } } -function pagerPrev() { +mkws.pagerPrev = function () { if ( my_paz.showPrev() != false ) curPage--; } // switching view between targets and records -function switchView(view) { +mkws.switchView = function(view) { + debug("switchView: " + view); + var targets = document.getElementById('mkwsTargets'); var results = document.getElementById('mkwsResults') || document.getElementById('mkwsRecords'); @@ -437,7 +510,7 @@ function switchView(view) { } // detailed record drawing -function showDetails (prefixRecId) { +mkws.showDetails = function (prefixRecId) { var recId = prefixRecId.replace('mkwsRec_', ''); var oldRecId = curDetRecId; curDetRecId = recId; @@ -513,49 +586,10 @@ function renderField(caption, data, data2, data3) { * All the HTML stuff to render the search forms and * result pages. */ -function mkws_html_all(config) { - - /* default mkws config */ - var mkws_config_default = { - 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_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 narrow */ - debug: 1, /* debug level for development: 0..2 */ - - dummy: "dummy" - }; - - /* set global debug flag early */ - if (typeof config.debug !== 'undefined') { - mkws_debug = config.debug; - } else if (typeof mkws_config_default.debug !== 'undefined') { - mkws_debug = mkws_config_default.debug; - } - - /* override standard config values by function parameters */ - for (var k in mkws_config_default) { - if (typeof config[k] === 'undefined') - mkws_config[k] = mkws_config_default[k]; - debug("Set config: " + k + ' => ' + mkws_config[k]); - } - - if (mkws_config.query_width < 5 || mkws_config.query_width > 150) { - debug("Reset query width: " + mkws_config.query_width); - mkws_config.query_width = 50; - } - - mkws_set_lang(mkws_config); - if (mkws_config.lang_menu) - mkws_html_lang(mkws_config); +function mkws_html_all() { + mkws_set_lang(); + if (mkws_config.show_lang) + mkws_html_lang(); // For some reason, doing this programmatically results in // document.mkwsSearchForm.mkwsQuery being undefined, hence the raw HTML. @@ -600,23 +634,23 @@ function mkws_html_all(config) { if ($("#mkwsRanking").length) { var ranking_data = ''; ranking_data += ''; - if (config.sort_menu) { - ranking_data += M('Sort by') + ' ' + mkws_html_sort(config) + ' '; + if (mkws_config.show_sort) { + ranking_data += M('Sort by') + ' ' + mkws_html_sort() + ' '; } - if (config.perpage_menu) { - ranking_data += M('and show') + ' ' + mkws_html_perpage(config) + ' ' + M('per page') + '.'; + if (mkws_config.show_perpage) { + ranking_data += M('and show') + ' ' + mkws_html_perpage() + ' ' + M('per page') + '.'; } ranking_data += ''; $("#mkwsRanking").html(ranking_data); } - mkws_html_switch(config); + mkws_html_switch(); if (mkws_config.use_service_proxy) - mkws_service_proxy_auth(config.service_proxy_auth); + mkws_service_proxy_auth(mkws_config.service_proxy_auth); - if (mkws_config.responsive_design) { + if (mkws_config.responsive_design_width) { // Responsive web design - change layout on the fly based on // current screen width. Required for mobile devices. $(window).resize( function(e) { mkws_resize_page() }); @@ -637,9 +671,9 @@ 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]) { +function mkws_set_lang() { + var lang = $.parseQuerystring().lang || mkws_config.lang || ""; + if (!lang || !mkws.locale_lang[lang]) { mkws_config.lang = "" } else { mkws_config.lang = lang; @@ -649,20 +683,12 @@ function mkws_set_lang(mkws_config) { return mkws_config.lang; } -function mkws_html_switch(config) { +function mkws_html_switch() { debug("HTML switch"); - $("#mkwsSwitch").html($("", { - href: '#', - onclick: "switchView(\'records\')", - text: M("Records") - })); + $("#mkwsSwitch").append($('' + M('Records') + '')); $("#mkwsSwitch").append($("", { text: " | " })); - $("#mkwsSwitch").append($("", { - href: '#', - onclick: "switchView(\'targets\')", - text: M("Targets") - })); + $("#mkwsSwitch").append($('' + M('Targets') + '')); debug("HTML targets"); $("#mkwsTargets").html('\ @@ -670,23 +696,19 @@ 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) { +function mkws_html_sort() { debug("HTML sort"); var sort_html = ''; - for(var i = 0; i < config.perpage.length; i++) { - var key = config.perpage[i]; + for(var i = 0; i < mkws_config.perpage_options.length; i++) { + var key = mkws_config.perpage_options[i]; perpage_html += '
Target IDHitsDiagsRecordsState
\ - \ - \ - \ - \ - \ - \ - \ - \ - \ - \ - \ - \ -
\ -
\ -
\ -
\ -
\ -
\ -
\ -
\ -
\ -
\ -
\ -
\ -
\ -
\ -
\ -
\ -
\ -
\ -
'; - - if (config && config.layout == 'table') { - debug("jquery plugin layout: table"); - document.write(table); - } else { - debug("jquery plugin layout: div"); - document.write(div); - } +$.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() + } + + catch (e) { + mkws_config.error = e.message; + // alert(e.message); + } +}); + +})(jQuery);