X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=experiments%2Fspclient%2Fmkws.js;h=8fa3b7666ee866140cdb18a256a061f14466d150;hb=e4a6d8cd23d10063c4064563d55e434783cba712;hp=1e2546fde57cddd37e9ac60d4006018a30afa873;hpb=cdfa1b520a17111fb6f3a1e9349ae1afeb34cba5;p=mkws-moved-to-github.git diff --git a/experiments/spclient/mkws.js b/experiments/spclient/mkws.js index 1e2546f..8fa3b76 100644 --- a/experiments/spclient/mkws.js +++ b/experiments/spclient/mkws.js @@ -3,10 +3,10 @@ "use strict"; // HTML5: disable for debug >= 2 -/* - * global config object: mkws_config - * - * needs to be defined in the HTML header before +/* + * global config object: mkws_config + * + * needs to be defined in the HTML header before * including this JS file */ @@ -113,7 +113,7 @@ function my_oninit() { function my_onshow(data) { totalRec = data.merged; // move it out - var pager = document.getElementById("pager"); + var pager = document.getElementById("mkwsPager"); pager.innerHTML = ""; pager.innerHTML +='
' + M('Displaying') + ': ' + (data.start + 1) + ' ' + M('to') + ' ' + (data.start + data.num) + @@ -121,14 +121,14 @@ function my_onshow(data) { + data.total + ')
'; drawPager(pager); // navi - var results = document.getElementById("results"); + var results = document.getElementById("mkwsResults"); var html = []; for (var i = 0; i < data.hits.length; i++) { var hit = data.hits[i]; - html.push('
' + html.push('
' +''+ (i + 1 + recPerPage * (curPage - 1)) +'. ' - +'' + hit["md-title"] +' '); if (hit["md-title-remainder"] !== undefined) { @@ -158,63 +158,68 @@ function my_onstat(data) { } function my_onterm(data) { - if (!mkws_config.termlist_menu) + // no facets + if (!mkws_config.facets || mkws_config.facets.length == 0) { + $("#mkwsTermlists").parent().hide(); return; - - var termlists = []; - termlists.push('
' + M('Termlists') + '
'); - - termlists.push('
'); - termlists.push('
' + M('Sources') + '
'); - for (var i = 0; i < data.xtargets.length && i < SourceMax; i++ ) { - termlists.push('' - + data.xtargets[i].name - + ' (' - + data.xtargets[i].freq - + ')
'); - } - termlists.push('
'); - - termlists.push('
'); - termlists.push('
' + M('Subjects') + '
'); - for (var i = 0; i < data.subject.length && i < SubjectMax; i++ ) { - termlists.push('' - + data.subject[i].name - + ' (' - + data.subject[i].freq - + ')
'); } - termlists.push('
'); - - termlists.push('
'); - 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 - + ')
'); + + // display if we first got results + $("#mkwsTermlists").parent().show(); + + var acc = []; + acc.push('
' + M('Termlists') + '
'); + var facets = mkws_config.facets; + + for(var i = 0; i < facets.length; i++) { + if (facets[i] == "sources") { + add_single_facet(acc, "Sources", data.xtargets, SourceMax, null); + } else if (facets[i] == "subjects") { + add_single_facet(acc, "Subjects", data.subject, SubjectMax, "su"); + } else if (facets[i] == "authors") { + add_single_facet(acc, "Authors", data.author, AuthorMax, "au"); + } else { + alert("bad facet configuration: '" + facets[i] + "'"); + } } - termlists.push('
'); - var termlist = document.getElementById("termlist"); - replaceHtml(termlist, termlists.join('')); + var termlist = document.getElementById("mkwsTermlists"); + replaceHtml(termlist, acc.join('')); +} + +function add_single_facet(acc, caption, data, max, cclIndex) { + acc.push('
'); + acc.push('
' + M(caption) + '
'); + for (var i = 0; i < data.length && i < max; i++ ) { + acc.push('' + data[i].name + '' + + ' (' + data[i].freq + ')
'); + } + acc.push('
'); } function my_onrecord(data) { // FIXME: record is async!! clearTimeout(my_paz.recordTimer); // in case on_show was faster to redraw element - var detRecordDiv = document.getElementById('det_'+data.recid); + var detRecordDiv = document.getElementById('mkwsDet_'+data.recid); if (detRecordDiv) return; curDetRecData = data; - var recordDiv = document.getElementById('recdiv_'+curDetRecData.recid); + var recordDiv = document.getElementById('mkwsRecdiv_'+curDetRecData.recid); var html = renderDetails(curDetRecData); recordDiv.innerHTML += html; } function my_onbytarget(data) { - var targetDiv = document.getElementById("bytarget"); + var targetDiv = document.getElementById("mkwsBytarget"); var table ='' +''; @@ -289,7 +294,7 @@ function limitQuery (field, value) // limit by target functions function limitTarget (id, name) { - var navi = document.getElementById('navi'); + var navi = document.getElementById('mkwsNavi'); navi.innerHTML = 'Source: ' + name + ''; @@ -303,7 +308,7 @@ function limitTarget (id, name) function delimitTarget () { - var navi = document.getElementById('navi'); + var navi = document.getElementById('mkwsNavi'); navi.innerHTML = ''; curFilter = null; resetPage(); @@ -409,12 +414,12 @@ function switchView(view) { // detailed record drawing function showDetails (prefixRecId) { - var recId = prefixRecId.replace('rec_', ''); + var recId = prefixRecId.replace('mkwsRec_', ''); var oldRecId = curDetRecId; curDetRecId = recId; // remove current detailed view if any - var detRecordDiv = document.getElementById('det_'+oldRecId); + var detRecordDiv = document.getElementById('mkwsDet_'+oldRecId); // lovin DOM! if (detRecordDiv) detRecordDiv.parentNode.removeChild(detRecordDiv); @@ -445,7 +450,7 @@ function replaceHtml(el, html) { function renderDetails(data, marker) { - var details = '
Target IDHitsDiagsRecordsState
'; + var details = '
'; if (marker) details += ''; details += renderField("Title", data["md-title"], data["md-title-remainder"], data["md-title-responsibility"]); @@ -496,7 +501,8 @@ function mkws_html_all(config) { switch_menu: true, /* show/hide Records|Targets menu */ lang_menu: true, /* show/hide language menu */ lang_display: [], /* display languages links for given languages, [] for all */ - termlist_menu: true, /* show/hide termlist */ + facets: ["sources", "subjects", "authors"], /* display facets, in this order, [] for none */ + debug: 0, /* debug level for development: 0..2 */ dummy: "dummy" @@ -508,7 +514,7 @@ function mkws_html_all(config) { } else if (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') @@ -520,10 +526,10 @@ function mkws_html_all(config) { debug("Reset query width: " + mkws_config.query_width); mkws_config.query_width = 50; } - - mkws_set_lang(mkws_config); + + mkws_set_lang(mkws_config); if (mkws_config.lang_menu) - mkws_html_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. @@ -539,7 +545,7 @@ function mkws_html_all(config) {
'+ marker + '
\ \ \ \ \
\ -
\ +
\
\
\ @@ -549,18 +555,41 @@ function mkws_html_all(config) { ' + M('per page') + '.\ \
\ -
\ - \ -
\ +
\ +
\ +
\
'); mkws_html_switch(config); + if (mkws_config.use_service_proxy) mkws_service_proxy_auth(config.service_proxy_auth); + if (mkws_config.responsive_design) + mkws_responsive_design(); + domReady(); + + // on first page, hide the termlist + $(document).ready(function() { $("#mkwsTermlists").parent().hide(); } ); +} + +/* Responsive web design - change layout on the fly depending on + * the current screen size width/height. Required for mobile devices. + */ +function mkws_responsive_design () { + var timeout = null; + + $(window).resize( function(e) { + if (timeout) + clearTimeout(timeout); + timeout = setTimeout(function () { mkws_mobile_resize() }, 100); + }); + + // initial check after page load + $(document).ready(function() { mkws_mobile_resize() }); } function mkws_set_lang(mkws_config) { @@ -570,14 +599,14 @@ function mkws_set_lang(mkws_config) { } else { mkws_config.lang = lang; } - + debug("Locale language: " + (mkws_config.lang ? mkws_config.lang : "none")); return mkws_config.lang; } function mkws_html_switch(config) { debug("HTML switch"); - + $("#mkwsSwitch").html($("", { href: '#', onclick: "switchView(\'records\')", @@ -592,7 +621,7 @@ function mkws_html_switch(config) { debug("HTML targets"); $("#mkwsTargets").html('\ -
\ +
\ No information available yet.\
'); $("#mkwsTargets").css("display", "none"); @@ -648,7 +677,7 @@ function mkws_html_perpage(config) { function mkws_service_proxy_auth(auth_url) { if (!auth_url) auth_url = "http://mkws.indexdata.com/service-proxy-auth"; - + debug("Run service proxy auth URL: " + auth_url); var request = new pzHttpRequest(auth_url); @@ -677,7 +706,7 @@ function mkws_html_lang(mkws_config) { for (var i = 0; i < lang_display.length; i++) { hash[lang_display[i]] = 1; } - + for (var k in mkws_locale_lang) { if (hash[k] == 1 || lang_display.length == 0) list.push(k); @@ -690,23 +719,46 @@ function mkws_html_lang(mkws_config) { debug("Language menu for: " + list.join(", ")); /* the HTML part */ - var data = ""; + var data = ""; for(var i = 0; i < list.length; i++) { var l = list[i]; - + if (data) data += ' | '; - + if (lang == l) { data += ' ' + l + ' '; } else { data += '
' + l + ' ' } } - + $("#mkwsLang").html(data); } +function mkws_mobile_resize () { + debug("resize width: " + $(window).height() + ", width: " + $(window).width()); + var list = ["mkwsSwitch"]; + var obj; + // alert($(window).width()); + + if ($(window).width() <= 980) { + for(var i = 0; i < list.length; i++) { + $("#" + list[i]).hide(); + } + + $("#mkwsTermlists").parent().hide(); + obj = $("#mkwsTermlists").parent().html(); + $("#mkwsShiftedTermlists").html("
" + obj); + } else { + for(var i = 0; i < list.length; i++) { + $("#" + list[i]).show(); + } + $("#mkwsTermlists").parent().show(); + $("#mkwsShiftedTermlists").html(""); + } +}; + /* locale */ function M(word) { var lang = mkws_config.lang; @@ -728,7 +780,7 @@ jQuery.extend({ nvpair[pair[0]] = pair[1]; }); return nvpair; - }, + }, pazpar2: function(data) { document.write('
\
\