X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=src%2Fmkws-widget-termlists.js;h=acd9dcf5d15bb8745a2927a6333f8d2b0093b096;hb=eb12bf4cf9d0c08f74ebe3b2311cced1f55c6edd;hp=36cfc1da4c95f2b58c055a3ffb6ad0873e1741b0;hpb=46fa2e3254e4fcf6156166dc485b95012211f10f;p=mkws-moved-to-github.git

diff --git a/src/mkws-widget-termlists.js b/src/mkws-widget-termlists.js
index 36cfc1d..acd9dcf 100644
--- a/src/mkws-widget-termlists.js
+++ b/src/mkws-widget-termlists.js
@@ -1,54 +1,68 @@
 mkws.registerWidgetType('Termlists', function() {
-    var that = this;
-    var facets = that.config.facets;
+  var that = this;
 
-    this.team.queue("termlists").subscribe(function(data) {
-	// display if we first got results
-	$(that.node).show();
-    });
+  // Initially hide the termlists; display when we get results
+  mkws.$(document).ready(function() {
+    that.node.hide();
+  });
+  this.team.queue("termlists").subscribe(function(data) {
+    that.node.show();
+  });
 
-    widget.autosearch(that);
+  var acc = [];
+  var facets = this.config.facets;
+  acc.push('<div class="mkwsTermlistsTitle">' + mkws.M('Termlists') + '</div>');
+  for (var i = 0; i < facets.length; i++) {
+    acc.push('<div class="mkwsFacet mkwsTeam_', this.team.name(), '" data-mkws-facet="', facets[i], '">', '</div>');
+  }
+  this.node.html(acc.join(''));
+
+  widget.autosearch(this);
 });
 
 
 mkws.registerWidgetType('Facet', function() {
-    var facetConfig = {
-	xtargets: [ "Sources",  16, false ],
-	subject:  [ "Subjects", 10, true ],
-	author:   [ "Authors",  10, true ]
-    }
+  var facetConfig = {
+    xtargets: [ "Sources",  16, false ],
+    subject:  [ "Subjects", 10, true ],
+    author:   [ "Authors",  10, true ]
+  }
+
+  var that = this;
+  var name = that.config.facet;
+  var ref = facetConfig[name] || [ "Unknown", 10, true ];
+  var caption = this.config['facet_caption_' + name] || ref[0];
+  var max     = parseInt(this.config['facet_max_' + name] || ref[1]);
+  var pzIndex = ref[2] ? name : null;
+
+  that.toString = function() {
+    return '[Widget ' + that.team.name() + ':' + that.type + '(' + name + ')]';
+  };
+
+  that.team.queue("termlists").subscribe(function(data) {
+    data = data[name];
 
-    var that = this;
     var teamName = that.team.name();
-    var name = that.config.facet;
-    var ref = facetConfig[name] || alert("no facet definition for '" + name + "'");
-    var caption = ref[0];
-    var max = ref[1];
-    var pzIndex = ref[2] ? name : null;
-
-    that.team.queue("termlists").subscribe(function(data) {
-	data = data[name];
-
-	var acc = [];
-	acc.push('<div class="termtitle">' + mkws.M(caption) + '</div>');
-	for (var i = 0; i < data.length && i < max; i++) {
-	    acc.push('<div class="term">');
-	    acc.push('<a href="#" ');
-	    var action = '';
-	    if (!pzIndex) {
-		// Special case: target selection
-		acc.push('target_id='+data[i].id+' ');
-		if (!that.team.targetFiltered(data[i].id)) {
-		    action = 'mkws.limitTarget(\'' + teamName + '\', this.getAttribute(\'target_id\'),this.firstChild.nodeValue)';
-		}
-	    } else {
-		action = 'mkws.limitQuery(\'' + teamName + '\', \'' + pzIndex + '\', this.firstChild.nodeValue)';
-	    }
-	    acc.push('onclick="' + action + ';return false;">' + data[i].name + '</a>'
-		     + ' <span>' + data[i].freq + '</span>');
-	    acc.push('</div>');
-	}
-
-	$(that.node).html(acc.join(''));
-    });
+    var acc = [];
+    acc.push('<div class="mkwsFacetTitle">' + mkws.M(caption) + '</div>');
+    for (var i = 0; i < data.length && i < max; i++) {
+      acc.push('<div class="mkwsTerm">');
+      acc.push('<a href="#" ');
+      var action = '';
+      if (!pzIndex) {
+        // Special case: target selection
+        acc.push('target_id='+data[i].id+' ');
+        if (!that.team.targetFiltered(data[i].id)) {
+          action = 'mkws.limitTarget(\'' + teamName + '\', this.getAttribute(\'target_id\'),this.firstChild.nodeValue)';
+        }
+      } else {
+        action = 'mkws.limitQuery(\'' + teamName + '\', \'' + pzIndex + '\', this.firstChild.nodeValue)';
+      }
+      acc.push('onclick="' + action + ';return false;">' + data[i].name + '</a>'
+               + ' <span>' + data[i].freq + '</span>');
+      acc.push('</div>');
+    }
+
+    that.node.html(acc.join(''));
+  });
 });