new changes

libs/css2/custom.css

@@ -278,3 +278,13 @@
 .btn-sm:hover {
 	font-weight: bold;
 }
+
+/* Example Styles for Demo */
+.etabs { margin: 0; padding: 0; }
+.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
+.tab a { font-size: 12px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
+.tab a:hover { text-decoration: underline; }
+.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
+.tab a.active { font-weight: bold; }
+.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
+.panel-container { margin-bottom: 10px; }
\ No newline at end of file

libs/jquery/jquery.easytabs.min.js

+/*
+ * jQuery EasyTabs plugin 3.2.0
+ *
+ * Copyright (c) 2010-2011 Steve Schwartz (JangoSteve)
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * Date: Thu May 09 17:30:00 2013 -0500
+ */
+(function(a){a.easytabs=function(j,e){var f=this,q=a(j),i={animate:true,panelActiveClass:"active",tabActiveClass:"active",defaultTab:"li:first-child",animationSpeed:"normal",tabs:"> ul > li",updateHash:true,cycle:false,collapsible:false,collapsedClass:"collapsed",collapsedByDefault:true,uiTabs:false,transitionIn:"fadeIn",transitionOut:"fadeOut",transitionInEasing:"swing",transitionOutEasing:"swing",transitionCollapse:"slideUp",transitionUncollapse:"slideDown",transitionCollapseEasing:"swing",transitionUncollapseEasing:"swing",containerClass:"",tabsClass:"",tabClass:"",panelClass:"",cache:true,event:"click",panelContext:q},h,l,v,m,d,t={fast:200,normal:400,slow:600},r;f.init=function(){f.settings=r=a.extend({},i,e);r.bind_str=r.event+".easytabs";if(r.uiTabs){r.tabActiveClass="ui-tabs-selected";r.containerClass="ui-tabs ui-widget ui-widget-content ui-corner-all";r.tabsClass="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all";r.tabClass="ui-state-default ui-corner-top";r.panelClass="ui-tabs-panel ui-widget-content ui-corner-bottom"}if(r.collapsible&&e.defaultTab!==undefined&&e.collpasedByDefault===undefined){r.collapsedByDefault=false}if(typeof(r.animationSpeed)==="string"){r.animationSpeed=t[r.animationSpeed]}a("a.anchor").remove().prependTo("body");q.data("easytabs",{});f.setTransitions();f.getTabs();b();g();w();n();c();q.attr("data-easytabs",true)};f.setTransitions=function(){v=(r.animate)?{show:r.transitionIn,hide:r.transitionOut,speed:r.animationSpeed,collapse:r.transitionCollapse,uncollapse:r.transitionUncollapse,halfSpeed:r.animationSpeed/2}:{show:"show",hide:"hide",speed:0,collapse:"hide",uncollapse:"show",halfSpeed:0}};f.getTabs=function(){var x;f.tabs=q.find(r.tabs),f.panels=a(),f.tabs.each(function(){var A=a(this),z=A.children("a"),y=A.children("a").data("target");A.data("easytabs",{});if(y!==undefined&&y!==null){A.data("easytabs").ajax=z.attr("href")}else{y=z.attr("href")}y=y.match(/#([^\?]+)/)[1];x=r.panelContext.find("#"+y);if(x.length){x.data("easytabs",{position:x.css("position"),visibility:x.css("visibility")});x.not(r.panelActiveClass).hide();f.panels=f.panels.add(x);A.data("easytabs").panel=x}else{f.tabs=f.tabs.not(A);if("console" in window){console.warn("Warning: tab without matching panel for selector '#"+y+"' removed from set")}}})};f.selectTab=function(x,C){var y=window.location,B=y.hash.match(/^[^\?]*/)[0],z=x.parent().data("easytabs").panel,A=x.parent().data("easytabs").ajax;if(r.collapsible&&!d&&(x.hasClass(r.tabActiveClass)||x.hasClass(r.collapsedClass))){f.toggleTabCollapse(x,z,A,C)}else{if(!x.hasClass(r.tabActiveClass)||!z.hasClass(r.panelActiveClass)){o(x,z,A,C)}else{if(!r.cache){o(x,z,A,C)}}}};f.toggleTabCollapse=function(x,y,z,A){f.panels.stop(true,true);if(u(q,"easytabs:before",[x,y,r])){f.tabs.filter("."+r.tabActiveClass).removeClass(r.tabActiveClass).children().removeClass(r.tabActiveClass);if(x.hasClass(r.collapsedClass)){if(z&&(!r.cache||!x.parent().data("easytabs").cached)){q.trigger("easytabs:ajax:beforeSend",[x,y]);y.load(z,function(C,B,D){x.parent().data("easytabs").cached=true;q.trigger("easytabs:ajax:complete",[x,y,C,B,D])})}x.parent().removeClass(r.collapsedClass).addClass(r.tabActiveClass).children().removeClass(r.collapsedClass).addClass(r.tabActiveClass);y.addClass(r.panelActiveClass)[v.uncollapse](v.speed,r.transitionUncollapseEasing,function(){q.trigger("easytabs:midTransition",[x,y,r]);if(typeof A=="function"){A()}})}else{x.addClass(r.collapsedClass).parent().addClass(r.collapsedClass);y.removeClass(r.panelActiveClass)[v.collapse](v.speed,r.transitionCollapseEasing,function(){q.trigger("easytabs:midTransition",[x,y,r]);if(typeof A=="function"){A()}})}}};f.matchTab=function(x){return f.tabs.find("[href='"+x+"'],[data-target='"+x+"']").first()};f.matchInPanel=function(x){return(x&&f.validId(x)?f.panels.filter(":has("+x+")").first():[])};f.validId=function(x){return x.substr(1).match(/^[A-Za-z]+[A-Za-z0-9\-_:\.].$/)};f.selectTabFromHashChange=function(){var y=window.location.hash.match(/^[^\?]*/)[0],x=f.matchTab(y),z;if(r.updateHash){if(x.length){d=true;f.selectTab(x)}else{z=f.matchInPanel(y);if(z.length){y="#"+z.attr("id");x=f.matchTab(y);d=true;f.selectTab(x)}else{if(!h.hasClass(r.tabActiveClass)&&!r.cycle){if(y===""||f.matchTab(m).length||q.closest(y).length){d=true;f.selectTab(l)}}}}}};f.cycleTabs=function(x){if(r.cycle){x=x%f.tabs.length;$tab=a(f.tabs[x]).children("a").first();d=true;f.selectTab($tab,function(){setTimeout(function(){f.cycleTabs(x+1)},r.cycle)})}};f.publicMethods={select:function(x){var y;if((y=f.tabs.filter(x)).length===0){if((y=f.tabs.find("a[href='"+x+"']")).length===0){if((y=f.tabs.find("a"+x)).length===0){if((y=f.tabs.find("[data-target='"+x+"']")).length===0){if((y=f.tabs.find("a[href$='"+x+"']")).length===0){a.error("Tab '"+x+"' does not exist in tab set")}}}}}else{y=y.children("a").first()}f.selectTab(y)}};var u=function(A,x,z){var y=a.Event(x);A.trigger(y,z);return y.result!==false};var b=function(){q.addClass(r.containerClass);f.tabs.parent().addClass(r.tabsClass);f.tabs.addClass(r.tabClass);f.panels.addClass(r.panelClass)};var g=function(){var y=window.location.hash.match(/^[^\?]*/)[0],x=f.matchTab(y).parent(),z;if(x.length===1){h=x;r.cycle=false}else{z=f.matchInPanel(y);if(z.length){y="#"+z.attr("id");h=f.matchTab(y).parent()}else{h=f.tabs.parent().find(r.defaultTab);if(h.length===0){a.error("The specified default tab ('"+r.defaultTab+"') could not be found in the tab set ('"+r.tabs+"') out of "+f.tabs.length+" tabs.")}}}l=h.children("a").first();p(x)};var p=function(z){var y,x;if(r.collapsible&&z.length===0&&r.collapsedByDefault){h.addClass(r.collapsedClass).children().addClass(r.collapsedClass)}else{y=a(h.data("easytabs").panel);x=h.data("easytabs").ajax;if(x&&(!r.cache||!h.data("easytabs").cached)){q.trigger("easytabs:ajax:beforeSend",[l,y]);y.load(x,function(B,A,C){h.data("easytabs").cached=true;q.trigger("easytabs:ajax:complete",[l,y,B,A,C])})}h.data("easytabs").panel.show().addClass(r.panelActiveClass);h.addClass(r.tabActiveClass).children().addClass(r.tabActiveClass)}q.trigger("easytabs:initialised",[l,y])};var w=function(){f.tabs.children("a").bind(r.bind_str,function(x){r.cycle=false;d=false;f.selectTab(a(this));x.preventDefault?x.preventDefault():x.returnValue=false})};var o=function(z,D,E,H){f.panels.stop(true,true);if(u(q,"easytabs:before",[z,D,r])){var A=f.panels.filter(":visible"),y=D.parent(),F,x,C,G,B=window.location.hash.match(/^[^\?]*/)[0];if(r.animate){F=s(D);x=A.length?k(A):0;C=F-x}m=B;G=function(){q.trigger("easytabs:midTransition",[z,D,r]);if(r.animate&&r.transitionIn=="fadeIn"){if(C<0){y.animate({height:y.height()+C},v.halfSpeed).css({"min-height":""})}}if(r.updateHash&&!d){window.location.hash="#"+D.attr("id")}else{d=false}D[v.show](v.speed,r.transitionInEasing,function(){y.css({height:"","min-height":""});q.trigger("easytabs:after",[z,D,r]);if(typeof H=="function"){H()}})};if(E&&(!r.cache||!z.parent().data("easytabs").cached)){q.trigger("easytabs:ajax:beforeSend",[z,D]);D.load(E,function(J,I,K){z.parent().data("easytabs").cached=true;q.trigger("easytabs:ajax:complete",[z,D,J,I,K])})}if(r.animate&&r.transitionOut=="fadeOut"){if(C>0){y.animate({height:(y.height()+C)},v.halfSpeed)}else{y.css({"min-height":y.height()})}}f.tabs.filter("."+r.tabActiveClass).removeClass(r.tabActiveClass).children().removeClass(r.tabActiveClass);f.tabs.filter("."+r.collapsedClass).removeClass(r.collapsedClass).children().removeClass(r.collapsedClass);z.parent().addClass(r.tabActiveClass).children().addClass(r.tabActiveClass);f.panels.filter("."+r.panelActiveClass).removeClass(r.panelActiveClass);D.addClass(r.panelActiveClass);if(A.length){A[v.hide](v.speed,r.transitionOutEasing,G)}else{D[v.uncollapse](v.speed,r.transitionUncollapseEasing,G)}}};var s=function(z){if(z.data("easytabs")&&z.data("easytabs").lastHeight){return z.data("easytabs").lastHeight}var B=z.css("display"),y,x;try{y=a("<div></div>",{position:"absolute",visibility:"hidden",overflow:"hidden"})}catch(A){y=a("<div></div>",{visibility:"hidden",overflow:"hidden"})}x=z.wrap(y).css({position:"relative",visibility:"hidden",display:"block"}).outerHeight();z.unwrap();z.css({position:z.data("easytabs").position,visibility:z.data("easytabs").visibility,display:B});z.data("easytabs").lastHeight=x;return x};var k=function(y){var x=y.outerHeight();if(y.data("easytabs")){y.data("easytabs").lastHeight=x}else{y.data("easytabs",{lastHeight:x})}return x};var n=function(){if(typeof a(window).hashchange==="function"){a(window).hashchange(function(){f.selectTabFromHashChange()})}else{if(a.address&&typeof a.address.change==="function"){a.address.change(function(){f.selectTabFromHashChange()})}}};var c=function(){var x;if(r.cycle){x=f.tabs.index(h);setTimeout(function(){f.cycleTabs(x+1)},r.cycle)}};f.init()};a.fn.easytabs=function(c){var b=arguments;return this.each(function(){var e=a(this),d=e.data("easytabs");if(undefined===d){d=new a.easytabs(this,c);e.data("easytabs",d)}if(d.publicMethods[c]){return d.publicMethods[c](Array.prototype.slice.call(b,1))}})}})(jQuery);

tinawebJS/DataScanner.js

@@ -2,7 +2,7 @@
 function scanDataFolder(){
         $.ajax({
             type: 'GET',
-            url: twjs+'php/DirScan_main.php',
+            url: 'php/DirScan_main.php',
             //data: "type="+type+"&query="+jsonparams,
             //contentType: "application/json",
             //dataType: 'json',
@@ -31,12 +31,12 @@ function jsActionOnGexfSelector(gexfLegend){
 }
 
 function listGexfs(){
-    divlen=$("#gexf").length;
+    divlen=$("#gexfs").length;
     if(divlen>0) {
         param = JSON.stringify(gexfDict);
         $.ajax({
             type: 'GET',
-            url: twjs+'php/listFiles.php',
+            url: 'php/listFiles.php',
             //contentType: "application/json",
             //dataType: 'json',
             success : function(data){ 
@@ -44,7 +44,7 @@ function listGexfs(){
                 javs='onchange="'+'jsActionOnGexfSelector(this.value);'+'"';
                 html+=javs;
                 html+=">";
-                html+='<option selected>[Select your Graph]</option>';
+                html+='<option selected>[More Graphs]</option>';
                 for(var i in data){
                     //pr("path: "+data[i]);
                     //pr("legend: "+getGexfLegend(data[i]));

tinawebJS/main.js

@@ -21,6 +21,7 @@ if (mainfile) {
                 bringTheNoise( filename , "mono");
                 
             } else {
+                listGexfs();
         		parse(getUrlParam.file);
         		nb_cats = scanCategories();  
         		pr("nb_cats: "+nb_cats);
@@ -32,7 +33,8 @@ if (mainfile) {
         		    if(!isUndef(gexfDict[getUrlParam.file])){
         		        $("#currentGraph").html(gexfDict[getUrlParam.file]);
         		    } else $("#currentGraph").html(getUrlParam.file);
-        		    // scanDataFolder();
+        		    scanDataFolder();
+                    listGexfs();
         		});            
             }
 	    });
@@ -91,7 +93,6 @@ function sigmaLimits(){
 function bringTheNoise(pathfile,type){
     
     $("#semLoader").hide();
-    $('#modalloader').modal('show');
 
 
     // $('.selectpicker').selectpicker();
@@ -114,6 +115,13 @@ function bringTheNoise(pathfile,type){
     body.style.paddingTop="41px";
 
 
+    $('.etabs').click(function(){
+        $.doTimeout(500,function (){
+            $("#opossiteNodes").readmore({maxHeight:200}); 
+            $("#sameNodes").readmore({maxHeight:200}); 
+        });
+    });
+
     $("#changetype").click(function(){
     	pr("")
     	pr(" ############  changeTYPE click");
@@ -121,6 +129,9 @@ function bringTheNoise(pathfile,type){
 
         changeType();
 
+        $.doTimeout(500,function (){
+            $('.etabs a[href="#tabs1"]').trigger('click');
+        });
 
 		printStates()
     	pr(" ############  / changeTYPE click");
@@ -134,6 +145,7 @@ function bringTheNoise(pathfile,type){
     	printStates()
 
         changeLevel();
+        // $("#tabs1").click()
 
         printStates()
     	pr(" ############  / changeLEVEL click");
@@ -203,11 +215,16 @@ function bringTheNoise(pathfile,type){
     // < === EXTRACTING DATA === >
     if(mainfile) {
         pr("mainfile: "+mainfile)
+
+        if(gexfDict[pathfile]) $("#network").html(gexfDict[pathfile]);
+        else $("#network").html(pathfile);
+
+    	// $('#modalloader').modal('show');
 	    parse(decodeURIComponent(pathfile));
 
 	    if(type=="mono") {
-	    	$("#changetype").hide();
 
+	    	$("#changetype").hide();
 
             if( pathfile.indexOf(".json") > -1 ) {
                 JSONFile( pathfile )
@@ -216,6 +233,12 @@ function bringTheNoise(pathfile,type){
             }
 
             pushSWClick("social");
+
+            $("#taboppos").remove();
+            $.doTimeout(500,function (){
+                $('.etabs a[href="#tabs2"]').trigger('click');
+            });
+
             pr(partialGraph._core.graph.nodes.length)
             pr(partialGraph._core.graph.edges.length)
 	    } 
@@ -230,6 +253,7 @@ function bringTheNoise(pathfile,type){
             pr(partialGraph._core.graph.edges.length)
         }
 
+
         partialGraph.zoomTo(partialGraph._core.width / 2, partialGraph._core.height / 2, 0.8).draw(2,2,2);
         theListeners(); 
         $("#closeloader").click(); 
@@ -238,6 +262,8 @@ function bringTheNoise(pathfile,type){
       // 
         var theurl,thedata,thename;
 
+    	$('#modalloader').modal('show');
+    	
 	    if(type=="unique_id") {
 		    pr("bring the noise, case: unique_id");
             pr(getClientTime()+" : DataExt Ini");

tinawebJS/methods.js

@@ -30,7 +30,7 @@ function cancelSelection (fromTagCloud) {
     if(fromTagCloud==false){
         $("#names").html(""); 
         $("#topPapers").html(""); $("#topPapers").hide();
-        $("#opossiteNodes").html("");
+        $("#opossiteNodes").html(""); $("#tab-container").hide();
         $("#information").html("");
         $("#searchinput").val("");
         $("#switchbutton").hide();
@@ -153,7 +153,10 @@ function RefreshState(newNOW){
                 NodeWeightFilter ( "#sliderBNodeWeight" , "type" , "NGram" , "size");
                 
             });
-        } else $("#semLoader").show();
+        } else {
+            $("#semLoader").css('visibility', 'visible');
+            $("#semLoader").show();
+        }
 
     }
     if(NOW=="AaBb"){
@@ -353,6 +356,28 @@ function htmlfied_alternodes(elems) {
     return oppositesNodes
 }
 
+function manualForceLabel(nodeid,active) {
+	// pr("manual|"+nodeid+"|"+active)
+	partialGraph._core.graph.nodesIndex[nodeid].active=active;
+	partialGraph.draw();
+}
+
+function htmlfied_samenodes(elems) {
+    var sameNodes=[]
+    js1=' onmouseover="manualForceLabel(this.id,true);" ';
+    js2=' onmouseout="manualForceLabel(this.id,true);" ';
+    if(elems.length>0) {
+        var A = getVisibleNodes()
+        for (var a in A){
+            n = A[a]
+            if(!n.active && n.color.charAt(0)=="#" ) {
+                sameNodes.push('<li onmouseover="manualForceLabel(\''+n.id+'\',true)"  onmouseout="manualForceLabel(\''+n.id+'\',false)" >'+ n.label+ '</li>')
+            }
+        }
+    }
+    return sameNodes
+}
+
 // nodes information div
 function htmlfied_nodesatts(elems){
 
@@ -418,17 +443,33 @@ function updateLeftPanel_fix() {
 	    alterNodesDIV+= '</div>';
 	}
 
+    sameNodesDIV = "";
+    sameNodesDIV+='<div id="sameNodes"><ul style="list-style: none;">';//tagcloud
+    sameNodesDIV += htmlfied_samenodes( getNodeIDs(selections) ).join("\n") ;
+    sameNodesDIV+= '</ul></div>';
+
         // getTopPapers("semantic");
 
     informationDIV += '<br><h4>Information:</h4><ul>';
     informationDIV += htmlfied_nodesatts( getNodeIDs(selections) ).join("<br>\n")
     informationDIV += '</ul><br>';
 
-    $("#names").html(namesDIV); 
-    $("#opossiteNodes").html(alterNodesDIV); 
+    //using the readmore.js
+    // ive put a limit for nodes-name div
+    // and opposite-nodes div aka tagcloud div
+    // and im commenting now because github is not 
+    // pushing my commit
+    // because i need more lines, idk
+    $("#names").html(namesDIV).readmore({maxHeight:100}); 
+    $("#tab-container").show();
+    $("#opossiteNodes").html(alterNodesDIV).readmore({maxHeight:200}); 
+    $("#sameNodes").html(sameNodesDIV).readmore({maxHeight:200}); 
     $("#information").html(informationDIV);
     $("#tips").html("");
-    // $("#topPapers").show();
+
+    if(categoriesIndex.length==1) getTopPapers("semantic");
+    else getTopPapers(swclickActual);
+    
 }
 
 function printStates() {
@@ -582,17 +623,19 @@ function markAsSelected(n_id,sel) {
                     for(var i in neigh){
 
                         vec = partialGraph._core.graph.nodesIndex[neigh[i]];
-                        vec.color = vec.attr['true_color'];
-                        vec.attr['grey'] = 0;
-                        an_edge=partialGraph._core.graph.edgesIndex[vec.id+";"+nodeSel.id];
-                        if(!isUndef(an_edge) && !an_edge.hidden){
-                            an_edge.color = an_edge.attr['true_color'];
-                            an_edge.attr['grey'] = 0;
-                        }
-                        an_edge=partialGraph._core.graph.edgesIndex[nodeSel.id+";"+vec.id];
-                        if(!isUndef(an_edge) && !an_edge.hidden){
-                            an_edge.color = an_edge.attr['true_color'];
-                            an_edge.attr['grey'] = 0;
+                        if(vec) {
+                            vec.color = vec.attr['true_color'];
+                            vec.attr['grey'] = 0;
+                            an_edge=partialGraph._core.graph.edgesIndex[vec.id+";"+nodeSel.id];
+                            if(!isUndef(an_edge) && !an_edge.hidden){
+                                an_edge.color = an_edge.attr['true_color'];
+                                an_edge.attr['grey'] = 0;
+                            }
+                            an_edge=partialGraph._core.graph.edgesIndex[nodeSel.id+";"+vec.id];
+                            if(!isUndef(an_edge) && !an_edge.hidden){
+                                an_edge.color = an_edge.attr['true_color'];
+                                an_edge.attr['grey'] = 0;
+                            }
                         }
                     }
                 }
@@ -1719,6 +1762,7 @@ function changeToMacro(iwannagraph) {
         partialGraph.draw();
         partialGraph.refresh();
         
+        $("#semLoader").css('visibility', 'visible');
         $("#semLoader").show();
 
         return;