css, html + prepare topPapers

LOCALDB/info_div.php

@@ -5,6 +5,10 @@
 // ini_set('display_startup_errors',1);
 // error_reporting(-1);
 
+
+// exemple call:
+// http://blabla/LOCALDB/info_div.php?type=semantic&bi=0&query=[%22Monte%20Carlo%22]&gexf=%22data/AXA/RiskV2PageRank1000.gexf%22&index=ISItermsAxa_2015
+
 include('parameters_details.php');
 
 $max_item_displayed=6;
@@ -22,10 +26,10 @@ function getDB ($directory)  {
     $result = "";
     $handler = opendir($directory);
     while ($file = readdir($handler)) {
-      if ($file != "." && $file != ".." 
-              && 
+      if ($file != "." && $file != ".."
+              &&
         ((strpos($file,'.db~'))==false && (strpos($file,'.db'))==true )
-              || 
+              ||
         ((strpos($file,'.sqlite~'))==false && (strpos($file,'.sqlite'))==true)
       ) {
             //$results[] = $file;

explorerjs.html

@@ -277,25 +277,14 @@
             <!-- say thanks for the suggestion, etc. -->
             <li id="crowdsourcing_answer" class="nav crowdsourcingModule navbar-lower"></li>
 
-            <li class="navbar-lower">
-
+            <!-- checkbox -->
+            <!-- <li class="navbar-lower">
               <input id="checkboxdiv" onclick="alertCheckBox(this);"
                     title="Add next search results to current selection"
                     class="nav btn btn-info"
                     type="checkbox">
               <span style="position: relative; top: 4px;">Add to selection</span>
-
-            </li> <!-- /checkbox group -->
-
-            <li style="margin: 20px 0 0 10px;">
-              <div class="onoffswitch">
-                <input type="checkbox" name="edges-switch" class="onoffswitch-checkbox" id="edges-switch" checked>
-                <label class="onoffswitch-label" for="edges-switch">
-                  <span id="edges-switch-inner-label" class="onoffswitch-inner"></span>
-                  <span class="onoffswitch-switch"></span>
-                </label>
-              </div>
-            </li>
+            </li>  -->
 
           </ul>
 
@@ -366,6 +355,17 @@
                     <img src="libs/img2/edges.png" style="width:32px">
                   </a>
               </li>
+
+              <li>
+                <div class="onoffswitch">
+                  <input type="checkbox" name="edges-switch" class="onoffswitch-checkbox" id="edges-switch" checked>
+                  <label class="onoffswitch-label" for="edges-switch">
+                    <span id="edges-switch-inner-label" class="onoffswitch-inner"></span>
+                    <span class="onoffswitch-switch"></span>
+                  </label>
+                </div>
+              </li>
+
       </ul>
 
       <!-- inline *after* sigma-contnr for better overlay positioning -->

extras_explorerjs.js

@@ -269,32 +269,44 @@ function set_ClustersLegend ( daclass ) {
 // = = = = = = = = = = = [ / Clusters Plugin ] = = = = = = = = = = = //
 
 //For CNRS
+// function getTopPapers(type){
+//     if(TW.getAdditionalInfo){
+//         console.log("getTopPapers")
+//         jsonparams=JSON.stringify(getSelections());
+//         bi=(Object.keys(categories).length==2)?1:0;
+//         //jsonparams = jsonparams.replaceAll("&","__and__");
+//         jsonparams = jsonparams.split('&').join('__and__');
+//         //dbsPaths.push(getGlobalDBs());
+//         thisgexf=JSON.stringify(decodeURIComponent(getUrlParam.file));
+//         image='<img style="display:block; margin: 0px auto;" src="'+TW.APINAME+'img/ajax-loader.gif"></img>';
+//         $("#tab-container-top").show();
+//         $("#topPapers").show();
+//         $("#topPapers").html(image);
+//         $.ajax({
+//             type: 'GET',
+//             url: TW.APINAME+'info_div.php',
+//             data: "type="+type+"&bi="+bi+"&query="+jsonparams+"&gexf="+thisgexf+"&index="+TW.field[getUrlParam.file],
+//             //contentType: "application/json",
+//             //dataType: 'json',
+//             success : function(data){
+//                 console.log(TW.APINAME+'info_div.php?'+"type="+type+"&bi="+bi+"&query="+jsonparams+"&gexf="+thisgexf+"&index="+TW.field[getUrlParam.file]);
+//                 $("#topPapers").html(data);
+//             },
+//             error: function(){
+//                 console.log('Page Not found: getTopPapers');
+//             }
+//         });
+//     }
+// }
 function getTopPapers(type){
+  console.log("new getTopPapers")
     if(TW.getAdditionalInfo){
         jsonparams=JSON.stringify(getSelections());
-        bi=(Object.keys(categories).length==2)?1:0;
-        //jsonparams = jsonparams.replaceAll("&","__and__");
+
         jsonparams = jsonparams.split('&').join('__and__');
-        //dbsPaths.push(getGlobalDBs());
-        thisgexf=JSON.stringify(decodeURIComponent(getUrlParam.file));
-        image='<img style="display:block; margin: 0px auto;" src="'+TW.APINAME+'img/ajax-loader.gif"></img>';
-        $("#tab-container-top").show();
-        $("#topPapers").show();
-        $("#topPapers").html(image);
-        $.ajax({
-            type: 'GET',
-            url: TW.APINAME+'info_div.php',
-            data: "type="+type+"&bi="+bi+"&query="+jsonparams+"&gexf="+thisgexf+"&index="+TW.field[getUrlParam.file],
-            //contentType: "application/json",
-            //dataType: 'json',
-            success : function(data){
-                console.log(TW.APINAME+'info_div.php?'+"type="+type+"&bi="+bi+"&query="+jsonparams+"&gexf="+thisgexf+"&index="+TW.field[getUrlParam.file]);
-                $("#topPapers").html(data);
-            },
-            error: function(){
-                console.log('Page Not found: getTopPapers');
-            }
-        });
+
+        $("#topPapers").html("<p> jsonparams:"+jsonparams+" </p>");
+        $("#topPapers").show()
     }
 }
 

histogramDailyVariantModule/dailyHistogram.js

@@ -69,8 +69,8 @@ function search_proposed_terms_and_draw( the_queries ) {
         },
 
         error: function(exception) {
-            // console.log("search_proposed_terms_and_draw:exception"
-            //             + JSON.stringify(exception))
+            console.log("search_proposed_terms_and_draw:exception"
+                        + JSON.stringify(exception))
             $search_histogram
                 .html('<p class="micromessage">'
                      +'<b>No histogram</b>: too many nodes selected</b>'

libs/css2/selection-panels.css

@@ -8,6 +8,15 @@
   -moz-box-shadow: 0px 2px 6px #000;
   -webkit-box-shadow: 0px 2px 6px #000;
   box-shadow: 0px 2px 6px #000;
+
+  /*non selectable*/
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Safari */
+   -khtml-user-select: none; /* Konqueror HTML */
+     -moz-user-select: none; /* Firefox */
+      -ms-user-select: none; /* Internet Explorer/Edge */
+          user-select: none; /* Non-prefixed version, currently
+                                supported by Chrome and Opera */
 }
 
 #unselectbutton {
@@ -19,7 +28,7 @@
   margin-right:1em
 }
 
-
+""
 /* LEGEND PANEL */
 .legend_for_clusters {
     position:absolute;
@@ -140,9 +149,6 @@
 }
 
 #zoomSliderzone {
-    height: 100px;
-    top: -9px;
-    position: relative;
 }
 
 #edgesButton {
@@ -234,11 +240,11 @@
 }*/
 
 #unfold {
-    width: 12px; height: 12px; background: rgb(250, 250, 252); padding: 2px 2px 2px 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 1px 1px 2px #808090;
+    display:none; width: 12px; height: 12px; background: rgb(250, 250, 252); padding: 2px 2px 2px 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 1px 1px 2px #808090;
 }
 
 #aUnfold {
-    display: block; width: 12px; height: 12px; background-image: url("../img2/fleches-horiz.png");  margin: 0 auto;
+    display: none; width: 12px; height: 12px; background-image: url("../img2/fleches-horiz.png");  margin: 0 auto;
 }
 /*
 #saveAs {
@@ -249,7 +255,7 @@
 #zoomSlider {
     background:#fff;
     border:1px solid #aaa;
-    height: 120px; margin: 0 auto;
+    height: 90px; margin: 0 auto;
 }
 
 

libs/css2/twjs.css

@@ -22,6 +22,12 @@ html, body {
   left: 0;
   right: 250px;
   z-index: 1;
+
+  /* non selectable: we've got our own events here */
+  -webkit-user-select: none; /* Safari */
+     -moz-user-select: none; /* Firefox */
+      -ms-user-select: none; /* IE/Edge */
+          user-select: none; /* Chrome and Opera, future + */
 }
 
 #sidebar {
