php topbar: show current filters (exposed whoswho.popfilter and used it in js...

php topbar: show current filters (exposed whoswho.popfilter and used it in js elements for print_directory)

php_library/js_elements.php

@@ -5,6 +5,20 @@
  * TODO use more eg for charts
  */
 
+
+// to autoselect current whoswho filters
+// NB: uses global value $data
+$auto_popfilters_snippet = '<script type="text/javascript">' ;
+foreach ($data as $filter => $array_vals) {
+    foreach ($array_vals as $val) {
+        $auto_popfilters_snippet .= '
+        whoswho.popfilter("'.$filter.'", {"prefill":"'.$val.'"});
+        ';
+    }
+}
+$auto_popfilters_snippet .= '</script>';
+
+
 // exemple snippet this one is to use in html context
 $rm_ads_snippet = <<< ENDHTML
 <script type="text/javascript">

print_directory.php

 <?php
 include ("php_library/comex_library.php");
-include ("php_library/js_elements.php");
 include ("php_library/parametres.php");
 include ("php_library/normalize.php");
 include ("php_library/baselayout_head_template.php");
@@ -8,10 +7,18 @@ include ("php_library/baselayout_topbar_template.php");
 include ("php_library/baselayout_tail_template.php");
 
 $meta = $html_head_inner;
-$meta .= $rm_ads_snippet;
 
 $data = json_decode($_GET['query']);
 
+print_r('query here<br>');
+print_r($data);
+print_r('/query here<br>');
+
+// this one after we got query data
+include ("php_library/js_elements.php");
+
+
+
 function objectToArray($d) {
         if (is_object($d)) {
             // Gets the properties of the given object
@@ -473,6 +480,8 @@ echo $footer;
 // echo '</div>';
 echo '</div>';
 echo $html_tail_imports;
+echo $rm_ads_snippet;
+echo $auto_popfilters_snippet;
 echo '</body>
 </html>';
 exit(0);

print_scholar_directory.php

@@ -8,7 +8,6 @@ include ("php_library/baselayout_topbar_template.php");
 include ("php_library/baselayout_tail_template.php");
 
 $meta = $html_head_inner;
-$meta .= $rm_ads_snippet;
 
 //phpinfo();
 //echo $_GET['query']."<br/>";
@@ -284,6 +283,7 @@ echo  '<h2>Sorry, '.$target_name.' did not mention any keywords ... we cannot pr
     // echo '</div>';
     echo '</div>';
     echo $html_tail_imports;
+    echo $rm_ads_snippet;
     echo '</body>
     </html>';
     exit(0);

static/css/comex.css

@@ -383,7 +383,7 @@ div.ccsection-footer {
 
 /*in directory view*/
 .full-directory {
-    margin: 0 25;
+    margin: 70 25 0 25;
 }
 .container.inner {
     width: 100%;

static/js/whoswho.js

@@ -18,58 +18,51 @@ jQuery.fn.disableTextSelect = function() {
   });
 };
 
+
 ids = 0;
 
 completion = {};
 
 gexf = "";
 
-$(document).ready(function() {
-  var cache, closeBox, collectFilters, loadGraph, popfilter, xhrs;
-  log("document ready.. installing whoswho");
-  loadGraph = function(g) {
-    gexf = g;
-    log("url query: " + g);
-    log("injecting applet");
-    if ($('#frame').length === 0) {
-      return $("#visualization").html("<iframe src=\"tinaframe.html" + (location.search != null ? location.search : '') + "\" class=\"frame\" border=\"0\" frameborder=\"0\" scrolling=\"no\" id=\"frame\" name=\"frame\"></iframe>");
-    } else {
-      return log("applet already exists");
-    }
-  };
+// module fragment to expose selected functions
+var whoswho = {};
 
+whoswho = (function(ww) {
 
-  // small filter closing function
-  closeThisBox = function() {
-    var targetId = this.getAttribute("for")
-    if (targetId) {
-        var tgtBox = document.getElementById(targetId)
-        // start transition
-        tgtBox.style.opacity = 0
-        // remove box
-        setTimeout(function(){tgtBox.remove()}, 500)
-        return true
+    // filter type => label
+    ww.filters = {
+        'countries': "in",
+        'institutions': "from",
+        'laboratories': "working at",
+        'keywords': "working on",
+        'tags': "tagged"
     }
-    else {
-        console.warn('closeThisBox: no @for attribute!')
-        return false
+
+    // autocomplete
+    ww.popfilter = function(type, options) {
+        var label, footer, header, id, id1, id2, input, closebox, labelization;
+
+        if (!options) {
+            options = {}
         }
+
+        if (! options.prefill) {
+            options['prefill']=''
         }
 
-  // autocomplete
-  popfilter = function(label, type, options) {
-    var footer, header, id, id1, id2, input, closebox, labelization;
+        label = ww.filters[type];
         id = ids++;
         id1 = "filter" + id;
         id2 = "combo" + id;
         id3 = "close" + id;
         header = "<li id=\"" + id1 + "\" class=\"comex-nav-item filter\" style=\"padding-top: 5px;\">";
         labelization = "<span style=\"color: #fff;\">&nbsp; " + label + " </span>";
-    input = "<input type=\"text\" id=\"" + id2 + "\" class=\"medium filter" + type + "\" placeholder=\"" + type + "\" />";
+        input = "<input type=\"text\" id=\"" + id2 + "\" class=\"medium filter" + type + "\" placeholder=\"" + type + "\" / value=\""+options['prefill']+"\">";
         closebox = "<div id=\""+id3+"\" for=\""+id1+"\" class=\"filter-close operation-light\">x</div>"
         footer = "</li>;";
         $(header + labelization + input + closebox + footer).insertBefore("#refine");
-    $('#' + id3).click(closeThisBox)
+        $('#' + id3).click(whoswho.closeThisBox)
 
         // debug
         console.log("whoswho.popfilter: adding autocomplete menu", $("#" + id1))
@@ -106,6 +99,41 @@ $(document).ready(function() {
         $("#" + id2).focus();
         return false;
     };
+
+    // small filter closing function
+    ww.closeThisBox = function() {
+      var targetId = this.getAttribute("for")
+      if (targetId) {
+          var tgtBox = document.getElementById(targetId)
+          // start transition
+          tgtBox.style.opacity = 0
+          // remove box
+          setTimeout(function(){tgtBox.remove()}, 500)
+          return true
+      }
+      else {
+          console.warn('closeThisBox: no @for attribute!')
+          return false
+      }
+    }
+
+    return ww;
+})(whoswho);
+
+$(document).ready(function() {
+  var cache, closeBox, collectFilters, loadGraph;
+  log("document ready.. installing whoswho");
+  loadGraph = function(g) {
+    gexf = g;
+    log("url query: " + g);
+    log("injecting applet");
+    if ($('#frame').length === 0) {
+      return $("#visualization").html("<iframe src=\"tinaframe.html" + (location.search != null ? location.search : '') + "\" class=\"frame\" border=\"0\" frameborder=\"0\" scrolling=\"no\" id=\"frame\" name=\"frame\"></iframe>");
+    } else {
+      return log("applet already exists");
+    }
+  };
+
   // jQuery(".unselectable").disableTextSelect();
   jQuery(".unselectable").disableSelection();
   $(".unselectable").hover((function() {
@@ -125,26 +153,22 @@ $(document).ready(function() {
   });
 
   $("#addfiltercountry").click(function() {
-    return popfilter("in", "countries", []);
+    return whoswho.popfilter("countries");
   });
   // $("#addfilterorganization").click(function() {
-  //   return popfilter("from", "organizations", []);
+  //   return whoswho.popfilter("organizations");
   // });
   $("#addfilterinstitution").click(function() {
-    return popfilter("from", "institutions", []);
+    return whoswho.popfilter("institutions");
   });
   $("#addfilterlaboratory").click(function() {
-    var prefix;
-    prefix = "working";
-    return popfilter("" + prefix + " at", "laboratories", []);
+    return whoswho.popfilter("laboratories");
   });
   $("#addfilterkeyword").click(function() {
-    var prefix;
-    prefix = "working";
-    return popfilter("" + prefix + " on", "keywords", []);
+    return whoswho.popfilter("keywords");
   });
   $("#addfiltertag").click(function() {
-    return popfilter("tagged", "tags", []);
+    return whoswho.popfilter("tags");
   });
   $("#register").click(function() {
     return window.open("/services/user/register/");