Mercurial > hg > Members > nobuyasu > html > graphViewer

changeset 4:810e406abb71 draft

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add traverseLabel
author Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
date Wed, 20 Mar 2013 04:45:44 +0900
parents d006eeb10183
children db93a718f393
files css/viewer_form.css index.html
diffstat 2 files changed, 63 insertions(+), 37 deletions(-) [+]
line wrap: on
line diff
--- a/css/viewer_form.css	Wed Mar 20 02:43:10 2013 +0900
+++ b/css/viewer_form.css	Wed Mar 20 04:45:44 2013 +0900
@@ -75,21 +75,25 @@
     top: 10px;
 }
 span.button{
-        background:#eee;
-	background:-moz-linear-gradient(top,#fff,#ddf);
-	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddf));
-	border:1px solid gray;
-	border-radius:4px;
-	text-align:center;
-	cursor:default;
+    background:#eee;
+    background:-moz-linear-gradient(top,#fff,#ddf);
+    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddf));
+    border:1px solid gray;
+    border-radius:4px;
+    text-align:center;
+    cursor:default;
 }
 span.button:hover{
-	background:#bbb;
-	background:-moz-linear-gradient(top,#ccc,#aac);
-	background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#aac));
+    background:#bbb;
+    background:-moz-linear-gradient(top,#ccc,#aac);
+    background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#aac));
 }
 span.button:active{
-	background:#bbb;
-	background:-moz-linear-gradient(top,#bbb,#88b);
-	background:-webkit-gradient(linear,left top,left bottom,from(#bbb),to(#88b));
+    background:#bbb;
+    background:-moz-linear-gradient(top,#bbb,#88b);
+    background:-webkit-gradient(linear,left top,left bottom,from(#bbb),to(#88b));
 }
+
+label.traverseLabel { 
+    style:position:relative;
+}
\ No newline at end of file
--- a/index.html	Wed Mar 20 02:43:10 2013 +0900
+++ b/index.html	Wed Mar 20 04:45:44 2013 +0900
@@ -24,10 +24,15 @@
     Traverse 
 	    </div>
 	    <div style='position:absolute; top:30px; width:100%; margin-left:10px;'> Direction:
-		<label id="direction_in" style='position:relative' ><input type='checkbox' checked value='in'/>IN</label>
-		<label id="direction_out" style='position:relative;'><input type='checkbox' checked value='out'/>OUT</label>   
+		<label style='position:relative;' ><input id="direction_in" type='checkbox' checked value='in'/>IN</label>
+		<label style='position:relative;'><input id="direction_out" type='checkbox' checked value='out'/>OUT</label>   
 	    </div>
-    	    <div id="taverseDisplayBody" style='position:absolute; left:20px; top:50px;'>
+    	    <div id="traverseDisplayBody" style='position:absolute; left:20px; top:50px;'>
+<!--
+		<div>
+		    <label id='traverseLabel'><input type='checkbox' checkd value=''/>commited-user </label><br>in:3 out:4
+		</div>
+-->
 	    </div>
 	</div>
     </div>
@@ -146,20 +151,36 @@
 function writeJSONDataToMiniDisplay(jsonObj) {
     var str = "";
     for (var key in jsonObj.property) {
-	str = str + key + ": "+ jsonObj.property[key] + "<br>";
+	if (key != 'edgeInfo' ) {
+	    str = str + key + ": "+ jsonObj.property[key] + "<br>";
+	}
     }
     writeMiniDisplay(jsonObj.property.title, str);
 }
 
-function createDirectionView() {
-
+function getTraverseDivTemplate(kind, inNum, outNum) {
+    return "<div><label id='traverseLabel'><input type='checkbox' checked/>"+kind+"</label><br>in:"+inNum+" out:"+outNum;
 }
 
-function createTraverseView() {
+function createTraverseView(info) {
+    var view = {};
+    for (var kind in info) {
+	var data = info[kind];
+	var inNum = 0;
+	var outNum = 0;
+	if (data['in']) {
+	    inNum = data['in'];
+	}
+	if (data['out']) {
+	    outNum = data['out'];
+	}
+	
+	    
+    }
     
 }
 
-function writeEdgeInfotraverseDisplay(node) {
+function writeEdgeInfoTraverseDisplay(node) {
     var id = node.property.id;
     var edgeInfo = node.edgeInfo;
     var str = "";
@@ -170,8 +191,7 @@
 	var num = edgeInfo[i].num;
 	info[kind][dir] = num;
     }
-    
-    
+    node.edgeInfo.view = createTraverseView(info);
 }
 
 function createTraverseDisplayInfo(info) {
@@ -201,20 +221,17 @@
     });
 }
 
-function createLabelStr(value) {
-    return "<label class='relation'><input class='relation_input' type='checkbox' checked value='"+value+"'>"+value+"</label>";
-}
-
 function showMiniDisplay(node) {
     $("#miniDisplay").css("visibility", "visible");
+    writeJSONDataToMiniDisplay(node);
+}
+
+function showTraverseDisplay(node) {
+    if (!node.edgeInfo) { console.log("not found node.edgeInfo "); return; }
+    if (!node.traverse) {
+	writeEdgeInfoTraverseDisplay(node);
+    }
     $("#traverseDisplay").css("visibility", "visible");
-    writeJSONDataToMiniDisplay(node);
-    if (node.edgeInfo) {
-	if (!node.traverse) {
-	    writeEdgeInfotraverseDisplay(node);
-	}
-	showEdgeInfoTraverseDisplay(node);
-    }
 }
 
 var nodeNum = 0;
@@ -235,8 +252,6 @@
 function clickNodeDiv(id) {
     var graphData = GRAPH_DATA;
     var node = graphData.nodes[id];
-    var inputDivs = $('.relation_input');
-			  
     var rels = {evidence:1,
 		dependency:1,
 		derived:1,
@@ -245,6 +260,13 @@
     showRelationNodes(graphData, node, rels);    
 }
 
+function traverseAction() {
+    var isInDirTrue = $('#direction_in')[0].checked;
+    var isOutDirTrue = $('#direction_out')[0].checked;
+    
+
+}
+
 function returnCheckdRelation() {
 
 }
@@ -268,7 +290,7 @@
     }
     var div = node.view;
     //    div.text(node.property.title);
-    div.click(function(){showMiniDisplay(node)});
+    div.click(function(){showMiniDisplay(node); showTraverseDisplay(node);});
     DragHandler.attach($(node.view)[0]);
     var kindBackground = {agree:"#aaf", rejected:"#fff"};
     var kindBorder = {agree:"#66a", rejected:"#a66"};