X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=src%2Fmkws-widgets.js;h=69d1360afae900c67cba15ba224e1afb24d72126;hb=2f37f666d307f229cdf8f534e44e276c043053a4;hp=4df81d7bf67a7f1c59f9286b1870339e7ec7ac78;hpb=571790bc7f30ce675dd09c2881247cb7f1aacf98;p=mkws-moved-to-github.git diff --git a/src/mkws-widgets.js b/src/mkws-widgets.js index 4df81d7..69d1360 100644 --- a/src/mkws-widgets.js +++ b/src/mkws-widgets.js @@ -1,64 +1,3 @@ -// 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, - config: Object.create(team.config()) - }; - - function log(s) { - team.log(s); - } - that.log = log; - - that.toString = function() { - return '[Widget ' + team.name() + ':' + type + ']'; - }; - - 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 fn = mkws.promotionFunction(type); - if (fn) { - fn.call(that); - log("made " + type + " widget(node=" + node + ")"); - } else { - log("made UNPROMOTED widget(type=" + type + ", node=" + node + ")"); - } - - return that; -} - - // Functions follow for promoting the regular widget object into // widgets of specific types. These could be moved into their own // source files. @@ -68,6 +7,12 @@ 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 ='' + '' + @@ -108,71 +53,6 @@ mkws.registerWidgetType('Stat', function() { }); -mkws.registerWidgetType('Termlists', function() { - 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 - var facets = that.config.facets; - if (!facets || 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') + '
'); - - 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('
'); - } - }); -}); - - mkws.registerWidgetType('Pager', function() { var that = this; var M = mkws.M; @@ -200,24 +80,24 @@ mkws.registerWidgetType('Pager', function() { ? 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 = ''; @@ -237,6 +117,13 @@ mkws.registerWidgetType('Pager', function() { }); +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; @@ -245,6 +132,7 @@ mkws.registerWidgetType('Records', function() { 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 @@ -258,57 +146,17 @@ mkws.registerWidgetType('Records', function() { $(that.node).html(html.join('')); function renderSummary(hit) { - var template = team.loadTemplate("Summary"); + 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); } }); - mkws.maybeAutosearch(that); + widget.autosearch(that); }); -mkws.maybeAutosearch = function(that) { - var query = that.config.autosearch; - if (query) { - if (query.match(/^!param!/)) { - var param = query.replace(/^!param!/, ''); - query = mkws.getParameterByName(param); - that.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]; - that.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); - } - } - - that.team.queue("ready").subscribe(function() { - var sortOrder = that.config.sort; - var perpage = that.config.perpage; - var limit = that.config.limit; - var targets = that.config.targets; - var targetfilter = that.config.targetfilter; - var s = "running auto search: '" + query + "'"; - if (sortOrder) s += " sorted by '" + sortOrder + "'"; - 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 + "'"; - that.log(s); - - that.team.newSearch(query, sortOrder, perpage, limit, targets, targetfilter); - }); - } -}; - - mkws.registerWidgetType('Navi', function() { var that = this; var teamName = this.team.name(); @@ -318,20 +166,18 @@ mkws.registerWidgetType('Navi', function() { 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); }); @@ -347,7 +193,6 @@ mkws.registerWidgetType('Sort', function() { $(this.node).change(function() { that.team.set_sortOrder($(that.node).val()); if (that.team.submitted()) { - that.team.resetPage(); that.team.reShow(); } return false; @@ -361,9 +206,210 @@ mkws.registerWidgetType('Perpage', function() { $(this.node).change(function() { that.team.set_perpage($(that.node).val()); if (that.team.submitted()) { - that.team.resetPage(); 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('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; + }); +}); + + +mkws.registerWidgetType('Results', function() { + var tname = this.team.name(); + + $(this.node).html('\ +
' + M('Target ID') + '
\ + \ + \ + \ + \ + \ + \ + \ +
\ +
\ + 		\ +
\ +
\ +
\ +
\ +
\ +
\ +
'); +}); + + +mkws.registerWidgetType('Ranking', function() { + var tname = this.team.name(); + var that = this; + var M = mkws.M; + + var s = '
'; + if (this.config.show_sort) { + s += M('Sort by') + ' ' + mkwsHtmlSort() + ' '; + } + if (this.config.show_perpage) { + s += M('and show') + ' ' + mkwsHtmlPerpage() + ' ' + M('per page') + '.'; + } + s += '
'; + + $(this.node).html(s); + + + function mkwsHtmlSort() { + var order = that.team.sortOrder(); + + that.log("HTML sort, sortOrder = '" + order + "'"); + var sort_html = ''; + + return sort_html; + } + + function mkwsHtmlPerpage() { + var perpage = that.team.perpage(); + + that.log("HTML perpage, perpage = " + perpage); + var perpage_html = ''; + + return perpage_html; + } +}); + + +mkws.registerWidgetType('Lang', function() { + // dynamic URL or static page? /path/foo?query=test + /* create locale language menu */ + if (!this.config.show_lang) return; + + var lang_default = "en"; + var lang = this.config.lang || lang_default; + var list = []; + + /* display a list of configured languages, or all */ + var lang_options = this.config.lang_options || []; + var toBeIncluded = {}; + for (var i = 0; i < lang_options.length; i++) { + toBeIncluded[lang_options[i]] = true; + } + + for (var k in mkws.locale_lang) { + if (toBeIncluded[k] || lang_options.length == 0) + list.push(k); + } + + // add english link + if (lang_options.length == 0 || toBeIncluded[lang_default]) + list.push(lang_default); + + this.log("Language menu for: " + list.join(", ")); + + /* the HTML part */ + 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 + ' ' + } + } + + $(this.node).html(data); + + + // set or re-set "lang" URL parameter + function lang_url(lang) { + var query = location.search; + // no query parameters? done + if (!query) { + return "?lang=" + lang; + } + + // parameter does not exist + if (!query.match(/[\?&]lang=/)) { + return query + "&lang=" + lang; + } + + // replace existing parameter + query = query.replace(/\?lang=([^&#;]*)/, "?lang=" + lang); + query = query.replace(/\&lang=([^&#;]*)/, "&lang=" + lang); + return query; + } +}); + + +mkws.registerWidgetType('MOTD', function() { + var container = this.team.widget('MOTDContainer'); + if (container) { + // Move the MOTD from the provided element down into the container + $(this.node).appendTo(container.node); + } +}); + +