X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=mkdru.client.js;h=9365e78125fdca67c8bb9b2dba714105daa480fb;hb=ae2619caecfb844e4e1792705780bbc87d294bff;hp=5b0ce75ee8a90d84a80a158877df87935fe148ee;hpb=83e16a5c12f1de16a989efb2a8c4db43ac71f9ef;p=mkdru-moved-to-drupal.org.git diff --git a/mkdru.client.js b/mkdru.client.js index 5b0ce75..9365e78 100644 --- a/mkdru.client.js +++ b/mkdru.client.js @@ -1,183 +1,426 @@ // Set up namespace and some state. var mkdru = { // Settings to pass to pz2.js - usesessions: Drupal.settings.mkdru.use_sessions === '1', - showResponseType: 'json', + useSessions: Drupal.settings.mkdru.use_sessions === '1', // Variables - curPage: 1, - recPerPage: 20, - totalRec: 0, - curSort: 'relevance', - curFilter: null, - submitted: false, - sourceMax: Drupal.settings.mkdru.source_max, - subjectMax: Drupal.settings.mkdru.subject_max, - authorMax: Drupal.settings.mkdru.author_max, + active: false, pz2: null, - pazpar2Path: Drupal.settings.mkdru.pz2_path + totalRec: 0, + pagerRange: 6, + pazpar2Path: Drupal.settings.mkdru.pz2_path, + facetContainerSelector: Drupal.settings.mkdru.facetContainerSelector, + // Facets + facets: { + source: { + displayName: Drupal.settings.mkdru.source_dname || "Source", + orderWeight: Drupal.settings.mkdru.source_weight || 1, + pz2Name: 'xtargets', + max: Drupal.settings.mkdru.source_max || 10 + }, + subject: { + displayName: Drupal.settings.mkdru.subject_dname || "Subject", + orderWeight: Drupal.settings.mkdru.source_weight || 2, + pz2Name: 'subject', + max: Drupal.settings.mkdru.subject_max || 10, + multiLimit: true, + limiter: 'su' + }, + author: { + displayName: Drupal.settings.mkdru.author_dname || "Author", + orderWeight: Drupal.settings.mkdru.source_weight || 3, + pz2Name: 'author', + max: Drupal.settings.mkdru.author_max || 10, + multiLimit: false, + limiter: 'au' + } + }, + // State + defaultState: { + page: 1, + perpage: 20, + sort: 'relevance', + filter: null, + query:'', + recid:null + }, + state: {}, + realm: '' +}; + + + +// Wrapper for jQuery +(function ($) { + +// So we can use jQuery BBQ with Drupal 6 and its 1.2.6 jQuery +if (!$.isArray) $.isArray = function(obj) { + return Object.prototype.toString.call(obj) === "[object Array]"; }; +// BBQ has no handy way to remove params without changing the hash. +// This takes an object to add and an array of keys to delete. +mkdru.hashAddDelMany = function (add, del) { + var newHash = $.deparam.fragment(); + if (typeof(add) === 'object') + $.extend(newHash, add); + if ($.isArray(del)) + for (var i=0; i < del.length; i++) + if (newHash[del[i]] !== 'undefined') + delete newHash[del[i]]; + return $.param.fragment("#", newHash); +} + +// It's sometimes cumbersome that object literals can't take variable keys. +mkdru.hashAddDelOne = function (key, value, del) { + var toAdd; + var toDel; + if (key && value) { + var toAdd = {}; + toAdd[key] = value; + } + if (del) { + var toDel = []; + toDel.push(del); + } + return mkdru.hashAddDelMany(toAdd, toDel); +} + // pz2.js event handlers: mkdru.pz2Init = function () { + if (mkdru.state.query) { + mkdru.search(); + } mkdru.pz2.stat(); - mkdru.pz2.bytarget(); + //mkdru.pz2.bytarget(); }; mkdru.pz2Show = function (data) { mkdru.totalRec = data.merged; - - var pagerHtml = Drupal.theme('mkdruPager', data, mkdru.curPage, - Math.ceil(mkdru.totalRec / mkdru.recPerPage)); - $('.mkdru-pager').html(pagerHtml); - $('.mkdru-next').bind('click', mkdru.nextPage); - $('.mkdru-prev').bind('click', mkdru.prevPage); - - var countsHtml = 'Displaying: ' + (data.start + 1) + ' to ' - + (data.start + data.num) + ' of ' + data.merged + ' (found: ' + data.total + ')'; - $('.mkdru-counts').html(countsHtml); - + $('.mkdru-pager').html(mkdru.generatePager()); + $('.mkdru-counts').html(Drupal.theme('mkdruCounts', data.start + 1, + data.num, data.merged, data.total)); var html = ""; for (var i = 0; i < data.hits.length; i++) { html += Drupal.theme('mkdruResult', data.hits[i], - i + 1 + mkdru.recPerPage * - (mkdru.curPage - 1)); + i + 1 + mkdru.state.perpage * (mkdru.state.page - 1), + "#" + $.param.fragment($.param.fragment( + window.location.href, {recid: data.hits[i].recid})) + "\n" + ); } $('.mkdru-result-list').html(html); - $('.mkdru-results').show(); + if (mkdru.state.recid) { + mkdru.pz2.record(mkdru.state.recid); + } + else { + $('.mkdru-results').show(); + } }; mkdru.pz2Status = function (data) { + $('.mkdru-status').html(Drupal.theme('mkdruStatus', data.activeclients, data.clients)); }; mkdru.pz2Term = function (data) { - var html = ""; - for (var i = 0; i < data.xtargets.length && i < mkdru.sourceMax; i++ ) { - html += Drupal.theme('mkdruTerm', data.xtargets[i].name, data.xtargets[i].freq, - 'mkdru-facet-source', data.xtargets[i].id); + // if signaled, prepare container client-side + if (mkdru.facetContainerSelector) { + $(mkdru.facetContainerSelector).html(Drupal.theme('mkdruFacetContainer', + data, mkdru.facets)); + } + for (var facet in mkdru.facets) { + // facet is limited + if (mkdru.state['limit_' + facet]) { + $('.mkdru-facet-' + facet).html(Drupal.theme('mkdruFacetLimit', + data[mkdru.facets[facet].pz2Name][0], + mkdru.hashAddDelOne(null, null, 'limit_' + facet))); + } else { + $('.mkdru-facet-' + facet).html(Drupal.theme('mkdruFacet', + data[mkdru.facets[facet].pz2Name], + facet, mkdru.facets[facet].max)); } - $('.mkdru-facet-sources').html(html); + } +}; - html = ""; - for (var i = 0; i < data.subject.length && i < mkdru.subjectMax; i++ ) { - html += Drupal.theme('mkdruTerm', data.subject[i].name, data.subject[i].freq, - 'mkdru-facet-subject', data.subject[i].id); - } - $('.mkdru-facet-subjects').html(html); +mkdru.pz2ByTarget = function (data) { + +}; - html = ""; - for (var i = 0; i < data.author.length && i < mkdru.authorMax; i++ ) { - html += Drupal.theme('mkdruTerm', data.author[i].name, data.author[i].freq, - 'mkdru-facet-author', data.author[i].id); - } - $('.mkdru-facet-authors').html(html); +mkdru.pz2Record = function (data) { + clearTimeout(mkdru.pz2.showTimer); + $('.mkdru-results').hide(); + $('.mkdru-detail').html(Drupal.theme('mkdruDetail', data, + mkdru.hashAddDelOne(null, null, 'recid'))); + $('.mkdru-detail').show(); + clearTimeout(mkdru.pz2.recordTimer); +}; - $('.mkdru-facet-source').bind('click', function (e) { - mkdru.limitTarget(this.getAttribute('target_id'), this.firstChild.nodeValue); - return false; - }); - $('.mkdru-facet-subject').bind('click', function (e) { - mkdru.limitQuery('su', this.firstChild.nodeValue); - return false; - }); - $('.mkdru-facet-author').bind('click', function (e) { - mkdru.limitQuery('au', this.firstChild.nodeValue); - return false; - }); -}; +// State and URL handling -mkdru.pz2ByTarget = function (data) { - +// populate state from an object and fill in the blanks with defaults +mkdru.stateFromObject = function (obj) { + mkdru.state = $.extend({}, mkdru.defaultState); + for (var key in mkdru.defaultState) + if (typeof(obj[key]) != "undefined") + mkdru.state[key] = obj[key]; }; +// populate state from current window's hash string +mkdru.stateFromHash = function () { + mkdru.stateFromObject($.deparam.fragment()); +}; +// set current window's hash string from state +mkdru.hashFromState = function () { + // only include non-default settings in the URL + var alteredState = {}; + for (var key in mkdru.defaultState) { + if (mkdru.state[key] != mkdru.defaultState[key]) { + alteredState[key] = mkdru.state[key]; + } + } + $.bbq.pushState(alteredState, 2); +}; -// UI functions: -mkdru.submitQuery = function () { - mkdru.resetPage(); - mkdru.pollDropDowns(); - mkdru.search(); - mkdru.submitted = true; - return false; +// update mkdru_form theme's ui to match state +mkdru.uiFromState = function () { + for (var key in mkdru.state) { + switch(key) { + case 'query': + $('.mkdru-search input:text').attr('value', mkdru.state[key]); + break; + case 'perpage': + $('.mkdru-perpage').attr('value', mkdru.state[key]); + break; + case 'sort': + $('.mkdru-sort').attr('value', mkdru.state[key]); + break; + } + } }; -mkdru.search = function () { - mkdru.pz2.search($('.mkdru-search input:text').attr('value'), - mkdru.recPerPage, mkdru.curSort, mkdru.curFilter); +mkdru.hashChange = function () { + mkdru.stateFromHash(); + // Request for details + if (mkdru.state.recid) { + mkdru.pz2.record(mkdru.state.recid); + } + // Other internal link + else { + // may need to run search again to limit targets + for (key in mkdru.state) { + if (key.substring(0,5) === 'limit' && mkdru.state[key]) { + mkdru.search(); + break; + } + } + mkdru.pz2.showPage(mkdru.state.page-1); + $('.mkdru-detail').hide(); + $('.mkdru-results').show(); + } }; -mkdru.pollDropDowns = function () { - mkdru.recPerPage = $('.mkdru-perpage').attr('value'); - mkdru.curSort = $('.mkdru-sort').attr('value'); - if (!mkdru.submitted) return false; - mkdru.resetPage(); - mkdru.pz2.show(0, mkdru.recPerPage, mkdru.curSort); - return false; +// return link to limit facet +mkdru.addLimit = function (facet, limit) { + var newHash = $.deparam.fragment(); + delete newHash['page']; + if ((typeof(newHash['limit_' + facet]) === 'undefined') + || !mkdru.facets[facet].multiLimit) { + newHash['limit_' + facet] = limit; + } + else { + newHash['limit_' + facet] += ';' + limit; + } + return $.param.fragment("#", newHash); }; -mkdru.limitQuery = function (field, value) { - $('.mkdru-search input:text').attr('value', function () { - return this.value += ' and ' + field + '="' + value + '"'; - }); - mkdru.submitQuery(); +// return link to remove limit from facet +mkdru.removeLimit = function (facet, limit) { + var newHash = $.deparam.fragment(); + delete newHash['page']; + if (!newHash['limit_' + facet].indexOf(';') || !mkdru.facets[facet].multiLimit) { + delete newHash['limit_' + facet]; + } + else { + var limits = newHash['limit_' + facet].split(';'); + for (var i = 0; i < limits.length; i++) { + if (limits[i] == limit) { + limits.splice(i, 1); + newHash['limit_' + facet] = limits.join(';'); + break; + } + } + } + return $.param.fragment("#", newHash); }; -mkdru.limitTarget = function (id, name) { - var navi = document.getElementById('mkdru-navi'); - navi.innerHTML = - 'Source: ' - + name + ''; - navi.innerHTML += '