From: Mike Taylor <mike@indexdata.com>
Date: Tue, 29 Apr 2014 12:27:34 +0000 (+0100)
Subject: Add new "Ranking" widget.
X-Git-Tag: 1.0.0~813
X-Git-Url: http://sru.miketaylor.org.uk/?a=commitdiff_plain;h=1b9f7ef174bafe09ec974c233a0494d2edf16fae;p=mkws-moved-to-github.git

Add new "Ranking" widget.
Uses mkwsHtmlSort and mkwsHtmlPerpage functions to generate mkwsSort
and mkwsPerpage widgets.
---

diff --git a/src/mkws-widgets.js b/src/mkws-widgets.js
index 5103bbc..80fe222 100644
--- a/src/mkws-widgets.js
+++ b/src/mkws-widgets.js
@@ -396,3 +396,64 @@ mkws.registerWidgetType('Results', function() {
 });
 
 
+mkws.registerWidgetType('Ranking', function() {
+    var tname = this.team.name();
+    var that = this;
+    var M = mkws.M;
+
+    var s = '<form name="mkwsSelect" class="mkwsSelect mkwsTeam_' + tname + '" action="" >';
+    if (this.config.show_sort) {
+	s +=  M('Sort by') + ' ' + mkwsHtmlSort() + ' ';
+    }
+    if (this.config.show_perpage) {
+	s += M('and show') + ' ' + mkwsHtmlPerpage() + ' ' + M('per page') + '.';
+    }
+    s += '</form>';
+
+    $(this.node).html(s);
+
+
+    function mkwsHtmlSort() {
+        var order = that.team.sortOrder();
+
+	that.log("HTML sort, sortOrder = '" + order + "'");
+	var sort_html = '<select class="mkwsSort mkwsTeam_' + tname + '">';
+
+	for(var i = 0; i < that.config.sort_options.length; i++) {
+	    var opt = that.config.sort_options[i];
+	    var key = opt[0];
+	    var val = opt.length == 1 ? opt[0] : opt[1];
+
+	    sort_html += '<option value="' + key + '"';
+	    if (order == key || order == val) {
+		sort_html += ' selected="selected"';
+	    }
+	    sort_html += '>' + M(val) + '</option>';
+	}
+	sort_html += '</select>';
+
+	return sort_html;
+    }
+
+    function mkwsHtmlPerpage() {
+        var perpage = that.team.perpage();
+
+	that.log("HTML perpage, perpage = " + perpage);
+	var perpage_html = '<select class="mkwsPerpage mkwsTeam_' + tname + '">';
+
+	for(var i = 0; i < that.config.perpage_options.length; i++) {
+	    var key = that.config.perpage_options[i];
+
+	    perpage_html += '<option value="' + key + '"';
+	    if (key == perpage) {
+		perpage_html += ' selected="selected"';
+	    }
+	    perpage_html += '>' + key + '</option>';
+	}
+	perpage_html += '</select>';
+
+	return perpage_html;
+    }
+});
+
+