@@ -122,6 +128,11 @@ html, body {
 }
 
 
+/* right info panel */
+#accordion {
+  display:none
+}
+
 /* VARIAE */
 
 #selectionsBox{

settings_explorerjs.js

@@ -5,7 +5,7 @@ var TW = {}
     TW.colorByAtt = false;
     TW.twittertimeline = false;
     TW.minimap=false;
-    TW.getAdditionalInfo=true;// True: Activate TopPapers feature.
+    TW.getAdditionalInfo = true;// True: Activate TopPapers feature.
     //TW.mainfile = ["db.json"];
     // // TW.mainfile = "api.json";
      TW.mainfile = [
@@ -21,7 +21,7 @@ var TW = {}
     // //     "data/example.json",
     // //     "data/Elisa__Omodei.gexf",
          ];
-    TW.APINAME = "LOCALDB/";
+    TW.APINAME = "LOCALDB/";  // TODO use in topPapers
     TW.tagcloud_limit = 50;
     TW.bridge={};
     TW.bridge["forFilteredQuery"] = "php/bridgeClientServer_filter.php";
@@ -56,9 +56,6 @@ var TW = {}
     TW.catSoc = "Document";
     TW.catSem = "NGram";
 
-    // to get ajax topPapers via info_div.php
-    TW.getAdditionalInfo = false;
-
     TW.strSearchBar = "Select or suggest topics";
 
 var ParseCustom = function () {};

tinawebJS/Tinaweb.js

@@ -762,7 +762,7 @@ TinaWebJS = function ( sigmacanvas ) {
             min: 1 / sigmaJsMouseProperties.maxRatio,
             max: 1 / sigmaJsMouseProperties.minRatio,
             // range: true,
-            step: 1,
+            step: .2,
             value: 1,
             slide: function( event, ui ) {
                 partialGraph.camera.goTo({