X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=src%2Fmkws-widgets.js;h=90f17942af8a0d3c7fbaeedbed933847a423301a;hb=5913a3ab435b97039cf404c5eb4a170c140d8445;hp=cd66272cc1cbc6e3e80f3c680ae66f917063c577;hpb=1e35eba08343dc5278c88446bd680a46ba6c3a7e;p=mkws-moved-to-github.git diff --git a/src/mkws-widgets.js b/src/mkws-widgets.js index cd66272..90f1794 100644 --- a/src/mkws-widgets.js +++ b/src/mkws-widgets.js @@ -1,9 +1,16 @@ // Factory function for widget objects. function widget($, team, type, node) { + // Static register of attributes that do not contribute to config + var ignoreAttrs = { + id:1, 'class':1, style:1, name:1, action:1, type:1, size:1, + value:1, width:1, valign:1 + }; + var that = { team: team, type: type, - node: node + node: node, + config: mkws.objectInheritingFrom(team.config()) }; function log(s) { @@ -13,28 +20,117 @@ function widget($, team, type, node) { that.toString = function() { return '[Widget ' + team.name() + ':' + type + ']'; + }; + + that.value = function() { + return node.value; + } + + for (var i = 0; i < node.attributes.length; i++) { + var a = node.attributes[i]; + if (a.name === 'data-mkws-config') { + // Treat as a JSON fragment configuring just this widget + log(node + ": parsing config fragment '" + a.value + "'"); + var data; + try { + data = $.parseJSON(a.value); + for (var key in data) { + log(node + ": adding config element " + key + "='" + data[key] + "'"); + that.config[key] = data[key]; + } + } catch (err) { + alert("Can't parse " + node + " data-mkws-config as JSON: " + a.value); + } + } else if (a.name.match (/^data-mkws-/)) { + var name = a.name.replace(/^data-mkws-/, '') + that.config[name] = a.value; + log(node + ": set data-mkws attribute " + name + "='" + a.value + "'"); + } else if (!ignoreAttrs[a.name]) { + that.config[a.name] = a.value; + log(node + ": set regular attribute " + a.name + "='" + a.value + "'"); + } } - var promote = mkws.promotionFunction(type); - if (promote) { - promote.call(that); + var fn = mkws.promotionFunction(type); + if (fn) { + fn.call(that); log("made " + type + " widget(node=" + node + ")"); } else { - log("made UNENCAPSULATED widget(type=" + type + ", node=" + node + ")"); + log("made UNPROMOTED widget(type=" + type + ", node=" + node + ")"); } return that; } +// Utility function for use by all widgets that can invoke autosearch. +widget.autosearch = function(widget) { + widget.team.queue("ready").subscribe(function() { + var query = widget.config.autosearch; + if (query) { + if (query.match(/^!param!/)) { + var param = query.replace(/^!param!/, ''); + query = mkws.getParameterByName(param); + widget.log("obtained query '" + query + "' from param '" + param + "'"); + if (!query) { + alert("This page has a MasterKey widget that needs a query specified by the '" + param + "' parameter"); + } + } else if (query.match(/^!path!/)) { + var index = query.replace(/^!path!/, ''); + var path = window.location.pathname.split('/'); + query = path[path.length - index]; + widget.log("obtained query '" + query + "' from path-component '" + index + "'"); + if (!query) { + alert("This page has a MasterKey widget that needs a query specified by the path-component " + index); + } + } else if (query.match(/^!var!/)) { + var name = query.replace(/^!var!/, ''); + query = window[name]; // It's ridiculous that this works + widget.log("obtained query '" + query + "' from variable '" + name + "'"); + if (!query) { + alert("This page has a MasterKey widget that needs a query specified by the '" + name + "' variable"); + } + } + + var sortOrder = widget.config.sort; + var maxrecs = widget.config.maxrecs; + var perpage = widget.config.perpage; + var limit = widget.config.limit; + var targets = widget.config.targets; + var targetfilter = widget.config.targetfilter; + var target = widget.config.target; + if (target) targetfilter = 'udb=="' + target + '"'; + + var s = "running auto search: '" + query + "'"; + if (sortOrder) s += " sorted by '" + sortOrder + "'"; + if (maxrecs) s += " restricted to " + maxrecs + " records"; + if (perpage) s += " with " + perpage + " per page"; + if (limit) s += " limited by '" + limit + "'"; + if (targets) s += " in targets '" + targets + "'"; + if (targetfilter) s += " constrained by targetfilter '" + targetfilter + "'"; + widget.log(s); + + widget.team.newSearch(query, sortOrder, maxrecs, perpage, limit, targets, targetfilter); + } + }); +}; + + // Functions follow for promoting the regular widget object into -// widgets of specific types. These could be moved outside of the -// widget object, or even into their own source files. +// widgets of specific types. These could be moved into their own +// source files. -function promoteTargets() { + +mkws.registerWidgetType('Targets', function() { var that = this; var M = mkws.M; + $(this.node).html('\ +
\ +No information available yet.\ +
'); + $(this.node).css("display", "none"); + this.team.queue("targets").subscribe(function(data) { var table ='' + '' + @@ -56,10 +152,10 @@ function promoteTargets() { var subnode = $(that.node).children('.mkwsBytarget'); subnode.html(table); }); -} +}); -function promoteStat() { +mkws.registerWidgetType('Stat', function() { var that = this; var M = mkws.M; @@ -72,75 +168,10 @@ function promoteStat() { ' -- ' + '' + M('Retrieved records') + ': ' + data.records + '/' + data.hits + ''); }); -} +}); -function promoteTermlists() { - var that = this; - var M = mkws.M; - - this.team.queue("termlists").subscribe(function(data) { - if (!that.node) { - alert("termlists event when there are no termlists"); - return; - } - - // no facets: this should never happen - if (!mkws_config.facets || mkws_config.facets.length == 0) { - alert("onTerm called even though we have no facets: " + $.toJSON(data)); - $(that.node).hide(); - return; - } - - // display if we first got results - $(that.node).show(); - - var acc = []; - acc.push('
' + M('Termlists') + '
'); - var facets = mkws_config.facets; - - for (var i = 0; i < facets.length; i++) { - if (facets[i] == "xtargets") { - addSingleFacet(acc, "Sources", data.xtargets, 16, null); - } else if (facets[i] == "subject") { - addSingleFacet(acc, "Subjects", data.subject, 10, "subject"); - } else if (facets[i] == "author") { - addSingleFacet(acc, "Authors", data.author, 10, "author"); - } else { - alert("bad facet configuration: '" + facets[i] + "'"); - } - } - - $(that.node).html(acc.join('')); - - function addSingleFacet(acc, caption, data, max, pzIndex) { - var teamName = that.team.name(); - 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 + ''); - acc.push('
'); - } - acc.push('
'); - } - }); -} - - -function promotePager() { +mkws.registerWidgetType('Pager', function() { var that = this; var M = mkws.M; @@ -167,24 +198,24 @@ function promotePager() { ? firstClkbl + 2*onsides : pages; - var prev = '<< ' + M('Prev') + ' | '; + var prev = '<< ' + M('Prev') + ' | '; if (currentPage > 1) prev = '' - +'<< ' + M('Prev') + ' | '; + +'<< ' + M('Prev') + ' | '; var middle = ''; for(var i = firstClkbl; i <= lastClkbl; i++) { var numLabel = i; if(i == currentPage) - numLabel = '' + i + ''; + numLabel = '' + i + ''; middle += ' ' + numLabel + ' '; } - var next = ' | ' + M('Next') + ' >>'; + var next = ' | ' + M('Next') + ' >>'; if (pages - currentPage > 0) - next = ' | ' + next = ' | ' + M('Next') + ' >>'; var predots = ''; @@ -201,10 +232,17 @@ function promotePager() { return s; } }); -} +}); -function promoteRecords() { +mkws.registerWidgetType('Results', function() { + // Nothing to do apart from act as an autosearch trigger + // Contained elements do all the real work + widget.autosearch(this); +}); + + +mkws.registerWidgetType('Records', function() { var that = this; var team = this.team; @@ -212,6 +250,7 @@ function promoteRecords() { var html = []; for (var i = 0; i < data.hits.length; i++) { var hit = data.hits[i]; + that.team.queue("record").publish(hit); var divId = team.recordElementId(hit.recid[0]); html.push('
', renderSummary(hit), '
'); // ### At some point, we may be able to move the @@ -224,18 +263,19 @@ function promoteRecords() { } $(that.node).html(html.join('')); - function renderSummary(hit) - { - var template = team.loadTemplate("Summary"); + function renderSummary(hit) { + var template = team.loadTemplate(that.config.template || "Summary"); hit._id = team.recordElementId(hit.recid[0]); hit._onclick = "mkws.showDetails('" + team.name() + "', '" + hit.recid[0] + "');return false;" return template(hit); } }); -} + + widget.autosearch(that); +}); -function promoteNavi() { +mkws.registerWidgetType('Navi', function() { var that = this; var teamName = this.team.name(); var M = mkws.M; @@ -244,59 +284,90 @@ function promoteNavi() { var filters = that.team.filters(); var text = ""; - for (var i in filters) { - if (text) { - text += " | "; - } - var filter = filters[i]; - if (filter.id) { - text += M('source') + ': ' + filter.name + ''; - } else { - text += M(filter.field) + ': ' + filter.value + ''; - } - } + filters.visitTargets(function(id, name) { + if (text) text += " | "; + text += M('source') + ': ' + name + ''; + }); + + filters.visitFields(function(field, value) { + if (text) text += " | "; + text += M(field) + ': ' + value + ''; + }); $(that.node).html(text); }); -} +}); -function promoteSort() { - // It seems this and the Perpage widget doen't need to - // subscribe to anything, since they produce events rather - // than consuming them. - $(this.node).change(function () { - this.team.set_sortOrder($(node).val()); - if (this.team.submitted()) { - this.team.resetPage(); - this.team.reShow(); +// It seems this and the Perpage widget doen't need to subscribe to +// anything, since they produce events rather than consuming them. +// +mkws.registerWidgetType('Sort', function() { + var that = this; + + $(this.node).change(function() { + that.team.set_sortOrder($(that.node).val()); + if (that.team.submitted()) { + that.team.reShow(); } return false; }); -} +}); -function promotePerpage() { +mkws.registerWidgetType('Perpage', function() { + var that = this; + $(this.node).change(function() { - this.team.set_perpage($(node).val()); - if (this.team.submitted()) { - this.team.resetPage(); - this.team.reShow(); + that.team.set_perpage($(that.node).val()); + if (that.team.submitted()) { + that.team.reShow(); } return false; }); -} +}); + + +mkws.registerWidgetType('Done', function() { + var that = this; + + this.team.queue("complete").subscribe(function(n) { + $(that.node).html("Search complete: found " + n + " records"); + }); +}); + -mkws.registerWidgetType('Targets', promoteTargets); -mkws.registerWidgetType('Stat', promoteStat); -mkws.registerWidgetType('Termlists', promoteTermlists); -mkws.registerWidgetType('Pager', promotePager); -mkws.registerWidgetType('Records', promoteRecords); -mkws.registerWidgetType('Navi', promoteNavi); -mkws.registerWidgetType('Sort', promoteSort); -mkws.registerWidgetType('Perpage', promotePerpage); +mkws.registerWidgetType('Switch', function() { + var tname = this.team.name(); + $(this.node).html('\ +Records \ +| \ +Targets'); +}); + + +mkws.registerWidgetType('Search', function() { + var tname = this.team.name(); + var M = mkws.M; + + $(this.node).html('\ +\ + \ + \ +'); +}); + + +mkws.registerWidgetType('SearchForm', function() { + var team = this.team; + $(this.node).submit(function() { + var val = team.widget('Query').value(); + team.newSearch(val); + return false; + }); +});
' + M('Target ID') + '