X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=src%2Fmkws-widgets.js;h=c131756f1cd352bf40b434cbd01e16d5ab298020;hb=5f3657b4c2aa6adb492be5addee94a3486dd839a;hp=087ce893e34706e68381d4319156ef2b1347844c;hpb=940e39776c98e29ca3534360bd6c123256d6a5b0;p=mkws-moved-to-github.git

diff --git a/src/mkws-widgets.js b/src/mkws-widgets.js
index 087ce89..c131756 100644
--- a/src/mkws-widgets.js
+++ b/src/mkws-widgets.js
@@ -22,6 +22,10 @@ function widget($, team, type, node) {
 	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') {
@@ -79,6 +83,13 @@ widget.autosearch = function(widget) {
 		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;
@@ -114,6 +125,12 @@ mkws.registerWidgetType('Targets', function() {
     var that = this;
     var M = mkws.M;
 
+    $(this.node).html('\
+<div class="mkwsBytarget mkwsTeam_' + this.team.name() + '">\
+No information available yet.\
+</div>');
+    $(this.node).css("display", "none");
+
     this.team.queue("targets").subscribe(function(data) {
 	var table ='<table><thead><tr>' +
 	    '<td>' + M('Target ID') + '</td>' +
@@ -190,7 +207,7 @@ mkws.registerWidgetType('Pager', function() {
 	    for(var i = firstClkbl; i <= lastClkbl; i++) {
 		var numLabel = i;
 		if(i == currentPage)
-		    numLabel = '<b>' + i + '</b>';
+		    numLabel = '<span class="mkwsSelected">' + i + '</span>';
 
 		middle += '<a href="#" onclick="mkws.showPage(\'' + teamName + '\', ' + i + ')"> '
 		    + numLabel + ' </a>';
@@ -218,6 +235,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;
@@ -226,6 +250,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('<div class="record mkwsTeam_' + team.name() + ' ' + divId + '">', renderSummary(hit), '</div>');
 	    // ### At some point, we may be able to move the
@@ -259,20 +284,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') + ': <a class="crossout" href="#" onclick="mkws.delimitTarget(\'' + teamName +
-		    "', '" + filter.id + "'" + ');return false;">' + filter.name + '</a>';
-	    } else {
-		text += M(filter.field) + ': <a class="crossout" href="#" onclick="mkws.delimitQuery(\'' + teamName +
-		    "', '" + filter.field + "', '" + filter.value + "'" +
-		    ');return false;">' + filter.value + '</a>';
-	    }
-	}
+	filters.visitTargets(function(id, name) {
+	    if (text) text += " | ";
+	    text += M('source') + ': <a class="crossout" href="#" onclick="mkws.delimitTarget(\'' + teamName +
+		"', '" + id + "'" + ');return false;">' + name + '</a>';
+	});
+
+	filters.visitFields(function(field, value) {
+	    if (text) text += " | ";
+	    text += M(field) + ': <a class="crossout" href="#" onclick="mkws.delimitQuery(\'' + teamName +
+		"', '" + field + "', '" + value + "'" +
+		');return false;">' + value + '</a>';
+	});
 
 	$(that.node).html(text);
     });
@@ -315,3 +338,197 @@ mkws.registerWidgetType('Done', function() {
 	$(that.node).html("Search complete: found " + n + " records");
     });
 });
+
+
+mkws.registerWidgetType('Switch', function() {
+    var tname = this.team.name();
+    $(this.node).html('\
+<a href="#" onclick="mkws.switchView(\'' + tname + '\', \'records\')">Records</a><span> \
+| \
+</span><a href="#" onclick="mkws.switchView(\'' + tname + '\', \'targets\')">Targets</a>');
+});
+
+
+mkws.registerWidgetType('Search', function() {
+    var tname = this.team.name();
+    var M = mkws.M;
+
+    $(this.node).html('\
+<form name="mkwsSearchForm" class="mkwsSearchForm mkwsTeam_' + tname + '" action="" >\
+  <input class="mkwsQuery mkwsTeam_' + tname + '" type="text" size="' + this.config.query_width + '" />\
+  <input class="mkwsButton mkwsTeam_' + tname + '" type="submit" value="' + M('Search') + '" />\
+</form>');
+});
+
+
+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('\
+<table width="100%" border="0" cellpadding="6" cellspacing="0">\
+  <tr>\
+    <td class="mkwsTermlistContainer1 mkwsTeam_' + tname + '" width="250" valign="top">\
+      <div class="mkwsTermlists mkwsTeam_' + tname + '"></div>\
+    </td>\
+    <td class="mkwsMOTDContainer mkwsTeam_' + tname + '" valign="top">\
+      <div class="mkwsRanking mkwsTeam_' + tname + '"></div>\
+      <div class="mkwsPager mkwsTeam_' + tname + '"></div>\
+      <div class="mkwsNavi mkwsTeam_' + tname + '"></div>\
+      <div class="mkwsRecords mkwsTeam_' + tname + '"></div>\
+    </td>\
+  </tr>\
+  <tr>\
+    <td colspan="2">\
+      <div class="mkwsTermlistContainer2 mkwsTeam_' + tname + '"></div>\
+    </td>\
+  </tr>\
+</table>');
+});
+
+
+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;
+    }
+});
+
+
+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 += ' <span>' + l + '</span> ';
+	} else {
+	    data += ' <a href="' + lang_url(l) + '">' + l + '</a> '
+	}
+    }
+
+    $(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) {
+        alert("moving MOTD");
+	// Move the MOTD from the provided element down into the container
+	$(this.node).appendTo(container.node);
+    }
+});
+
+