Navigator.as 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351
  1. package iTop
  2. {
  3. import flash.display.*;
  4. import flash.geom.*;
  5. import flash.net.*;
  6. import flash.events.*;
  7. import iTop.GraphNode;
  8. import fl.controls.Slider;
  9. import fl.events.SliderEvent;
  10. import fl.controls.Label;
  11. // The main canvas
  12. public class Navigator extends MovieClip
  13. {
  14. protected var m_oLoader:URLLoader;
  15. protected var m_aNodes:Object;
  16. protected var m_aLinks:Array;
  17. protected var m_oRootNode:GraphNode;
  18. protected var m_oCanvas:NavigatorCanvas;
  19. public var m_bChildDragging:Boolean;
  20. // Parameters
  21. protected var m_sStartPosition:String;
  22. protected var m_sDataUrl:String;
  23. protected var m_sDetailsUrl:String;
  24. protected var m_sRelation:String;
  25. protected var m_sObjClass:String;
  26. protected var m_sObjId:String;
  27. // Constants
  28. protected var m_RADIUS = 120;
  29. protected var m_ITEMS_PER_ROW = 8;
  30. protected var m_fZoom:Number;
  31. // Constructor
  32. public function Navigator()
  33. {
  34. m_aLinks = new Array();
  35. m_aNodes = new Array();
  36. m_fZoom = 1;
  37. initParameters();
  38. doLoadData();
  39. addEventListener(Event.ENTER_FRAME, initGraphics);
  40. }
  41. protected function initParameters():void
  42. {
  43. m_sDataUrl = ReadParam('xmlUrl', 'http://localhost:81/pages/xml.navigator.php?operation=relation');
  44. m_sDetailsUrl = ReadParam('drillUrl', 'http://localhost/pages/UI.php?operation=details');
  45. m_sRelation = ReadParam('relation', 'impacts');
  46. m_sObjClass = ReadParam('obj_class', 'Server');
  47. m_sObjId = ReadParam('obj_id', '1');
  48. m_sStartPosition = ReadParam('start_pos', 'left');
  49. }
  50. function initGraphics(event:Event):void
  51. {
  52. m_oCanvas = new NavigatorCanvas(); // All drawings will occur here
  53. addChild(m_oCanvas);
  54. m_oCanvas.scaleX = m_fZoom;
  55. m_oCanvas.scaleY = m_fZoom;
  56. // Handle listeners...
  57. removeEventListener(Event.ENTER_FRAME,initGraphics);
  58. addEventListener(Event.ENTER_FRAME, drawLines);
  59. m_oZoomSlider.value = 100;
  60. m_oZoomSlider.addEventListener(SliderEvent.CHANGE, onZoomChange);
  61. stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDown)
  62. stage.addEventListener(MouseEvent.MOUSE_UP, mouseReleased);
  63. }
  64. function mouseDown(event:MouseEvent):void
  65. {
  66. trace("Click in canvas");
  67. if (!m_bChildDragging)
  68. {
  69. m_oCanvas.startDrag();
  70. }
  71. }
  72. function mouseReleased(event:MouseEvent):void
  73. {
  74. if (!m_bChildDragging)
  75. {
  76. m_oCanvas.stopDrag();
  77. }
  78. }
  79. function onZoomChange(event:SliderEvent):void
  80. {
  81. m_fZoom = event.value/100;
  82. m_oCanvas.scaleX = m_fZoom;
  83. m_oCanvas.scaleY = m_fZoom;
  84. }
  85. function doLoadData()
  86. {
  87. var myString:String = m_sDataUrl+'?relation='+m_sRelation+'&class='+m_sObjClass+'&id='+m_sObjId;
  88. trace("Requesting:"+myString);
  89. var myXMLURL:URLRequest = new URLRequest(myString);
  90. m_oLoader = new URLLoader();
  91. m_oLoader.addEventListener(Event.COMPLETE, onXMLLoadComplete);
  92. m_oLoader.addEventListener(SecurityErrorEvent.SECURITY_ERROR, onXMLLoadError);
  93. m_oLoader.addEventListener(IOErrorEvent.IO_ERROR, onXMLLoadError);
  94. m_oLoader.load(myXMLURL);
  95. }
  96. function onXMLLoadComplete(event:Event):void
  97. {
  98. var myXML:XML = XML(m_oLoader.data);
  99. //trace("Data loaded." + myXML);
  100. //trace("===========================");
  101. parseXMLData(null, myXML, 0);
  102. m_sTitle.text = myXML.attribute("title");
  103. m_oZoomSlider.enabled = true;
  104. removeChild(m_oPreloader);
  105. }
  106. function onXMLLoadError(event:IOErrorEvent):void
  107. {
  108. trace("An error occured:" + Event);
  109. }
  110. function parseXMLData(oParentNode:GraphNode, oXMLData:XML, iChildIndex:Number)
  111. {
  112. //trace(oXMLData.child("node").length());
  113. var oNode:GraphNode;
  114. oNode = addNode(oParentNode, oXMLData.child("node")[0], iChildIndex);
  115. if (oParentNode != null)
  116. {
  117. AddLink(oParentNode.GetKey(), oNode.GetKey());
  118. }
  119. //trace('Root node:'+oRoot.toString());
  120. var oLinks = oXMLData.child("node")[0].links;
  121. var iChildIndex:Number = 0;
  122. if (oLinks.length() > 0)
  123. {
  124. //trace('links: '+oLinks.toString());
  125. var oLink = oLinks.link;
  126. for each(var oChild:XML in oLink)
  127. {
  128. parseXMLData(oNode, oChild, iChildIndex);
  129. iChildIndex++;
  130. }
  131. }
  132. }
  133. function addNode(oParent:GraphNode, oXMLData:XML, iChildIndex)
  134. {
  135. var sClass = oXMLData.@obj_class;
  136. var iId = oXMLData.@id;
  137. var sLabel = oXMLData.@name;
  138. var sIcon = oXMLData.@icon;
  139. var oNode:GraphNode = GetNode(sClass+'/'+iId);
  140. if (oNode == null)
  141. {
  142. // If the node does not already exist, let's create it
  143. var oPt:Point = GetNextFreePosition(oParent, iChildIndex);
  144. var sParentKey = null;
  145. if (oParent != null)
  146. {
  147. sParentKey = oParent.GetKey();
  148. }
  149. oNode = new GraphNode(this, oPt, sClass, iId, sLabel, sIcon, sParentKey, m_fZoom);
  150. this.m_aNodes[oNode.GetKey()] = oNode; //Keep it referenced
  151. if (oParent == null)
  152. {
  153. m_oRootNode = oNode;
  154. }
  155. m_oCanvas.addChild(oNode);
  156. }
  157. return oNode;
  158. //trace("class: "+sClass+", id: "+iId+", name: "+sLabel+", Icon: "+sIcon);
  159. }
  160. function GetNode(sKey)
  161. {
  162. if (m_aNodes.hasOwnProperty(sKey))
  163. {
  164. return m_aNodes[sKey];
  165. }
  166. else
  167. {
  168. return null;
  169. }
  170. }
  171. function GetNextFreePosition(oParent:GraphNode, iChildIndex:Number):Point
  172. {
  173. var oPt:Point = GetInitialPosition();
  174. var angle:Number = GetInitialAngle();
  175. if (oParent != null)
  176. {
  177. oPt.x = oParent.x;
  178. oPt.y = oParent.y;
  179. var sGrandParentKey:String = oParent.GetParentKey();
  180. if (sGrandParentKey != null)
  181. {
  182. var oGrandParent:GraphNode = GetNode(sGrandParentKey);
  183. var dx:Number = oParent.x - oGrandParent.x;
  184. var dy:Number = oParent.y - oGrandParent.y;
  185. if ((dx == 0) && (dy == 0))
  186. {
  187. angle = GetInitialAngle();
  188. }
  189. else
  190. {
  191. angle = Math.atan2(dy, dx);
  192. }
  193. }
  194. var radius = m_RADIUS * Math.floor(iChildIndex / m_ITEMS_PER_ROW);
  195. angle += iChildIndex*(2*Math.PI) / m_ITEMS_PER_ROW;
  196. oPt.x += m_RADIUS * Math.cos(angle);
  197. oPt.y += m_RADIUS * Math.sin(angle);
  198. trace("iChildIndex: "+iChildIndex+" x: "+oPt.x+" y: "+oPt.y+" sGdParentKey: "+sGrandParentKey);
  199. }
  200. return oPt;
  201. }
  202. function GetInitialPosition():Point
  203. {
  204. trace('width: '+stage.stageWidth+' height: '+stage.stageHeight);
  205. var oPos:Point = new Point(0,0);
  206. switch(m_sStartPosition)
  207. {
  208. case 'left':
  209. oPos.x = m_RADIUS;
  210. oPos.y = stage.stageHeight / 2;
  211. break;
  212. case 'right':
  213. oPos.x = stage.stageWidth - m_RADIUS;
  214. oPos.y = stage.stageHeight / 2;
  215. break;
  216. case 'top':
  217. oPos.x = stage.stageWidth/2;
  218. oPos.y = m_RADIUS;
  219. break;
  220. case 'bottom':
  221. oPos.x = stage.stageWidth/2;
  222. oPos.y = stage.stageHeight - m_RADIUS;
  223. break;
  224. }
  225. return oPos;
  226. }
  227. function GetInitialAngle():Number
  228. {
  229. var angle:Number;
  230. switch(m_sStartPosition)
  231. {
  232. case 'left':
  233. angle = 0;
  234. break;
  235. case 'right':
  236. angle = Math.PI;
  237. break;
  238. case 'top':
  239. angle = -Math.PI / 2;
  240. break;
  241. case 'right':
  242. angle = Math.PI / 2;
  243. break;
  244. }
  245. return angle;
  246. }
  247. function AddLink(sStart:String, sEnd:String)
  248. {
  249. var oLink = new Link(sStart, sEnd);
  250. m_aLinks.push(oLink);
  251. }
  252. function drawLines(event:Event):void
  253. {
  254. m_oCanvas.graphics.clear();
  255. m_oCanvas.graphics.lineStyle(2,0x666666,100);
  256. for (var index:String in m_aLinks)
  257. {
  258. var oStartNode:GraphNode = GetNode(m_aLinks[index].GetStart());
  259. var oEndNode = GetNode(m_aLinks[index].GetEnd());
  260. m_oCanvas.graphics.moveTo(oStartNode.x, oStartNode.y);
  261. m_oCanvas.graphics.lineTo(oEndNode.x, oEndNode.y);
  262. var oMiddlePoint:Point = new Point((oEndNode.x+oStartNode.x)/2, (oEndNode.y+oStartNode.y)/2);
  263. drawArrow(oMiddlePoint, oEndNode.x - oStartNode.x, oEndNode.y - oStartNode.y);
  264. }
  265. }
  266. function drawArrow(oPt:Point, dx:Number, dy:Number):void
  267. {
  268. var l:Number = Math.sqrt(dx*dx+dy*dy);
  269. var arrowSize:Number = 5;
  270. m_oCanvas.graphics.lineStyle(2,0x666666,100,false,"normal",CapsStyle.ROUND);
  271. m_oCanvas.graphics.moveTo(oPt.x, oPt.y);
  272. m_oCanvas.graphics.lineTo(oPt.x + arrowSize*(dy-dx)/l, oPt.y - arrowSize*(dx+dy)/l);
  273. m_oCanvas.graphics.moveTo(oPt.x, oPt.y);
  274. m_oCanvas.graphics.lineTo(oPt.x - arrowSize*(dx+dy)/l, oPt.y - arrowSize*(dy-dx)/l);
  275. }
  276. public function ReadParam(sName:String, sDefaultValue:String)
  277. {
  278. var paramObj:Object = LoaderInfo(this.root.loaderInfo).parameters;
  279. if (paramObj.hasOwnProperty(sName))
  280. {
  281. return unescape(paramObj[sName]);
  282. }
  283. else
  284. {
  285. return sDefaultValue;
  286. }
  287. }
  288. }
  289. }
  290. class Link extends Object
  291. {
  292. protected var m_sStart:String;
  293. protected var m_sEnd:String;
  294. public function Link(sStartNodeKey:String, sEndNodeKey:String)
  295. {
  296. m_sStart = sStartNodeKey;
  297. m_sEnd = sEndNodeKey;
  298. }
  299. public function GetStart():String
  300. {
  301. return m_sStart;
  302. }
  303. public function GetEnd():String
  304. {
  305. return m_sEnd;
  306. }
  307. }
  308. import flash.display.*;
  309. import flash.geom.*;
  310. import flash.events.*;
  311. class NavigatorCanvas extends Sprite
  312. {
  313. public function NavigatorCanvas()
  314. {
  315. }
  316. }