configurable facets
[mkws-moved-to-github.git] / experiments / spclient / index-mobile.html
index 8abb30b..7fc9924 100644 (file)
@@ -5,43 +5,61 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="copyright" content="(c) 1999-2013 IndexData ApS, http://indexdata.com" />
     <title>MKWS demo client</title>
-    <link rel="stylesheet" href="http://mkws.indexdata.com/mkwsStyle.css" />
+
     <script type="text/javascript">
        var mkws_config = { 
                lang: "da",
                debug: 1,
                use_service_proxy: true,
-               switch_menu: true, 
+               switch_menu: false, 
                lang_menu: true, 
                lang_display: ["da", "en"], 
                termlist_menu: true, 
                sort_default: "relevance",
                query_width: 50,
+               responsive_design: true,
+               facets: ["sources", "subjects", "authors"],
                perpage_default: 20
         }; 
     </script>
-    <script type="text/javascript" src="http://mkws.indexdata.com/mkws-complete.js"></script>
+
+    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
+    <script type="text/javascript" src="http://mkws.indexdata.com/libjs-pz2/pz2api.1.js"></script>
+    <script type="text/javascript" src="mkws.js"></script>
+    <link rel="stylesheet" href="mkwsStyle.css" />
+
     <script type="text/javascript">
        var timeout;
-       $(window).resize( function(e) { 
-          if (timeout)
-               clearTimeout(timeout);
-          timeout = setTimeout(function () { mobile_resize() }, 100);
-        });
+
+       if (mkws_config.responsive_design) {
+           $(window).resize( function(e) { 
+               if (timeout)
+                   clearTimeout(timeout);
+               timeout = setTimeout(function () { mobile_resize() }, 100);
+            });
+           $(document).ready(function() { mobile_resize() });
+       }
 
        function mobile_resize () {
           debug("resize width: " + $(window).height() + ", width: " + $(window).width()); 
-          var list = ["mkwsSwitch", "mkwsTargets"];
-          if ($(window).width() <= 600) {
+          var list = ["mkwsSwitch"];
+          var obj;
+          // alert($(window).width());
+          if ($(window).width() <= 980) {
                for(var i = 0; i < list.length; i++) {
                    $("#" + list[i]).hide();
                }
+               
                $("#termlist").parent().hide(); 
+               obj = $("#termlist").parent().html();
+               $("#mkwsTermlist").html(obj);
           } else {
                for(var i = 0; i < list.length; i++) {
                    $("#" + list[i]).show();
                }
                $("#termlist").parent().show(); 
+               $("#mkwsTermlist").html("");
           }
        };
     </script>