Members/nobuyasu/html/graphViewer: show.html annotate

annotate show.html @ 13:37d68fe602c2 draft

add 'px'

author	Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
date	Wed, 20 Mar 2013 16:36:17 +0900
parents	549962a324ac
children	6b91db54a9f3

rev	line source
11 8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	1 #{extends 'main.html' /}
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	2 #{set title:messages.get('AAEvidenceSiftingModel.userdesktops.show.title') /}
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	3 <link rel='stylesheet' href="/aat/public/viewer/css/viewer_form.css">
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	4 <script src="@{'/public/viewer/js/lib/jquery-1.8.1-min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	5 <script type="text/javascript" src="@{'/public/viewer/js/lib/jquery-ui-1.8.23-min.js'}" charset="${_response_encoding}"></script>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	6 <script type="text/javascript" src="@{'/public/viewer/js/lib/jquery.ui.touch-punch.min.js'}" charset="${_response_encoding}"></script>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	7 <script type="text/javascript" src="@{'/public/viewer/js/lib/jsBezier-0.4-min.js'}" charset="${_response_encoding}"></script>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	8 <script type="text/javascript" src="@{'/public/viewer/js/1.3.15/jsPlumb-util-1.3.15-RC1.js'}" charset="${_response_encoding}"></script>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	9 <script type="text/javascript" src="@{'/public/viewer/js/1.3.15/jsPlumb-dom-adapter-1.3.15-RC1.js'}" charset="${_response_encoding}"></script>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	10 <script type="text/javascript" src="@{'/public/viewer/js/1.3.15/jsPlumb-1.3.15-RC1.js'}" charset="${_response_encoding}"></script>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	11 <script type="text/javascript" src="@{'/public/viewer/js/1.3.15/jsPlumb-defaults-1.3.15-RC1.js'}" charset="${_response_encoding}"></script>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	12 <script type="text/javascript" src="@{'/public/viewer/js/1.3.15/jsPlumb-renderers-svg-1.3.15-RC1.js'}" charset="${_response_encoding}"></script>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	13 <script type="text/javascript" src="@{'/public/viewer/js/1.3.15/jsPlumb-renderers-canvas-1.3.15-RC1.js'}" charset="${_response_encoding}"></script>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	14 <script type="text/javascript" src="@{'/public/viewer/js/1.3.15/jsPlumb-renderers-vml-1.3.15-RC1.js'}" charset="${_response_encoding}"></script>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	15 <script type="text/javascript" src="@{'/public/viewer/js/1.3.15/jquery.jsPlumb-1.3.15-RC1.js'}" charset="${_response_encoding}"></script>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	16 <script type="text/javascript" src="@{'/public/viewer/js/1.3.15/jquery.jsPlumb-1.3.15-all-min.js'}" charset="${_response_encoding}"></script>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	17
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	18 <div id="page">
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	19 <div class="title">
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	20 &{'AAEvidenceSiftingModel.userdesktops.show.title'} [ ${desktop.project.name} ]
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	21 </div>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	22 <ul >
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	23 <li>> <a href="@{AAEvidenceSiftingModel.UserHomes.index()}">&{'navigation.back'}</a></li>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	24 <li>> <a href="@{AAEvidenceSiftingModel.Projects.show(desktop.id)}">&{'AAEvidenceSiftingModel.projects.show.title'}</a></li>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	25 </ul>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	26 </div>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	27
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	28
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	29 <div id="traverseDisplay" style='position:fixed; width:250px; height:250px; border:solid 1px; border-radius:5px; opacity:1; z-index:10; visibility:visible;'>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	30 <div style='position:absolute; left:0; top:0; width:100%; height:100%; background:black; opacity:0.7;'></div>
13 37d68fe602c2 add 'px' Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: 12 diff changeset	31 <div id="closeTraverseDisplay" style='position:absolute; right:5px; top:-3px; z-index:10; color:white;' onclick="$('#traverseDisplay').css('visibility','hidden');" onmouseover="$('#closeTraverseDisplay').css('color','yellow');" onmouseout="$('#closeTraverseDisplay').css('color','white')" >CLOSE</div>
11 8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	32 <div style='position:absolute; width:90%; height:90%;'>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	33 <div style='position:absolute; left:5%; top:5%; width:100%; height:100%; background:white;'>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	34 <div id="traverseDisplayTitle" style='position:absolute; left:10px; top:5px; font-size:24px; width:100%; text-align:left;'>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	35 Traverse
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	36 </div>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	37 <div style='position:absolute; top:30px; width:100%; margin-left:10px;'> Direction:
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	38 <label style='position:relative;' ><input id="direction_in" type='checkbox' checked value='in'/>IN</label>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	39 <label style='position:relative;'><input id="direction_out" type='checkbox' checked value='out'/>OUT</label>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	40 </div>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	41 <div id="traverseDisplayBody" style='position:absolute; left:20px; top:50px;'>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	42 Please click any node.
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	43 </div>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	44 </div>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	45 </div>
13 37d68fe602c2 add 'px' Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: 12 diff changeset	46 <span class='button display' style='position:absolute; width:100px; left:75px; bottom:5px; opacity:1;' onclick='traverseAction();'>traverse</span>
11 8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	47 </div>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	48
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	49 <div id="miniDisplay" style='position:fixed; width:250px; height:250px; border:solid 1px; border-radius:5px; opacity:1; z-index:10; visibility:visible;'>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	50 <div style='position:absolute; left:0; top:0; width:100%; height:100%; background:black; opacity:0.5;'></div>
13 37d68fe602c2 add 'px' Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: 12 diff changeset	51 <div id="closeMiniDisplay" style='position:absolute; right:5px; top:-3px; z-index:10; color:white;' onclick="$('#miniDisplay').css('visibility','hidden');" onmouseover="$('#closeMiniDisplay').css('color','yellow');" onmouseout="$('#closeMiniDisplay').css('color','white')" >CLOSE</div>
11 8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	52 <div style='position:absolute; width:90%; height:90%;'>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	53 <div style='position:absolute; left:5%; top:5%; width:100%; height:100%; background:white;'>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	54 <div id="miniDisplayTitle" style='position:absolute; left:10px; top:5px; font-size:24px; width:100%; text-align:left;'>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	55 </div>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	56 <div id="miniDisplayBody" style='position:absolute; left:20px; top:40px;'>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	57 Please click any node.
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	58 </div>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	59 </div>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	60 </div>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	61 </div>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	62
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	63 <div class="graphMainCss" style="position:absolute; left:0; bottom:0; width:100%; height:75%;" id='graphMain'>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	64 <div style="position:absolute; width:0; height:0;left:0;" id='graphRoot'>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	65 </div>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	66 </div>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	67
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	68
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	69 <script type="text/javascript">
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	70 var BASE_URL = "";
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	71
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	72
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	73 if(!Array.prototype.filter){
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	74 Array.prototype.filter=function(func){
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	75 var arr=[];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	76 for(var i=0;i<this.length;i++)if(func(this[i]))arr.push(this[i]);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	77 return arr;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	78 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	79 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	80
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	81 function GraphData() {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	82 var graphData = {};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	83 graphData.nodes = {};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	84 graphData.edges = {};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	85 return graphData;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	86 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	87
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	88
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	89 function Edge(fromNode, toNode, relation) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	90 var obj = {from:fromNode, to:toNode, rel:relation };
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	91 return obj;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	92 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	93
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	94 function beginScript() {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	95 DragHandler.attach($('#miniDisplay')[0]);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	96 DragHandler.attach($('#traverseDisplay')[0]);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	97 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	98
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	99 var DragHandler = {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	100 _oElem : null,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	101 _id : null,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	102 attach : function(oElem) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	103 oElem.onmousedown = DragHandler._dragBegin;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	104 return oElem;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	105 },
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	106 attach : function(oElem, id) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	107 oElem.onmousedown = DragHandler._dragBegin;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	108 _id = id;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	109 return oElem;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	110 },
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	111 _dragBegin : function(e) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	112 var oElem = DragHandler._oElem = this;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	113 if (isNaN(parseInt(oElem.style.left))) { oElem.style.left = '0px'; }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	114 if (isNaN(parseInt(oElem.style.top))) { oElem.style.top = '0px'; }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	115 var x = parseInt(oElem.style.left);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	116 var y = parseInt(oElem.style.top);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	117 e = e ? e : window.event;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	118 oElem.mouseX = e.clientX;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	119 oElem.mouseY = e.clientY;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	120 document.onmousemove = DragHandler._drag;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	121 document.onmouseup = DragHandler._dragEnd;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	122 return false;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	123 },
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	124 _drag : function(e) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	125 var oElem = DragHandler._oElem;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	126 var x = parseInt(oElem.style.left);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	127 var y = parseInt(oElem.style.top);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	128 e = e ? e : window.event;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	129 var nextX = x + (e.clientX - oElem.mouseX);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	130 var nextY = y + (e.clientY - oElem.mouseY);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	131 oElem.style.left = nextX + 'px';
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	132 oElem.style.top = nextY + 'px';
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	133 oElem.mouseX = e.clientX;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	134 oElem.mouseY = e.clientY;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	135 if (_id) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	136 var node = GRAPH_DATA.nodes[_id];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	137 node.position.x = nextX;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	138 node.position.x = nextY;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	139 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	140 return false;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	141 },
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	142 _dragEnd : function() {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	143 var oElem = DragHandler._oElem;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	144 var x = parseInt(oElem.style.left);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	145 var y = parseInt(oElem.style.top);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	146 document.onmousemove = null;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	147 document.onmouseup = null;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	148 DragHandler._oElem = null;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	149 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	150
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	151 };
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	152
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	153 function addLoadEvent(func) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	154 var oldonload = window.onload;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	155 if (typeof window.onload != 'function') {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	156 window.onload = func;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	157 } else {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	158 window.onload = function() {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	159 if (oldonload) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	160 oldonload();
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	161 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	162 func();
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	163 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	164 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	165 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	166
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	167 addLoadEvent(function() {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	168 beginScript();
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	169 });
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	170
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	171 function writeMiniDisplay(title,str) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	172 $('#miniDisplayBody')[0].innerHTML = str;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	173 if(title) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	174 $('#miniDisplayTitle')[0].innerHTML = title;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	175 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	176 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	177
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	178 function writeJSONDataToMiniDisplay(jsonObj) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	179 var str = "";
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	180 for (var key in jsonObj.property) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	181 if (key != 'edgeInfo' ) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	182 str = str + key + ": "+ jsonObj.property[key] + "<br>";
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	183 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	184 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	185 writeMiniDisplay(jsonObj.property.title, str);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	186 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	187
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	188 function getTraverseDivTemplate(kind, inNum, outNum) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	189 return "<div><label id='traverseLabel'><input type='checkbox' checked value='"+kind+"'/>"+kind+"</label><br>in:"+inNum+" out:"+outNum+"</div>";
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	190 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	191
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	192 function createTraverseView(info) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	193 var viewHtml = "";
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	194 for (var kind in info) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	195 var data = info[kind];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	196 var inNum = 0;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	197 var outNum = 0;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	198 if (data['in']) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	199 inNum = data['in'];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	200 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	201 if (data['out']) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	202 outNum = data['out'];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	203 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	204 viewHtml = viewHtml + getTraverseDivTemplate(kind, inNum, outNum);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	205 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	206 return viewHtml;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	207 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	208
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	209 function createEdgeInfoView(node) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	210 var id = node.property.id;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	211 var edgeInfo = node.property.edgeInfo;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	212 var str = "";
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	213 var info = {};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	214 for (var i=0; i<edgeInfo.length; i++) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	215 var kind = edgeInfo[i].kind;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	216 var dir = edgeInfo[i].direction;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	217 var num = edgeInfo[i].num;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	218 info[kind] = {};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	219 info[kind][dir] = num;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	220 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	221 var viewHTML = createTraverseView(info);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	222 edgeInfo.viewHtml = viewHTML;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	223 $('#traverseDisplayBody')[0].innerHTML = viewHTML;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	224 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	225
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	226 function init() {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	227 jsPlumb.importDefaults({
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	228 Connector : [ "Straight", { curviness:50 } ],
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	229 PaintStyle : { strokeStyle:"gray", lineWidth:2 },
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	230 EndpointStyle : {},
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	231 Anchors: ["BottomCenter","TopCenter"],
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	232 });
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	233 var rootDiv = $('#graphMain');
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	234 var rootLeft = rootDiv.offset().left;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	235 var rootTop = rootDiv.offset().top;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	236 $('#traverseDisplay').css( {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	237 left: rootLeft,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	238 top: rootTop
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	239 });
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	240 var heightStr = $('#traverseDisplay').css('height').split('px')[0];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	241 var height = parseInt(heightStr);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	242 $('#miniDisplay').css( {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	243 left: rootLeft,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	244 top: rootTop + height + 50
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	245 });
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	246 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	247
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	248 function showMiniDisplay(node) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	249 $("#miniDisplay").css("visibility", "visible");
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	250 writeJSONDataToMiniDisplay(node);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	251 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	252
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	253 function showTraverseDisplay(node) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	254 this.id = node.property.id;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	255 if (!node.property.edgeInfo) { console.log("not found node.edgeInfo "); return; }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	256 if (!node.property.edgeInfo.viewHtml) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	257 createEdgeInfoView(node);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	258 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	259 $('#traverseDisplayBody')[0].innerHTML = node.property.edgeInfo.viewHtml;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	260 $("#traverseDisplay").css("visibility", "visible");
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	261 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	262
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	263 var nodeNum = 0;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	264 var OFFSET = 200;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	265 var miniD = $('#miniDisplay')[0].style;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	266 var offsetLeft = parseInt(miniD.width.split('px')[0]);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	267 var offsetTop = parseInt(miniD.height.split('px')[0]);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	268 function calcNewNodePosition() {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	269 var position = {};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	270 position = {x: offsetLeft, y: nodeNum*OFFSET + offsetTop / 3};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	271 nodeNum++;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	272 return position;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	273 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	274
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	275 /*
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	276 *
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	277 */
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	278 function clickNodeDiv(id) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	279 var graphData = GRAPH_DATA;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	280 var node = graphData.nodes[id];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	281 var rels = {evidence:1,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	282 dependency:1,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	283 derived:1,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	284 version:1,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	285 agreement:1};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	286 showRelationNodes(graphData, node, rels);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	287 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	288
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	289 function addEdgeInfo(id, kind, direction) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	290 var nodes = GRAPH_DATA.nodes;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	291 var edges = GRAPH_DATA.edges;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	292
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	293 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	294
12 549962a324ac modified show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: 11 diff changeset	295 function showEdgesAndNodes(graphData,jsonData,kind) {
11 8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	296 var nodes = graphData.nodes;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	297 var jsonNodes = jsonData.nodes;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	298 for (var i=0; i<jsonNodes.length; i++) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	299 var id = jsonNodes[i].id;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	300 updateNode(nodes[id]);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	301 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	302 var edges = graphData.edges;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	303 var jsonEdges = jsonData.edges;
12 549962a324ac modified show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: 11 diff changeset	304 for (var i=0; i<jsonEdges.length; i++) {
549962a324ac modified show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: 11 diff changeset	305 var edge = edges[jsonEdges[i].id];
549962a324ac modified show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: 11 diff changeset	306 edge.property.kind = kind;
549962a324ac modified show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: 11 diff changeset	307 showEdge(graphData, edge);
11 8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	308 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	309 showAllEdge(graphData);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	310 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	311
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	312 function getEvidence(id, kind, direction) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	313 var u = "/aat/aaevidencesiftingmodel.userdesktops/get?id="+id+"&kind="+kind/+"?direction="+direction;/;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	314 $.ajax({
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	315 url:u,
12 549962a324ac modified show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: 11 diff changeset	316 success:function(o) { parseJSONGraphData(GRAPH_DATA, o); recursiveCalcPosition(GRAPH_DATA, GRAPH_DATA.nodes[id]); showEdgesAndNodes(GRAPH_DATA, o, kind);},
11 8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	317 type:"GET", cache:true,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	318 error:function(o) { console.log("getEvidence error : ", o); }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	319 });
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	320 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	321
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	322 function traverseAction() {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	323 var inDirChecked = $('#direction_in')[0].checked;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	324 var outDirChecked = $('#direction_out')[0].checked;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	325 var labelTags = $('[id=traverseLabel]');
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	326 var kinds = [];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	327 for (var i=0;i<labelTags.length; i++ ) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	328 var inputTag = labelTags[i].children[0];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	329 if (inputTag.checked) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	330 kinds.push(inputTag.value);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	331 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	332 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	333 var id = this.id;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	334 for (var i=0; i<kinds.length; i++) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	335 var kind = kinds[i];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	336 if (inDirChecked) getEvidence(id, kind, "in");
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	337 if (outDirChecked) getEvidence(id, kind, "out");
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	338 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	339
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	340 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	341
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	342 function createNodeDiv(node) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	343 node.view = $("<div class='graphNode'/>");
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	344 node.view.click(function(){ clickNodeDiv(node.property.id) });
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	345 if(!node.position) node.position = calcNewNodePosition();
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	346 node.view.hover();
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	347 var div = $("<div class='graphNodeContent' />")[0];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	348 div.innerHTML = node.property.title;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	349 node.view[0].appendChild(div);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	350 return node;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	351 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	352
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	353 function updateNodeElement(node) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	354 var created = false;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	355 if(!node.view) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	356 created = true;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	357 createNodeDiv(node);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	358 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	359 var div = node.view;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	360 // div.text(node.property.title);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	361 div.click(function(){showMiniDisplay(node); showTraverseDisplay(node);});
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	362 DragHandler.attach($(node.view)[0], node.property.id);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	363 var kindBackground = {agree:"#aaf", rejected:"#fff"};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	364 var kindBorder = {agree:"#66a", rejected:"#a66"};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	365 div.css("background", kindBackground[node.kind]\|\|"white");
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	366 div.css("border-color", kindBorder[node.kind] \|\|"#58f");
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	367 div.css({
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	368 left: node.position.x,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	369 top: node.position.y
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	370 });
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	371 return created;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	372 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	373
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	374
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	375 function updateNode(node) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	376 if(updateNodeElement(node)) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	377 var fc = $('#graphRoot')[0].firstChild;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	378 if(fc) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	379 $('#graphRoot')[0].insertBefore(node.view[0], fc);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	380 } else {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	381 $('#graphRoot').append(node.view);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	382 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	383 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	384 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	385
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	386 var ViewParam = {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	387 offsetTop:100,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	388 offsetBottom:100,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	389 offsetLeft:100,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	390 offsetRight:100,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	391 nodeWidth:120,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	392 nodeHeight:60,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	393 intervalX:140,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	394 intervalY:120
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	395 };
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	396
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	397 var arrowConnector = {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	398 connector:"StateMachine",
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	399 // paintStyle:{lineWidth:3,strokeStyle:"#056"},
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	400 paintStyle:{lineWidth:2,strokeStyle:"#aaf"},
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	401 hoverPaintStyle:{strokeStyle:"#dbe300"},
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	402 endpoint:"Blank",
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	403 anchor:"Continuous",
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	404 overlays:[ ["PlainArrow", {location:1, width:20, length:12} ]]
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	405 };
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	406
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	407 var arrowBothConnector = {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	408 connector:"StateMachine",
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	409 paintStyle:{lineWidth:2,strokeStyle:"#aaf"},
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	410 hoverPaintStyle:{strokeStyle:"#dbe300"},
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	411 endpoint:"Blank",
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	412 };
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	413
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	414 function parseJSONGraphData(memory ,jsonObj) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	415 var nodes = jsonObj.nodes;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	416 for (var i=0; i<nodes.length; i++) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	417 var node = nodes[i];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	418 if (memory.nodes[node.id]) continue;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	419 memory.nodes[node.id] = {};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	420 memory.nodes[node.id].in = [];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	421 memory.nodes[node.id].out = [];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	422 memory.nodes[node.id].both = [];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	423 memory.nodes[node.id].property = node;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	424 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	425 if (!jsonObj.edges) return memory;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	426 var edges = jsonObj.edges;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	427 for (var i=0; i<edges.length; i++) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	428 var edge = edges[i];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	429 var edgeId = edge.id;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	430 if (memory.edges[edgeId]) continue;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	431 memory.edges[edgeId] = {};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	432 memory.edges[edgeId].property = edge;
12 549962a324ac modified show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: 11 diff changeset	433 memory.edges[edgeId].visible = false;
11 8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	434 if (edge.kind == "both") {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	435 memory.nodes[edge.from].both.push(edgeId);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	436 memory.nodes[edge.to].both.push(edgeId);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	437 } else {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	438 memory.nodes[edge.from].out.push(edgeId);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	439 memory.nodes[edge.to].in.push(edgeId);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	440 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	441 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	442 return memory;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	443 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	444
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	445 function showEdge(graphData, edge) {
12 549962a324ac modified show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: 11 diff changeset	446 function connectEdge(fromNode, toNode, kind, type) {
11 8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	447 var c;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	448 if (type == 'both') {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	449 c = jsPlumb.connect({source:fromNode.view[0], target:toNode.view[0]}, arrowBothConnector);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	450 } else {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	451 c = jsPlumb.connect({source:fromNode.view[0], target:toNode.view[0]}, arrowConnector);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	452 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	453 // jsPlumb.select({source:fromNode.view[0]}).removeAllOverlays();
12 549962a324ac modified show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: 11 diff changeset	454 c.setLabel({label:"<span style='color:#129; font-size:1.5em;'>"+kind+"</span>",cssStyle:""});
11 8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	455 return c;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	456 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	457 if (edge.visible) return;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	458 var fromNode = graphData.nodes[edge.property.from];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	459 var toNode = graphData.nodes[edge.property.to];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	460 if (!fromNode.view && !toNode.view) return;
12 549962a324ac modified show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: 11 diff changeset	461 var kind = edge.property.kind;
11 8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	462 var type = edge.property.type;
12 549962a324ac modified show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: 11 diff changeset	463 connectEdge(fromNode, toNode, kind, type);
11 8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	464 edge.visible = true;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	465 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	466
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	467 function createNodeFromEdge(graphData, edge, baseNode) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	468 if(edge.visible) return;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	469 var fromNode = graphData.nodes[edge.property.from];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	470 if (!fromNode.view) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	471 updateNode(fromNode);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	472 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	473 var toNode = graphData.nodes[edge.property.to];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	474 if (!toNode.view) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	475 updateNode(toNode);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	476 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	477 showEdge(graphData, edge);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	478 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	479
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	480 function getRelationEdgeIds(node) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	481 var edgeIds = [];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	482 for (var i=0; i<node.in.length; i++) edgeIds.push(node.in[i]);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	483 for (var i=0; i<node.out.length; i++) edgeIds.push(node.out[i]);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	484 for (var i=0; i<node.both.length; i++) edgeIds.push(node.both[i]);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	485 return edgeIds;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	486 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	487
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	488 function getRelationNodeIds(graphData, node) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	489 var nodes = graphData.nodes;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	490 var edges = graphData.edges;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	491 var nodeIds = [];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	492 for (var i=0; i<node.in.length; i++) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	493 var edgeId = node.in[i];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	494 nodeIds.push(edges[edgeId].property.from);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	495 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	496 for (var i=0; i<node.out.length; i++) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	497 var edgeId = node.out[i];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	498 nodeIds.push(edges[edgeId].property.to);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	499 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	500 for (var i=0; i<node.both.length; i++) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	501 var edgeId = node.both[i];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	502 var fromId = edges[edgeId].property.from;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	503 var toId = edges[edgeId].property.to;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	504 if (fromId == node.property.id) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	505 nodeIds.push(toId);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	506 } else {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	507 nodeIds.push(fromId);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	508 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	509 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	510 return nodeIds;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	511 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	512
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	513 /*
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	514 * This function output all NODE that are related [node]
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	515 */
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	516 function updateRelationNodes(graphData, node) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	517 var id = node.property.id;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	518 var edges = graphData.edges;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	519 var edgeIds = getRelationEdgeIds(node);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	520 for (var i=0; i<edgeIds.length; i++ ) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	521 createNodeFromEdge(graphData, edges[edgeIds[i]]);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	522 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	523 jsPlumb.removeAllEndpoints();
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	524 jsPlumb.draggable($('.graphNode'));
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	525 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	526
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	527 /*
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	528 * rels = {dependency:1, evidence:1};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	529 * showRelationNodes(graphData, node, rels);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	530 */
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	531 function showRelationNodes(graphData, node, rels) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	532 var id = node.property.id;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	533 var edges = graphData.edges;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	534 var edgeIds = getRelationEdgeIds(node);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	535 for (var i=0; i<edgeIds.length; i++) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	536 var edge = edges[edgeIds[i]];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	537 if (rels[edge.property.rel]) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	538 createNodeFromEdge(graphData, edges[edgeIds[i]]);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	539 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	540 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	541 jsPlumb.removeAllEndpoints();
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	542 jsPlumb.draggable($('.graphNode'));
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	543 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	544
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	545 var BASE_THETA = -30;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	546 var BASE_ANGLE = 180;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	547 var BASE_DISTANCE = 180;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	548 function calcChildNodePosition(parent, num) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	549 var pX = parent.position.x;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	550 var pY = parent.position.y;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	551 var deg = BASE_ANGLE - num * BASE_THETA;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	552 var theta = deg * (Math.PI / 180);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	553 var cX = pX - (BASE_DISTANCE * Math.cos(theta));
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	554 var cY = pY - (BASE_DISTANCE * Math.sin(theta));
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	555 return {x:cX, y:cY};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	556 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	557
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	558 function showAllEdge(graphData) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	559 var edges = graphData.edges;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	560 for (var id in edges) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	561 showEdge(graphData, edges[id]);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	562 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	563 jsPlumb.removeAllEndpoints();
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	564 jsPlumb.draggable($('.graphNode'));
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	565 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	566
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	567 var EDGE_LIST = {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	568 evidence:'evidence',
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	569 dependency:'dependency',
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	570 version:'version',
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	571 derived:'derived',
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	572 agreement:'agreement'
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	573 };
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	574
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	575 function recursiveCalcPosition(graphData, parentNode) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	576 if (!parentNode.position) updateNode(parentNode);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	577 childNodeIds = getRelationNodeIds(graphData, parentNode);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	578 /* calcration of childNode position */
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	579 var numCalcChild = 0;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	580 var childArray = {};
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	581 for (var i=0; i<childNodeIds.length; i++) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	582 var id = childNodeIds[i];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	583 var childNode = graphData.nodes[id];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	584 childArray[id] = childNode;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	585 if (!childNode.position) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	586 childNode.position = calcChildNodePosition(parentNode, numCalcChild);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	587 numCalcChild++;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	588 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	589 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	590 /* calcration of grandchildNode position */
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	591 for (var id in childArray) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	592 var childNode = childArray[id];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	593 var grandChildIds = getRelationNodeIds(graphData, childNode);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	594 for (var i=0; i<grandChildIds.length; i++) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	595 var gId = grandChildIds[i];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	596 var grandChild = graphData.nodes[gId];
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	597 if (!grandChild.position) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	598 recursiveCalcPosition(graphData, childNode);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	599 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	600 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	601 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	602 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	603
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	604 var GRAPH_DATA = new GraphData();
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	605 function startUserDesktopUI() {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	606 function showFirstEvidenceList(graphData) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	607 var nodes = graphData.nodes;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	608 for (var id in nodes) {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	609 updateNode(nodes[id]);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	610 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	611 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	612 var gData = GRAPH_DATA;
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	613 showFirstEvidenceList(gData);
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	614 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	615
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	616 function start() {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	617 init();
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	618 $.ajax({
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	619 url:"/aat/aaevidencesiftingmodel.userdesktops/get",
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	620 success:function(o) { parseJSONGraphData(GRAPH_DATA, o); startUserDesktopUI();},
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	621 type:"GET", cache:false,
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	622 error:function(o) { console.log("first get error : ",o); }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	623 });
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	624 }
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	625
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	626 $(function() {
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	627 start();
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	628 })
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	629
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	630
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	631 </script>
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	632
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	633
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	634
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	635
8c4171f77fcc add show.html Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> parents: diff changeset	636

Mercurial > hg > Members > nobuyasu > html > graphViewer

annotate show.html @ 13:37d68fe602c2 draft