jquery plugin: improve debugging

[mkws-moved-to-github.git] / tools / htdocs / mkws.js

diff --git a/tools/htdocs/mkws.js b/tools/htdocs/mkws.js
index 46a5206..61eedb6 100644 (file)
--- 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();
        }
@@ -830,8 +830,10 @@ jQuery.extend({
     });
     return nvpair;
   },
-  pazpar2: function(data) {
-       document.write('<div id="mkwsSwitch"></div>\
+  pazpar2: function(config) {
+
+    // simple layout
+    var div = '<div id="mkwsSwitch"></div>\
     <div id="mkwsLang"></div>\
     <div id="mkwsSearch"></div>\
     <div id="mkwsResults"></div>\
@@ -839,7 +841,61 @@ jQuery.extend({
     <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>');
+    </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>';
+
+    if (config && config.layout == 'table') {
+       debug("jquery plugin layout: table");
+        document.write(table);
+    } else {
+       debug("jquery plugin layout: div");
+        document.write(div);
+    }
 
     mkws_html_all(mkws_config);
   }