X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=tools%2Fhtdocs%2Fmkws.js;h=12e2c92e751c16c4a3f03614054e09ad15121aab;hb=7ff19fac0de6b47c36a44ec6b3e70d3a25a61ec3;hp=46a52068c0b328a56b1aa3f9107ae708a97c9fb8;hpb=78e2bb2f0fffd939d9a4d4ef370cfb5a24d7bb27;p=mkws-moved-to-github.git

diff --git a/tools/htdocs/mkws.js b/tools/htdocs/mkws.js
index 46a5206..12e2c92 100644
--- a/tools/htdocs/mkws.js
+++ b/tools/htdocs/mkws.js
@@ -198,10 +198,6 @@ function my_onterm(data) {
 
     var termlist = document.getElementById("mkwsTermlists");
     replaceHtml(termlist, acc.join(''));
-
-    // ### I don't believe these lines should be necessary (but they are)
-    if (mkws_config.responsive_design)
-        mkws_resize_page();
 }
 
 function add_single_facet(acc, caption, data, max, cclIndex) {
@@ -795,6 +791,8 @@ function mkws_resize_page () {
 	parentId === "mkwsTermlistContainer1") {
 	debug("changing from wide to narrow: " + $(window).width());
 	$("#mkwsTermlists").appendTo($("#mkwsTermlistContainer2"));
+	$("#mkwsTermlistContainer1").hide();
+	$("#mkwsTermlistContainer2").show();
 	for(var i = 0; i < list.length; i++) {
 	    $("#" + list[i]).hide();
 	}
@@ -802,6 +800,8 @@ function mkws_resize_page () {
 	parentId === "mkwsTermlistContainer2") {
 	debug("changing from narrow to wide: " + $(window).width());
 	$("#mkwsTermlists").appendTo($("#mkwsTermlistContainer1"));
+	$("#mkwsTermlistContainer1").show();
+	$("#mkwsTermlistContainer2").hide();
 	for(var i = 0; i < list.length; i++) {
 	    $("#" + list[i]).show();
 	}
@@ -818,33 +818,136 @@ function M(word) {
     return mkws_locale_lang[lang][word] ? mkws_locale_lang[lang][word] : word;
 }
 
-/* implement jQuery.parseQuerystring() for parsing URL parameters */
+/*
+ * implement jQuery plugins
+ */
 jQuery.extend({
-  parseQuerystring: function() {
-    var nvpair = {};
-    var qs = window.location.search.replace('?', '');
-    var pairs = qs.split('&');
-    $.each(pairs, function(i, v){
-	var pair = v.split('=');
-	nvpair[pair[0]] = pair[1];
-    });
-    return nvpair;
-  },
-  pazpar2: function(data) {
-	document.write('<div id="mkwsSwitch"></div>\
-    <div id="mkwsLang"></div>\
-    <div id="mkwsSearch"></div>\
-    <div id="mkwsResults"></div>\
-    <div id="mkwsTargets"></div>\
-    <div id="mkwsFooter">\
-      <div id="mkwsStat"></div>\
-      <span>Powered by MKWS &copy; 2013 <a target="_new" href="http://www.indexdata.com">Index Data</a></span>\
-    </div>');
-
-    mkws_html_all(mkws_config);
-  }
+    // implement jQuery.parseQuerystring() for parsing URL parameters
+    parseQuerystring: function() {
+	var nvpair = {};
+	var qs = window.location.search.replace('?', '');
+	var pairs = qs.split('&');
+	$.each(pairs, function(i, v){
+	    var pair = v.split('=');
+	    nvpair[pair[0]] = pair[1];
+	});
+	return nvpair;
+    },
+
+    debug2: function(string) { // delayed debug, internal variables are set after dom ready
+	setTimeout(function() { debug(string); }, 500);
+    },
+
+    // service-proxy or pazpar2
+    pazpar2: function(config) {
+	// simple layout
+	var div = '<div id="mkwsSwitch"></div>\
+	<div id="mkwsLang"></div>\
+	<div id="mkwsSearch"></div>\
+	<div id="mkwsResults"></div>\
+	<div id="mkwsTargets"></div>\
+	<div id="mkwsFooter">\
+	  <div id="mkwsStat"></div>\
+	  <span>Powered by MKWS &copy; 2013 <a target="_new" href="http://www.indexdata.com">Index Data</a></span>\
+	</div>';
+
+	// new table layout
+	var table = '\
+	<style type="text/css">\
+	  #mkwsTermlists div.facet {\
+	  float:left;\
+	  width: 30%;\
+	  margin: 0.3em;\
+	  }\
+	  #mkwsStat {\
+	  text-align: right;\
+	  }\
+	</style>\
+	    \
+	<table width="100%" border="0">\
+	  <tr>\
+	    <td>\
+	      <div id="mkwsSwitch"></div>\
+	      <div id="mkwsLang"></div>\
+	      <div id="mkwsSearch"></div>\
+	    </td>\
+	  </tr>\
+	  <tr>\
+	    <td>\
+	      <div style="height:500px; overflow: auto">\
+		<div id="mkwsPager"></div>\
+		<div id="mkwsNavi"></div>\
+		<div id="mkwsRecords"></div>\
+		<div id="mkwsTargets"></div>\
+		<div id="mkwsRanking"></div>\
+	      </div>\
+	    </td>\
+	  </tr>\
+	  <tr>\
+	    <td>\
+	      <div style="height:300px; overflow: hidden">\
+		<div id="mkwsTermlists"></div>\
+	      </div>\
+	    </td>\
+	  </tr>\
+	  <tr>\
+	    <td>\
+	      <div id="mkwsStat"></div>\
+	    </td>\
+	  </tr>\
+	</table>';
+
+	var popup = '\
+	  <div id="mkwsSearch"></div>\
+	  <div id="popup-form">\
+	    <div id="mkwsSwitch"></div>\
+	    <div id="mkwsLang"></div>\
+	    <div id="mkwsResults"></div>\
+	    <div id="mkwsTargets"></div>\
+	    <div id="mkwsFooter">\
+	      <div id="mkwsStat"></div>\
+	    </div>\
+	  </div>\
+	  <script> $(document).ready(function() { init_popup();});  </script>';
+
+	if (config && config.layout == 'div') {
+	    this.debug2("jquery plugin layout: div");
+	    document.write(div);
+	} else if (config && config.layout == 'popup') {
+	    this.debug2("jquery plugin layout: popup");
+	    document.write(popup);
+	} else {
+	    this.debug2("jquery plugin layout: table");
+	    document.write(table);
+	}
+    }
 });
 
+function init_popup(config) {
+    $("#popup-form").dialog({
+      closeOnEscape: true,
+      autoOpen: false,
+      height: 760,
+      width: 880,
+      modal: true,
+      resizable: true,
+      buttons: {
+	      Cancel: function() {
+		      $(this).dialog("close");
+	      }
+      },
+      close: function() {
+	      // allFields.val( "" ).removeClass( "ui-state-error" );
+      }
+    });
+
+    $("input#mkwsButton")
+      .button()
+      .click(function() {
+	      $("#popup-form").dialog("open");
+      });
+};
+
 function debug(string) {
     if (!mkws_debug)
 	return;
@@ -862,5 +965,6 @@ function debug(string) {
     console.log(string);
 }
 
+
 /* magic */
 $(document).ready(function() { mkws_html_all(mkws_config) });