Radically simplify and generalise generation of facet HTML.
[mkws-moved-to-github.git] / src / mkws-widget-termlists.js
1 mkws.registerWidgetType('Termlists', function() {
2   var that = this;
3
4   // Initially hide the termlists; display when we get results
5   mkws.$(document).ready(function() {
6     that.node.hide();
7   });
8   this.team.queue("termlists").subscribe(function(data) {
9     that.node.show();
10   });
11
12   var acc = [];
13   var facets = this.config.facets;
14   acc.push('<div class="mkwsTermlistsTitle">' + mkws.M('Termlists') + '</div>');
15   for (var i = 0; i < facets.length; i++) {
16     acc.push('<div class="mkwsFacet mkwsTeam_', this.team.name(), '" data-mkws-facet="', facets[i], '">', '</div>');
17   }
18   this.node.html(acc.join(''));
19
20   this.autosearch();
21 });
22
23
24 mkws.registerWidgetType('Facet', function() {
25   var facetConfig = {
26     xtargets: [ "Sources",  16, false ],
27     subject:  [ "Subjects", 10, true ],
28     author:   [ "Authors",  10, true ]
29   }
30
31   var that = this;
32   var name = that.config.facet;
33   var ref = facetConfig[name] || [ "Unknown", 10, true ];
34   var caption = this.config['facet_caption_' + name] || ref[0];
35   var max     = parseInt(this.config['facet_max_' + name] || ref[1]);
36   var pzIndex = ref[2] ? name : null;
37
38   that.toString = function() {
39     return '[Widget ' + that.team.name() + ':' + that.type + '(' + name + ')]';
40   };
41
42   that.team.queue("termlists").subscribe(function(data) {
43     data = data[name];
44     var template = that.team.loadTemplate('facetTitle-' + caption, mkws.M(caption))
45     var title = template({ query: that.config.query });
46     var acc = [];
47     acc.push('<div class="mkwsFacetTitle">', title, '</div>');
48
49     var teamName = that.team.name();
50     for (var i = 0; i < data.length && i < max; i++) {
51       var fn, datum;
52       // General case modifies the query; special case selects a target
53       if (pzIndex) {
54         fn = 'limitQuery'; datum = pzIndex;
55       } else if (!that.team.targetFiltered(data[i].id)) {
56         fn = 'limitTarget'; datum = data[i].id;
57       }
58
59       var action = '';
60       if (fn) {
61         action = 'mkws.' + fn + '(\'' + teamName + '\', \'' + datum + '\', this.firstChild.nodeValue)';
62       }
63
64       acc.push('<div class="mkwsTerm">',
65                '<a href="#" ', 'onclick="', action, ';return false;">', data[i].name, '</a>',
66                '<span>', data[i].freq, '</span>',
67                '</div>');
68     }
69
70     that.node.html(acc.join(''));
71   });
72
73   this.autosearch();
74 });