☰

CENTER DRIVEN Command & Conquer TA World Map

Creates a detailed map of bases and pois of the alliance and enemies.

当前为 2014-08-12 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        CENTER DRIVEN Command & Conquer TA World Map
  3. // @description Creates a detailed map of bases and pois of the alliance and enemies.
  4. // @namespace   https://prodgame*.alliances.commandandconquer.com/*/index.aspx*
  5. // @include     https://prodgame*.alliances.commandandconquer.com/*/index.aspx*
  6. // @version     1.5 BETA
  7. // @grant none
  8. // @author 	UPDATED by XDAAST | Orinially by zdoom
  9. // ==/UserScript==
  10.  
  11. (function(){
  12.  
  13. 	function create_cdccta_map_class()
  14. 	{
  15. 		qx.Class.define("cdccta_map", 
  16. 		{
  17. 			type: "singleton",
  18. 			extend: qx.core.Object,
  19. 			
  20. 			construct: function()
  21. 			{
  22. 				try
  23. 				{				
  24. 					var root = this;
  25. 							
  26. 					var mapButton = new qx.ui.form.Button('CD World Map').set({ enabled: false });
  27. 					var app = qx.core.Init.getApplication();
  28. 					var optionsBar = app.getOptionsBar().getLayoutParent();
  29. 					this.__mapButton = mapButton;
  30. 					
  31. 					optionsBar.getChildren()[0].getChildren()[2].addAt(mapButton,1);
  32. 					
  33. 					var onReady = function()
  34. 					{
  35. 						console.log('checking if data is ready');
  36. 						var alliance = ClientLib.Data.MainData.GetInstance().get_Alliance().get_Relationships;
  37. 						var world = ClientLib.Data.MainData.GetInstance().get_World();
  38. 						var endGame = ClientLib.Data.MainData.GetInstance().get_EndGame().get_Hubs().d;
  39. 						var command = ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand;
  40. 						var delegate = phe.cnc.Util.createEventDelegate;
  41. 						
  42. 						if(!!alliance && !!world && !!command && !!delegate && !!endGame)
  43. 						{
  44. 							var worldWidth = world.get_WorldWidth();
  45. 							if(!worldWidth) return;
  46. 							
  47. 							var factor = 500 / worldWidth;
  48. 							var hubs = [], fortress = [];
  49. 							
  50. 							for (var index in endGame)
  51. 							{
  52. 								var currentHub = endGame[index];
  53. 								if (currentHub.get_Type() == 1) hubs.push([(currentHub.get_X() + 2) * factor, (currentHub.get_Y() + 2) * factor]);
  54. 								if (currentHub.get_Type() == 3) fortress = [(currentHub.get_X() + 2) * factor, (currentHub.get_Y() + 2) * factor];
  55. 							}
  56. 							
  57. 							if (hubs.length > 0)
  58. 							{
  59. 								timer.stop();
  60. 								root.__factor = factor;
  61. 								root.__endGame['hubs'] = hubs;
  62. 								root.__endGame['fortress'] = fortress;
  63. 								root.__init();
  64. 							}
  65. 							console.log(hubs);
  66. 						}
  67. 						console.log(!!alliance, !!world, !!command, !!delegate, !!endGame);
  68. 					};
  69. 					
  70. 					var timer = new qx.event.Timer(1000);
  71. 					timer.addListener('interval', onReady, this);
  72. 					timer.start();
  73. 				}
  74. 				catch(e)
  75. 				{
  76. 					console.log(e.toString());
  77. 				}
  78. 				console.log('cdccta_map initialization completed');
  79. 			},
  80. 			destruct: function(){},
  81. 			members: 
  82. 			{
  83. 				__mapButton: null,
  84. 				__allianceExist: null,
  85. 				__allianceName: null,
  86. 				__allianceId: null,
  87. 				__allianceHasRelations: false,
  88. 				__defaultAlliances: null,
  89. 				__selectedAlliances: null,
  90. 				__data: null,
  91. 				__totalProcesses: null,
  92. 				__completedProcesses: 0,
  93. 				__endGame: {},
  94. 				__isLoading: false,
  95. 				__factor: null,
  96. 				
  97. 				__init: function()
  98. 				{
  99. 					try
  100. 					{
  101. 						var root = this;
  102. 						var data = ClientLib.Data.MainData.GetInstance();
  103. 						var alliance_data = data.get_Alliance();
  104. 						var alliance_exists = alliance_data.get_Exists();
  105. 												
  106. 						if(alliance_exists)
  107. 						{
  108. 							var alliance_name = alliance_data.get_Name();
  109. 							var alliance_id = alliance_data.get_Id();
  110. 							var alliance_relations = alliance_data.get_Relationships();
  111. 							
  112. 							this.__allianceExist = true;
  113. 							this.__allianceId = alliance_id;
  114. 							this.__allianceName = alliance_name;
  115. 							
  116. 							var selectedAlliancesList = [];
  117. 							selectedAlliancesList[0] = [alliance_id, 'alliance', alliance_name, 0];
  118. 											
  119. 							if (alliance_relations != null)
  120. 							{
  121. 								this.__allianceHasRelations = true;
  122. 								alliance_relations.map(function(x)
  123. 								{
  124. 									var type = x.Relationship, id = x.OtherAllianceId, name = x.OtherAllianceName;
  125. 									if ((type == 3) && (selectedAlliancesList.length < 9)) selectedAlliancesList.push([id, 'enemy', name, 0]);
  126. 								});
  127. 							}
  128. 							this.__defaultAlliances = selectedAlliancesList;
  129. 						}
  130. 						else
  131. 						{
  132. 							this.__allianceExist = false;
  133. 						}
  134. 						
  135. 						if (typeof(Storage) !== 'undefined' && typeof(localStorage.cdccta_map_settings) !== 'undefined')
  136. 						{
  137. 							this.__selectedAlliances = JSON.parse(localStorage.cdccta_map_settings);
  138. 						}
  139. 						
  140. 						this.__mapButton.setEnabled(true);
  141. 						this.__mapButton.addListener('execute', function()
  142. 						{
  143. 							root.getData();
  144. 							cdccta_map.container.getInstance().open(1);
  145. 						}, this);
  146. 					}
  147. 					catch(e)
  148. 					{
  149. 						console.log(e.toString());
  150. 					}
  151. 				},
  152. 				
  153. 				getData: function()
  154. 				{
  155. 					if (this.__isLoading === true) return;
  156. 					this.__isLoading = true;
  157. 					var arr = (this.__selectedAlliances == null) ? this.__defaultAlliances : this.__selectedAlliances;
  158. 					
  159. 					if(arr != null)
  160. 					{
  161. 						this.__data = [];
  162. 						this.__totalProcesses = arr.length;
  163. 						for(var i = 0; i < arr.length; i++)
  164. 						{
  165. 							this.__getAlliance(arr[i][0], arr[i][1], arr[i][3]);
  166. 						}
  167. 					}
  168. 				},
  169. 				
  170. 				__getAlliance: function(aid, type, color)
  171. 				{
  172. 					try
  173. 					{
  174. 						var alliance = {}, root = this, factor = this.__factor;
  175. 						alliance.id = aid;
  176. 						alliance.players = {};
  177. 						var totalProcesses = this.__totalProcesses;
  178. 						
  179. 						var getBases = function(pid, pn, p, tp)
  180. 						{
  181. 							ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("GetPublicPlayerInfo", { id: pid }, 
  182. 							phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
  183. 							{
  184. 								if (data.c != null)
  185. 								{
  186. 									var totalBases = data.c.length;
  187. 									var player = {};
  188. 									var bases = [];
  189. 									
  190. 									for (var b = 0; b < data.c.length; b++)
  191. 									{
  192. 										var id   = data.c[b].i;
  193. 										var name = data.c[b].n;
  194. 										var x    = data.c[b].x * factor;
  195. 										var y    = data.c[b].y * factor;
  196. 										bases.push([x, y, name, id]);
  197. 										if((p == tp - 1) && (b == totalBases - 1))
  198. 										{
  199. 											root.__completedProcesses++;
  200. 											var loader = cdccta_map.container.getInstance().loader;
  201. 											loader.setValue('Loading: ' + root.__completedProcesses + "/" + totalProcesses);
  202. 										}
  203. 										if(root.__completedProcesses == totalProcesses) root.__onProcessComplete();
  204. 									}
  205. 									player.id = pid;
  206. 									player.name = pn;
  207. 									player.bases = bases;
  208. 									alliance.players[pn] = player;
  209. 								}
  210. 							}), null);
  211. 						};
  212. 						
  213. 						ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("GetPublicAllianceInfo", { id: aid }, 
  214. 						phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
  215. 						{
  216. 							if (data == null) return;
  217. 							if (data.opois != null)
  218. 							{
  219. 								var pois = [];
  220. 								data.opois.map(function(poi)
  221. 								{
  222. 									pois.push({'i': poi.i, 'l': poi.l, 't': poi.t, 'x': poi.x * factor, 'y': poi.y * factor});
  223. 								});
  224. 								alliance.pois = pois;
  225. 							}
  226. 							if (data.n != null) alliance.name = data.n;
  227. 							if (data.m != null)
  228. 							{
  229. 								
  230. 								for (var p = 0; p < data.m.length; p++)
  231. 								{
  232. 									var playerName = data.m[p].n;
  233. 									var playerId   = data.m[p].i;
  234. 									getBases(playerId, playerName, p, data.m.length);								
  235. 								}
  236. 								root.__data.push([alliance, type, color]);
  237. 							}
  238. 						}), null);
  239. 					}
  240. 					catch(e)
  241. 					{
  242. 						console.log(e.toString());
  243. 					}
  244. 				},
  245. 				
  246. 				__onProcessComplete: function()
  247. 				{
  248. 					console.log('process completed - alliances data has been generated', this.__data);
  249. 					this.__isLoading = false;
  250. 					var win = cdccta_map.container.getInstance();
  251. 					win.receivedData = this.__data;
  252. 					win.__updateList();
  253. 					win.drawCanvas();
  254. 					win.loader.setValue('Completed');
  255. 					this.__totalProcess = null;
  256. 					this.__completedProcesses = 0;
  257. 					setTimeout(function(){
  258. 						win.loader.setValue('');
  259. 					}, 3000);
  260. 				}
  261. 				
  262. 			}
  263. 			
  264. 		});
  265. 	
  266. qx.Class.define("cdccta_map.container",
  267. 		{
  268. 		type: "singleton",
  269. 		extend: qx.ui.container.Composite,
  270. 			
  271. 		construct: function()
  272. 		{
  273. 			try
  274. 			{
  275. 			this.base(arguments);
  276. 			this.setLayout(new qx.ui.layout.Canvas);
  277. 			
  278. 			var worldWidth = ClientLib.Data.MainData.GetInstance().get_World().get_WorldWidth();
  279. 			var factor = 500 / worldWidth;
  280. 			this.__factor = factor;
  281. 				
  282. 			var zoomIn = new qx.ui.form.Button('+').set({ width: 30 });
  283. 			var zoomOut = new qx.ui.form.Button('-').set({ width: 30, enabled: false });
  284. 			var zoomReset = new qx.ui.form.Button('R').set({ width: 30, enabled: false });
  285. 			var grid = new qx.ui.container.Composite(new qx.ui.layout.Grid(3,1));
  286. 			var info = new qx.ui.container.Composite(new qx.ui.layout.VBox()).set({ minHeight: 300, padding: 10 });
  287. 			var canvasContainer = new qx.ui.container.Composite(new qx.ui.layout.VBox(1)).set({width:500, height:500});
  288. 			
  289. 			
  290. 			
  291. 			
  292. 			var rightBar = new qx.ui.container.Composite(new qx.ui.layout.VBox(10));
  293. 			var leftBar = new qx.ui.container.Composite(new qx.ui.layout.VBox(10));
  294. 			var widget = new qx.ui.core.Widget().set({ width: 900, height: 800 });
  295. 			
  296. 			var div = new qx.html.Element('div', null, {id: 'canvasContainer'});
  297. 					
  298. 					
  299. 					var li1 = new qx.ui.form.ListItem('All', null, "all");
  300. 					var li2 = new qx.ui.form.ListItem('My Bases', null, "bases");
  301. 					var li3 = new qx.ui.form.ListItem('My Alliance', null, "alliance");
  302. 					var li4 = new qx.ui.form.ListItem('Selected', null, "selected");
  303. 					var displayMode = new qx.ui.form.SelectBox().set({ height: 28 });
  304. 						displayMode.add(li1);
  305. 						displayMode.add(li2);
  306. 						displayMode.add(li3);
  307. 						displayMode.add(li4);
  308. 					
  309. 					var zoomBar = new qx.ui.container.Composite(new qx.ui.layout.HBox(15));
  310. 					
  311. 					var bothOpt = new qx.ui.form.RadioButton('Both').set({ model: "both" });
  312. 					var basesOpt = new qx.ui.form.RadioButton('Base').set({ model: "bases" });;
  313. 					var poisOpt = new qx.ui.form.RadioButton('Poi').set({ model: "pois" });
  314. 					var displayOptions = new qx.ui.form.RadioButtonGroup().set({ layout: new qx.ui.layout.HBox(), font :'font_size_11' });
  315. 						displayOptions.add(bothOpt);
  316. 						displayOptions.add(basesOpt);
  317. 						displayOptions.add(poisOpt);
  318. 						
  319. 					var allianceList = new qx.ui.form.List().set({ font :'font_size_11', height: 215 });
  320. 					var editAlliance = new qx.ui.form.Button('Edit Alliances').set({toolTipText:"Change the Alliances shown on Map", width:100, alignY:"top"});
  321. 					var label = new qx.ui.basic.Label('Transparency');
  322. 					var slider = new qx.ui.form.Slider().set({ minimum: 30, maximum: 100, value: 100 });
  323. 					var coordsField = new qx.ui.form.TextField().set({maxWidth: 100, textAlign: 'center', readOnly: 'true', alignX: 'center'});
  324. 					var loader = new qx.ui.basic.Label().set({ marginTop: 100 });
  325. 					
  326. 					grid.set({ minWidth: 1500, backgroundColor: '#415349', minHeight: 524, margin: 3, paddingTop: 10 });
  327. 					rightBar.set({ maxWidth: 130, minWidth: 130, paddingTop: 30, paddingRight: 10 });
  328. 					leftBar.set({ maxWidth: 130, minWidth: 130, paddingTop: 30, paddingLeft: 10 });
  329. 					
  330. 					var hints = [[zoomIn,'Zoom in'], [zoomOut,'Zoom out'], [zoomReset,'Restet zoom'], [basesOpt,'Show bases only'] , [poisOpt,'Show POIs only'], [bothOpt,'Show bases and POIs']]
  331. 					for(var i = 0; i < hints.length; i++)
  332. 					{
  333. 						var tooltip = new qx.ui.tooltip.ToolTip(hints[i][1]);
  334. 						hints[i][0].setToolTip(tooltip);
  335. 					}
  336. 					
  337. 					zoomBar.add(zoomIn);
  338. 					zoomBar.add(zoomOut);
  339. 					zoomBar.add(zoomReset);
  340. 					
  341. 					rightBar.add(zoomBar);
  342. 					rightBar.add(displayMode);
  343. 					rightBar.add(displayOptions);
  344. 					rightBar.add(allianceList);
  345. 					rightBar.add(editAlliance);
  346. 					rightBar.add(label);
  347. 					rightBar.add(slider);
  348. 					
  349. 					leftBar.add(coordsField);
  350. 					leftBar.add(info);
  351. 					leftBar.add(loader);
  352. 					
  353. 					canvasContainer.add(widget);
  354. 					widget.getContentElement().add(div);
  355. 					grid.add(leftBar, {row: 1, column: 1});
  356. 					grid.add(rightBar, {row: 1, column: 3});
  357. 					grid.add(canvasContainer, {row: 1, column: 2});
  358. 					
  359. 					this.info = info;
  360. 					this.coordsField = coordsField;
  361. 					this.allianceList = allianceList;
  362. 					this.panel = [zoomOut, zoomReset, zoomIn, displayOptions, displayMode, allianceList, editAlliance];
  363. 					this.loader = loader;
  364. 					this.zoomIn = zoomIn;
  365. 					this.zoomOut = zoomOut;
  366. 					this.zoomReset = zoomReset;
  367. 					
  368. 					//canvas
  369. 					var cont = document.createElement('div'),
  370. 						mask = document.createElement('div'),
  371. 						canvas = document.createElement('canvas'),
  372. 						ctx = canvas.getContext("2d"),
  373. 						root = this;
  374. 									
  375. 					cont.style.width = '500px';
  376. 					cont.style.height = '500px';
  377. 					cont.style.position = 'absolute';
  378. 					cont.style.overflow = 'hidden';
  379. 					cont.style.backgroundColor = '#0b2833';
  380. 					cont.style.showMinimize = !1;  
  381. 					cont.style.showMaximize = !0;
  382. 					cont.style.alwaysOnTop = !1;
  383. 					
  384. 					canvas.style.position = 'absolute';
  385. 					canvas.style.backgroundColor = '#0b2833';
  386. 					
  387. 					mask.style.position = 'absolute';
  388. 					mask.style.width = '500px';
  389. 					mask.style.height = '500px';
  390. 					mask.style.background = 'url("https://www.openmerchantaccount.com/img/map_mask.png") center center no-repeat';
  391. 					
  392. 					this.canvas = canvas;
  393. 					this.mask = mask;
  394. 					this.ctx = ctx;				
  395. 					
  396. 					var __zoomIn = function(){ if (root.scale < 12) root.__scaleMap('up') };
  397. 					var __zoomOut = function(){if (root.scale > 1) root.__scaleMap('down') };
  398. 					var __zoomReset = function()
  399. 					{
  400. 						canvas.width = 500;
  401. 						canvas.height = 500;
  402. 						canvas.style.left = 0;
  403. 						canvas.style.top = 0;
  404. 						root.scale = 1;
  405. 						root.drawCanvas();
  406. 						zoomIn.setEnabled(true);
  407. 						zoomOut.setEnabled(false);
  408. 						zoomReset.setEnabled(false);
  409. 					};
  410. 					
  411. 					cont.appendChild(canvas);
  412. 					cont.appendChild(mask);				
  413. 					root.__draggable(mask);
  414. 					root.resetMap();
  415. 					
  416. 					slider.addListener('changeValue', function(e)
  417. 					{
  418. 						if (e.getData())
  419. 						{
  420. 							var val = e.getData() / 100;
  421. 							this.setOpacity(val);
  422. 							slider.setToolTipText(" " + val * 100 + "% ");
  423. 						}
  424. 					}, this);
  425. 					
  426. 					allianceList.addListener('changeSelection', function(e)
  427. 					{
  428. 						if ((root.__displayM == "bases") || (root.__displayM == "alliance") || !e.getData()[0]) return;
  429. 						var aid = e.getData()[0].getModel();
  430. 						root.__selectedA = aid;
  431. 						root.drawCanvas();
  432. 					}, this);
  433. 									
  434. 					displayMode.addListener('changeSelection', function(e)
  435. 					{
  436. 						var dm = e.getData()[0].getModel();
  437. 						root.__displayM = dm;
  438. 						root.__updateList();
  439. 						
  440. 						if(dm == "bases")
  441. 						{
  442. 							displayOptions.setSelection([basesOpt]);
  443. 							poisOpt.setEnabled(false);
  444. 							bothOpt.setEnabled(false);
  445. 							root.__displayO = "bases";
  446. 						}
  447. 						else
  448. 						{
  449. 							if(!poisOpt.isEnabled()) poisOpt.setEnabled(true);
  450. 							if(!bothOpt.isEnabled()) bothOpt.setEnabled(true);
  451. 							displayOptions.setSelection([bothOpt]);
  452. 							root.__displayO = "both";
  453. 						}
  454. 						root.drawCanvas();
  455. 					}, this);
  456. 					
  457. 					displayOptions.addListener('changeSelection', function(e)
  458. 					{
  459. 						if (!e.getData()[0]) return;
  460. 						var dop = e.getData()[0].getModel();
  461. 						root.__displayO = dop;
  462. 						root.drawCanvas();
  463. 					}, this);
  464. 					
  465. 					editAlliance.addListener('execute', function()
  466. 					{
  467. 						cdccta_map.options.getInstance().open();
  468. 					}, this);
  469. 					
  470. 					var desktop = qx.core.Init.getApplication().getDesktop();
  471. 					desktop.addListener('resize', this._onResize, this);
  472. 					
  473. 					zoomIn.addListener('execute', __zoomIn, this);
  474. 					zoomOut.addListener('execute', __zoomOut, this);
  475. 					zoomReset.addListener('execute', __zoomReset, this);
  476. 					
  477. 					this.add(grid);
  478. 			
  479. 					this.wdgAnchor = new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tl1.png").set({ width: 3, height: 32 });
  480. 					this.__imgTopRightCorner = new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tr.png").set({ width: 34, height: 35 });				
  481. 					this._add(this.__imgTopRightCorner, { right: 0, top: 0, bottom: 28 });
  482. 					this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_r.png").set({ width: 3, height: 1, allowGrowY: true, scale: true }), { right: 0, top: 35, bottom: 29 });
  483. 					this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_br.png").set({ width: 5, height: 28, allowGrowY: true, scale: true }), { right: 0, bottom: 0 });
  484. 					this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_b.png").set({ width: 1, height: 3, allowGrowX: true, scale: true }), { right: 5, bottom: 0, left: 5 });
  485. 					this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_bl.png").set({ width: 5, height: 29 }), { left: 0, bottom: 0 });
  486. 					this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_l.png").set({ width: 3, height: 1, allowGrowY: true, scale: true }), { left: 0, bottom: 29, top: 32 });
  487. 					this._add(this.wdgAnchor, { left: 0, top: 0 });
  488. 					this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tl2.png").set({ width: 25, height: 5 }), { left: 3, top: 0 });
  489. 					this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_t.png").set({ width: 1, height: 3, allowGrowX: true, scale: true }), { left: 28, right: 34, top: 0 });
  490. 			
  491. 					this.__btnClose = new webfrontend.ui.SoundButton(null, "FactionUI/icons/icon_close_button.png").set({ appearance: "button-close", width: 23, height: 23, toolTipText: this.tr("tnf:close base view") });
  492. 					this.__btnClose.addListener("execute", this._onClose, this);
  493. 					this._add(this.__btnClose, { top: 6, right: 5 });
  494. 					
  495. 					var onLoaded = function()
  496. 					{
  497. 						var counter = 0;
  498. 						var check = function()
  499. 						{
  500. 							if(counter > 60) return;
  501. 							var htmlDiv = document.getElementById('canvasContainer');
  502. 							(htmlDiv) ? htmlDiv.appendChild(cont) : setTimeout(check, 1000);
  503. 							console.log('retrying check for canvasContainer is loaded');
  504. 							counter++;
  505. 						};
  506. 						check();
  507. 					};
  508. 					onLoaded();
  509. 					
  510. 				}
  511. 			
  512. 				catch(e)
  513. 				{
  514. 					console.log(e.toString());
  515. 				}
  516. 				console.log('container creation completed');
  517. 				},
  518. 			destruct: function(){},
  519. 			members:
  520. 			{
  521. 				info: null,
  522. 				coordsField: null,
  523. 				panel: null,
  524. 				loader: null,
  525. 				canvas: null,
  526. 				mask: null,
  527. 				ctx: null,
  528. 				receivedData: null,
  529. 				allianceList: null,
  530. 				circles: [53, 85, 113, 145, 242],
  531. 				scale: 1,
  532. 				selectedBase: false,
  533. 				elements: [],
  534. 				locations: [],
  535. 				inProgress: false,
  536. 				isRadarVisible: false,
  537. 				__interval: null,
  538. 				__pointerX: null,
  539. 				__pointerY: null,
  540. 				__selectedA: null,
  541. 				__selectedB: null,
  542. 				__displayM: "all",
  543. 				__displayO: "both",
  544. 				__factor: null,
  545. 		
  546. 				__setInfo: function(base)
  547. 				{
  548. 					try
  549. 					{
  550. 		//				console.log(base);
  551. 						var info = this.info;
  552. 						info.removeAll();
  553. 						if(!base) return;
  554. 						for ( var i = 0; i < base.length; i++)
  555. 						{
  556. 							var title = new qx.ui.basic.Label(base[i][0]).set({font: 'font_size_13_bold', textColor: '#FFFFFF'});
  557. 							var value = new qx.ui.basic.Label(base[i][1]).set({font: 'font_size_11', textColor: '#FFFFFF', marginBottom: 5});
  558. 							info.add(title);
  559. 							info.add(value);
  560. 						}
  561. 					}
  562. 					catch(e)
  563. 					{
  564. 						console.log(e.toString());
  565. 					}
  566. 				},
  567. 				
  568. 				__createLayout: function()
  569. 				{
  570. 					var s = this.scale, circles = this.circles, ctx = this.ctx;
  571. 					for (var i = 0; i < circles.length; i++) {
  572. 						var r = circles[i];
  573. 						ctx.beginPath();
  574. 						ctx.arc(250, 250, r, 0, Math.PI * 2, true);
  575. 						ctx.lineWidth = (i == 4) ? 1/s : 0.3/s;
  576. 						ctx.strokeStyle = '#8ce9ef';
  577. 						ctx.stroke();
  578. 						ctx.closePath();
  579. 					}
  580. 					
  581. 					for(var i = 0; i < 8; i++){
  582. 						var r = circles[4], a = (Math.PI * i / 4) - Math.PI / 8;
  583. 						ctx.beginPath();
  584. 						ctx.moveTo(250,250);
  585. 						ctx.lineTo((r * Math.cos(a)) + 250, (r * Math.sin(a)) + 250);
  586. 						ctx.lineWidth = 0.3/s;
  587. 						ctx.strokeStyle = '#8ce9ef';
  588. 						ctx.stroke();
  589. 						ctx.closePath();
  590. 					}
  591. 					
  592. 					var endGame = cdccta_map.getInstance().__endGame, hubs = endGame.hubs, fortress = endGame.fortress;
  593. 					var fortressX = fortress[0];
  594. 					var fortressY = fortress[1];
  595. 					
  596. 					var grd = ctx.createLinearGradient(fortressX, fortressY - 0.5, fortressX, fortressY + 0.5);
  597. 						grd.addColorStop(0, 'rgba(200, 228, 228, 0.5)');
  598. 						grd.addColorStop(1, 'rgba(170, 214, 118, 0.5)');
  599. 					ctx.beginPath();
  600. 					ctx.arc(fortressX - 0.2, fortressY - 0.2, 1, 0, Math.PI * 2, true);
  601. 					ctx.fillStyle = grd;
  602. 					ctx.lineWidth = 0.1;
  603. 					ctx.strokeStyle = '#a5fe6a';
  604. 					ctx.fill();
  605. 					ctx.stroke();	
  606. 					ctx.closePath();
  607. 						
  608. 					for(var i = 0; i < hubs.length; i++)
  609. 					{
  610. 						var c = 'rgba(200, 228, 228, 0.5)', d = 'rgba(170, 214, 118, 0.5)', l = 1.3, b = 0.1;
  611. 						var x = hubs[i][0];
  612. 						var y = hubs[i][1];
  613. 						var grd = ctx.createLinearGradient(x, y, x, y+l);
  614. 							grd.addColorStop(0, c);
  615. 							grd.addColorStop(1, d);
  616. 						ctx.beginPath();
  617. 						ctx.rect(x-b, y-b, l, l);
  618. 						ctx.fillStyle = grd;
  619. 						ctx.fill();
  620. 						ctx.strokeStyle = '#a5fe6a';
  621. 						ctx.lineWidth = b;
  622. 						ctx.stroke();
  623. 						ctx.closePath();
  624. 					}
  625. 					
  626. 				},
  627. 				
  628. 				__createAlliance: function(name, data, type, color)
  629. 				{
  630. 					try
  631. 					{
  632. 						this.inProgress = true;
  633. 						var colors = {
  634. 							"bases": {"alliance":[["#86d3fb","#75b7d9"]], "owner":[["#ffc48b","#d5a677"]], "enemy":[["#ff8e8b","#dc7a78"],['#e25050','#cc2d2d'],['#93b7f8','#527ef2'],['#d389aa','#b14e69']], "nap":[["#ffffff","#cccccc"]], "selected":[["#ffe50e", "#d7c109"]], "ally":[["#6ce272", "#5fc664"],['#d4e17e','#b3ca47'],['#92f8f2','#52f2e8'],['#1cba1c','#108510']]},
  635. 							"pois": [["#add2a8","#6db064"], ["#75b9da","#4282bd"], ["#abd2d6","#6bafb7"], ["#e2e0b7","#ccc880"], ["#e5c998","#d09e53"], ["#d4a297","#b35a54"], ["#afa3b1","#755f79"]]
  636. 						};
  637. 						
  638. 						var owner = ClientLib.Data.MainData.GetInstance().get_Player().name, ctx = this.ctx, factor = this.__factor;
  639. 						var dop = this.__displayO, dmd = this.__displayM, root = this, s = this.scale;
  640. 						
  641. 						var r = (s < 3) ? 0.65 : (s > 3) ? 0.35 : 0.5;
  642. 						
  643. 						var createBase = function (x, y, bt, clr) 
  644. 						{
  645. 							var c = colors.bases[bt][clr][0], d = colors.bases[bt][clr][1];
  646. 							var grd=ctx.createLinearGradient(x, y-r, x, y+r);
  647. 								grd.addColorStop(0, c);
  648. 								grd.addColorStop(1, d);
  649. 							ctx.beginPath();
  650. 							ctx.arc(x, y, r, 0, Math.PI * 2, true);
  651. 							ctx.closePath();
  652. 							ctx.fillStyle = grd;
  653. 							ctx.fill();
  654. 							ctx.lineWidth = 0.1;
  655. 							ctx.strokeStyle = '#000000';
  656. 							ctx.stroke();
  657. 							ctx.closePath();
  658. 						};
  659. 						
  660. 						var createPoi = function(x, y, t) 
  661. 						{
  662. 							var c = colors.pois[t][0], d = colors.pois[t][1];
  663. 							var grd = ctx.createLinearGradient(x, y-r, x, y+r);
  664. 								grd.addColorStop(0, c);
  665. 								grd.addColorStop(1, d);
  666. 							ctx.beginPath();
  667. 							ctx.rect(x-r, y-r, r*2, r*2);
  668. 							ctx.fillStyle = grd;
  669. 							ctx.fill();
  670. 							ctx.strokeStyle = "#000000";
  671. 							ctx.lineWidth = 0.1;
  672. 							ctx.stroke();
  673. 							ctx.closePath();
  674. 						};
  675. 						
  676. 						if (dop != "pois")
  677. 						{
  678. 							for (var player in data.players) {
  679. 								for (var i = 0; i < data.players[player].bases.length; i++){
  680. 									var b = data.players[player].bases[i], pid = data.players[player].id;
  681. 									if(dmd == "bases")
  682. 									{
  683. 										if (player == owner)
  684. 										{
  685. 											this.elements.push({"x":b[0],"y":b[1],"an":name,"pn":player,"bn":b[2],"bi":b[3],"ai":data.id,"pi":pid,"type":"base"});
  686. 											this.locations.push([b[0]/factor, b[1]/factor]);
  687. 											createBase(b[0], b[1], 'owner', 0);
  688. 										}
  689. 									}
  690. 									else
  691. 									{
  692. 										this.elements.push({"x":b[0],"y":b[1],"an":name,"pn":player,"bn":b[2],"bi":b[3],"ai":data.id,"pi":pid,"type":"base"});
  693. 										this.locations.push([b[0]/factor, b[1]/factor]);
  694. 										(player == owner) ? createBase(b[0], b[1], 'owner', 0) : createBase(b[0], b[1], type, color);
  695. 									}
  696. 								}
  697. 							}
  698. 						}
  699. 						
  700. 						if (dop != "bases")
  701. 						{
  702. 							for (var i = 0; i < data.pois.length; i++){
  703. 								var x = data.pois[i].x, y = data.pois[i].y, t = data.pois[i].t, l = data.pois[i].l;
  704. 								createPoi(x, y, t - 2);
  705. 								this.elements.push({"x": x, "y": y, "an": name, "ai": data.id, "t": t, "l": l});
  706. 								this.locations.push([x/factor, y/factor]);
  707. 							}
  708. 						}
  709. 						this.inProgress = false;
  710. 					}
  711. 					catch(e)
  712. 					{
  713. 						console.log(e.toString());
  714. 					}
  715. 				},
  716. 				
  717. 				__draggable: function(mask)
  718. 				{
  719. 					try
  720. 					{
  721. 						var start, end, initCoords = [], selectedBase = false, root = this, canvas = this.canvas, c = 0;
  722. 						var factor = root.__factor;				
  723. 						
  724. 						var displayBaseInfo = function()
  725. 						{
  726. 							try
  727. 							{
  728. 								if (!selectedBase || root.inProgress) return;
  729. 								var base = [];
  730. 								var pois = ['Tiberium', 'Crystal', 'Reactor', 'Tungesten', 'Uranium', 'Aircraft Guidance', 'Resonater'];
  731. 								for ( var i in selectedBase)
  732. 								{
  733. 									var txt = "", val = "";
  734. 									switch(i)
  735. 									{
  736. 										case "an": txt = "Alliance: "; val = selectedBase[i]; break;
  737. 										case "bn": txt = "Base    : "; val = selectedBase[i]; break;
  738. 										case "pn": txt = "Player  : "; val = selectedBase[i]; break;
  739. 										case "l" : txt = "Level   : "; val = selectedBase[i]; break;
  740. 										case "t" : txt = "Type    : "; val = pois[selectedBase[i] - 2]; break;
  741. 										default  : txt = false;
  742. 									}
  743. 									if(txt)
  744. 									{
  745. 										base.push([txt, val]);
  746. 									}
  747. 									root.__setInfo(base);
  748. 								}
  749. 							}
  750. 							catch(e)
  751. 							{
  752. 								console.log(e.toString());
  753. 							}
  754. 						};
  755. 						
  756. 						var onMapHover = function(event)
  757. 						{
  758. 							var loc = root.locations, elements = root.elements, coordsField = root.coordsField;
  759. 							var getCoords = function()
  760. 							{
  761. 								var canvasRect = canvas.getBoundingClientRect();
  762. 								var x = (event.pageX - canvasRect.left), y = (event.pageY - canvasRect.top);
  763. 								return [x, y];
  764. 							};
  765. 							
  766. 							var coords = getCoords();
  767. 							var x = coords[0] + canvas.offsetLeft, y = coords[1] + canvas.offsetTop;
  768. 		
  769. 							if(Math.sqrt(Math.pow(x - 250, 2) + Math.pow(y - 250, 2)) > 242)
  770. 							{
  771. 								coordsField.setValue("");
  772. 								return;
  773. 							}
  774. 							
  775. 							x = Math.round(coords[0] / (root.scale * factor)); root.__pointerX = x;
  776. 							y = Math.round(coords[1] / (root.scale * factor)); root.__pointerY = y;
  777. 							
  778. 							coordsField.setValue(x + ":" + y);
  779. 							
  780. 							if (root.scale < 2 || root.inProgress) return;
  781. 		
  782. 							for(var i = 0; i < loc.length; i++)
  783. 							{
  784. 								var elmX = loc[i][0], elmY = loc[i][1];
  785. 								if ((x == elmX) && (y == elmY)) 
  786. 								{
  787. 									selectedBase = elements[i];
  788. 									displayBaseInfo();
  789. 									break;
  790. 								}
  791. 								else
  792. 								{
  793. 									selectedBase = false;
  794. 									root.__setInfo(false);
  795. 								}
  796. 							}
  797. 						};
  798. 						
  799. 						var onMapDrag = function(event)
  800. 						{
  801. 							if (root.scale == 1 || root.inProgress) return;
  802. 							var cx = canvas.offsetLeft, cy = canvas.offsetTop, mx = event.pageX, my = event.pageY;
  803. 							var newX = cx + mx - initCoords[0], newY = cy + my - initCoords[1];
  804. 							initCoords[0] = mx;
  805. 							initCoords[1] = my;
  806. 							canvas.style.top = newY + 'px';
  807. 							canvas.style.left = newX + 'px';
  808. 						};
  809. 						
  810. 						var onMapWheel = function(event)
  811. 						{
  812. 							if (root.inProgress) return;
  813. 							var delta = Math.max(-1, Math.min(1, (event.wheelDelta || -event.detail)));
  814. 							if((delta < 0 && root.scale <= 1) || (delta > 0 && root.scale >= 12)) return;
  815. 							c += delta;
  816. 							var str = ( Math.abs(c) % 3 == 0 ) ? ((delta < 0) ? 'down' : 'up') : false;
  817. 							if(str) root.__scaleMap(str);
  818. 						};
  819. 						
  820. 						var onMapDown = function(event){
  821. 							var x = event.pageX, y = event.pageY, t = new Date();
  822. 							initCoords = [x,y];
  823. 							start = t.getTime();
  824. 							mask.removeEventListener('mousemove', onMapHover, false);
  825. 							mask.addEventListener('mousemove', onMapDrag, false);
  826. 						};
  827. 						
  828. 						var onMapUp = function(event){
  829. 							var x = event.pageX, y = event.pageY, t = new Date();
  830. 							end = t.getTime();
  831. 							initCoords = [x,y];
  832. 							mask.removeEventListener('mousemove', onMapDrag, false);
  833. 							mask.addEventListener('mousemove', onMapHover, false); 
  834. 							if (end - start < 150) webfrontend.gui.UtilView.centerCoordinatesOnRegionViewWindow(root.__pointerX, root.__pointerY);
  835. 						};
  836. 						
  837. 						var onMapOut = function(event){
  838. 							mask.removeEventListener('mousemove', onMapDrag, false);
  839. 							mask.addEventListener('mousemove', onMapHover, false); 
  840. 						};
  841. 						
  842. 						mask.addEventListener('mouseup', onMapUp, false);
  843. 						mask.addEventListener('mousedown', onMapDown, false);
  844. 						mask.addEventListener('mousemove', onMapHover, false); 
  845. 						mask.addEventListener('mouseout', onMapOut, false);
  846. 						mask.addEventListener('mousewheel', onMapWheel, false);
  847. 						mask.addEventListener('DOMMouseScroll', onMapWheel, false);
  848. 					}
  849. 					catch(e)
  850. 					{
  851. 						console.log(e.toString());
  852. 					}
  853. 				},
  854. 				
  855. 				__startRadarScan: function()
  856. 				{
  857. 					this.isRadarVisible = true;
  858. 					var FRAMES_PER_CYCLE = 20, FRAMERATE = 20, RINGS = 6;
  859. 					var canvas = this.canvas, ctx = this.ctx, canvassize = 400, animationframe = 0, root = this;
  860. 					var ringsize = canvassize / (2 * RINGS + 1);
  861. 					var radiusmax = ringsize / 2 + ringsize + (RINGS - 1) * ringsize;
  862. 				
  863. 					function animateRadarFrame() {
  864. 						ctx.clearRect(0, 0, canvas.width, canvas.height);
  865. 						root.__createLayout();
  866. 						var radius, alpha;
  867. 						for (var ringno = 0; ringno < RINGS; ringno++)
  868. 						{
  869. 							radius = ringsize / 2 + (animationframe / FRAMES_PER_CYCLE) * ringsize + ringno * ringsize;
  870. 							alpha = (radiusmax - radius) / radiusmax;
  871. 							ctx.beginPath();
  872. 							ctx.fillStyle = "rgba(92,178,112," + alpha + ")";
  873. 							ctx.arc(250, 250, radius, 0, 2 * Math.PI, false);
  874. 							ctx.fill();
  875. 							ctx.closePath();
  876. 						}
  877. 				
  878. 						ctx.beginPath();
  879. 						ctx.fillStyle = "rgb(100,194,122)";
  880. 						ctx.arc(250, 250, ringsize / 2, 0, 2 * Math.PI, false);
  881. 						ctx.fill();
  882. 						ctx.closePath();
  883. 				
  884. 						animationframe = (animationframe >= (FRAMES_PER_CYCLE - 1)) ?  0 :  animationframe + 1;
  885. 					}
  886. 					this.__interval = setInterval(animateRadarFrame, 1000 / FRAMERATE);
  887. 				},
  888. 				
  889. 				__stopRadarScan: function()
  890. 				{
  891. 					if(!this.isRadarVisible) return;
  892. 					clearInterval(this.__interval);
  893. 					this.isRadarVisible = false;
  894. 					this.__enablePanel();
  895. 				},
  896. 				
  897. 				__disablePanel: function()
  898. 				{
  899. 					this.inProgress = true;
  900. 					for (var i = 0; i < this.panel.length; i++) this.panel[i].setEnabled(false);
  901. 				},
  902. 				
  903. 				__enablePanel: function()
  904. 				{
  905. 					for (var i = 0; i < this.panel.length; i++) if(i>1) this.panel[i].setEnabled(true);
  906. 				},
  907. 				
  908. 				__createIcon: function(color, width, height)
  909. 				{
  910. 					var canvas = document.createElement("canvas");
  911. 					canvas.width = width;
  912. 					canvas.height = height;
  913. 				
  914. 					var ctx = canvas.getContext("2d");
  915. 					ctx.beginPath();
  916. 					ctx.rect(0, 0, width, height);
  917. 					ctx.fillStyle = color;
  918. 					ctx.fill();
  919. 					ctx.closePath();
  920. 				
  921. 					var data = canvas.toDataURL("image/png");
  922. 					return data;
  923. 				},
  924. 				
  925. 				__updateList: function()
  926. 				{
  927. 					var dm = this.__displayM;
  928. 					this.__selectedA = null;
  929. 					this.allianceList.removeAll();
  930. 					var d = this.receivedData, root = this;
  931. 					var colors = {"enemy":["#ff807d", "#a93939", "#739bf5", "#c26b89"], "ally": ["#3bbe5d", "#c4d663", "#73f5ed", "#169f16"], "nap": ["#ffffff"], "selected": ["#ffe50e"], "alliance": ["#75b7d9"], "owner": ["#ffc48b"]};
  932. 					for (var i = 0; i < d.length; i++)
  933. 					{
  934. 						var name = d[i][0].name, type = d[i][1], aid = d[i][0].id, clr = d[i][2];
  935. 						if((dm == "all") || (dm == "selected"))
  936. 						{
  937. 							var color = colors[type][clr];
  938. 							var li = new qx.ui.form.ListItem(name, root.__createIcon(color, 10, 10), aid);
  939. 							var tooltip = new qx.ui.tooltip.ToolTip(name + " - " + type, root.__createIcon(color, 15, 15));
  940. 							li.setToolTip(tooltip);
  941. 							this.allianceList.add(li);
  942. 						}
  943. 						else
  944. 						{
  945. 							if(type == "alliance")
  946. 							{
  947. 								var li = new qx.ui.form.ListItem(name, null, aid);
  948. 								var tooltip = new qx.ui.tooltip.ToolTip(name + " - " + type, root.__createIcon(color, 15, 15));
  949. 								li.setToolTip(tooltip);
  950. 								this.allianceList.add(li);
  951. 								break;
  952. 							}
  953. 						}
  954. 					}
  955. 				},
  956. 				
  957. 				drawCanvas: function()
  958. 				{
  959. 					var dmd = this.__displayM, b = this.receivedData, list = this.allianceList;
  960. 					var selected = (this.__selectedA != null && typeof this.__selectedA == 'number') ? this.__selectedA : false;
  961. 					var mask = this.mask, n = this.scale, canvas = this.canvas, ctx = this.ctx;
  962. 					
  963. 					this.elements = [];
  964. 					this.locations = [];
  965. 					this.__stopRadarScan();
  966. 					canvas.width = n * 500;
  967. 					canvas.height = n * 500;
  968. 					ctx = canvas.getContext("2d");
  969. 					ctx.scale(n, n);
  970. 					
  971. 					this.__createLayout();
  972. 					
  973. 					for (var i = 0; i < b.length; i++)
  974. 					{
  975. 						var name = b[i][0].name, data = b[i][0], type = b[i][1], aid = b[i][0].id, color = b[i][2];
  976. 						if(((dmd == "alliance") || (dmd == "bases")) && (type == "alliance"))
  977. 						{
  978. 							this.__createAlliance(name, data, type, 0);
  979. 							break;
  980. 						}
  981. 						if(dmd == "all")
  982. 						{
  983. 							if(selected && (aid == selected))
  984. 							{
  985. 								type = 'selected';
  986. 								color = 0;
  987. 							}
  988. 							this.__createAlliance(name, data, type, color);
  989. 						}
  990. 						if((dmd == "selected") && selected && (aid == selected))
  991. 						{
  992. 								this.__createAlliance(name, data, type, color);
  993. 								break;
  994. 						}
  995. 					}
  996. 				},
  997. 					
  998. 				__scaleMap: function(str)
  999. 				{
  1000. 					try
  1001. 					{
  1002. 						var newScale = (str == 'up') ? this.scale + 2 : this.scale - 2;
  1003. 						if (newScale > 12 || newScale < 1 || this.inProgress) return;
  1004. 						var canvas = this.canvas, ctx = this.ctx;
  1005. 						var x = ((canvas.offsetLeft - 250) * newScale/this.scale) + 250,
  1006. 							y = ((canvas.offsetTop - 250) * newScale/this.scale) + 250;
  1007. 							
  1008. 						this.scale = newScale;
  1009. 						switch (this.scale)
  1010. 						{
  1011. 							case 1: this.zoomOut.setEnabled(false); this.zoomReset.setEnabled(false); this.zoomIn.setEnabled(true); break
  1012. 							case 11: this.zoomOut.setEnabled(true); this.zoomReset.setEnabled(true); this.zoomIn.setEnabled(false); break
  1013. 							default: this.zoomOut.setEnabled(true); this.zoomReset.setEnabled(true); this.zoomIn.setEnabled(true); break
  1014. 						}
  1015. 						ctx.clearRect(0, 0, canvas.width, canvas.height);
  1016. 						this.drawCanvas();
  1017. 						canvas.style.left = newScale == 1 ? 0 : x + 'px';
  1018. 						canvas.style.top = newScale == 1 ? 0 : y + 'px';
  1019. 					}
  1020. 					catch(e)
  1021. 					{
  1022. 						console.log(e.toString());
  1023. 					}
  1024. 				},
  1025. 				
  1026. 				resetMap: function()
  1027. 				{
  1028. 					var canvas = this.canvas, ctx = this.ctx;
  1029. 					this.scale = 1;
  1030. 					canvas.width = 500; canvas.height = 500; canvas.style.left = 0; canvas.style.top = 0;
  1031. 					ctx.clearRect(0, 0, canvas.width, canvas.height);
  1032. 					this.__disablePanel();
  1033. 					this.__startRadarScan();
  1034. 				},
  1035. 				
  1036. 				open: function(faction)
  1037. 				{
  1038. 					
  1039. 					var app = qx.core.Init.getApplication();
  1040. 					var mainOverlay = app.getMainOverlay();
  1041. 				   
  1042. 					this.setWidth(mainOverlay.getWidth());
  1043. 					this.setMaxWidth(mainOverlay.getMaxWidth());
  1044. 					this.setHeight(mainOverlay.getHeight());
  1045. 					this.setMaxHeight(mainOverlay.getMaxHeight());
  1046. 					
  1047. 					app.getDesktop().add(this, { left: mainOverlay.getBounds().left, top: mainOverlay.getBounds().top });
  1048. 				},
  1049. 				
  1050. 				_onClose: function()
  1051. 				{
  1052. 					var opt = cdccta_map.options.getInstance();
  1053. 					var app = qx.core.Init.getApplication();
  1054. 					app.getDesktop().remove(this);
  1055. 					if(opt.isSeeable()) opt.close();
  1056. 				},
  1057. 				
  1058. 				_onResize: function()
  1059. 				{
  1060. 					var windowWidth = window.innerWidth - 10;
  1061. 					var width = this.getWidth();
  1062. 					var offsetLeft = (windowWidth - width) / 2;
  1063. 					
  1064. 					this.setDomLeft(offsetLeft);
  1065. 					
  1066. 					var opt = cdccta_map.options.getInstance();
  1067. 					if (opt.isSeeable()) opt.setDomLeft(offsetLeft + width + 5);
  1068. 				}
  1069. 				
  1070. 			}
  1071. 		});
  1072. 			
  1073. 		qx.Class.define('cdccta_map.options',
  1074. 		{
  1075. 			type: 'singleton',
  1076. 			extend: webfrontend.gui.CustomWindow,
  1077. 			
  1078. 			construct: function()
  1079. 			{
  1080. 				try
  1081. 				{
  1082. 					this.base(arguments);
  1083. 					this.setLayout(new qx.ui.layout.VBox(10));
  1084. 					this.set({
  1085. 						width: 200,
  1086. 						height: 500,
  1087. 						showMinimize: true,
  1088. 						showMaximize: true,
  1089. 						alwaysOnTop: true,
  1090. 						caption: 'Alliances Shown on Map'
  1091. 					});
  1092. 					
  1093. 					this.__getAlliances();
  1094. 					
  1095. 					var root = this;
  1096. 									
  1097. 					var searchBox = new qx.ui.form.TextField().set({ placeholder: 'Search...'});
  1098. 					var list = new qx.ui.form.List().set({ height: 80 });
  1099. 					var editList = new qx.ui.form.List().set({ height: 160, selectionMode: 'additive' });
  1100. 						
  1101. 					var radioButtons = [['Enemy', 'enemy'],['Ally', 'ally'],['NAP', 'nap']];
  1102. 					var radioGroup = new qx.ui.form.RadioButtonGroup().set({ layout: new qx.ui.layout.HBox(10), textColor: '#aaaaaa' });
  1103. 						for (var i = 0; i < radioButtons.length; i++)
  1104. 						{
  1105. 							var radioButton = new qx.ui.form.RadioButton(radioButtons[i][0]);
  1106. 								radioButton.setModel(radioButtons[i][1]);
  1107. 							radioGroup.add(radioButton);
  1108. 						}
  1109. 					
  1110. 					var colors = root.__colors;
  1111. 					var colorSelectBox = new qx.ui.form.SelectBox().set({ height: 28 });
  1112. 					var addColors = function(type)
  1113. 					{
  1114. 						colorSelectBox.removeAll();
  1115. 						for (var i = 0; i < colors[type].length; i++)
  1116. 						{
  1117. 							var src = root.__createIcon(colors[type][i], 60, 15);
  1118. 							var listItem = new qx.ui.form.ListItem(null, src, i);
  1119. 							colorSelectBox.add(listItem);
  1120. 						}
  1121. 					};
  1122. 					addColors('enemy');
  1123. 						
  1124. 					var addButton = new qx.ui.form.Button('Add').set({ enabled: false, width: 85, toolTipText: 'Maximum allowed number of alliances is 8.' });;
  1125. 					var removeButton = new qx.ui.form.Button('Remove').set({ enabled: false, width: 85 });;
  1126. 					var applyButton = new qx.ui.form.Button('Apply').set({ enabled: false });;
  1127. 					var defaultsButton = new qx.ui.form.Button('Defaults').set({ enabled: false, width: 85 });;
  1128. 					var saveButton = new qx.ui.form.Button('Save').set({ enabled: false, width: 85 });;
  1129. 					
  1130. 					var hbox1 = new qx.ui.container.Composite(new qx.ui.layout.HBox(10))
  1131. 					var hbox2 = new qx.ui.container.Composite(new qx.ui.layout.HBox(10))
  1132. 					
  1133. 					hbox1.add(addButton);
  1134. 					hbox1.add(removeButton);
  1135. 					
  1136. 					hbox2.add(saveButton);
  1137. 					hbox2.add(defaultsButton);
  1138. 						
  1139. 					this.searchBox      = searchBox;
  1140. 					this.list           = list;
  1141. 					this.editList       = editList;
  1142. 					this.radioGroup     = radioGroup;
  1143. 					this.colorSelectBox = colorSelectBox;
  1144. 					this.addButton      = addButton;
  1145. 					this.removeButton   = removeButton;
  1146. 					this.saveButton     = saveButton;
  1147. 					this.defaultsButton = defaultsButton;
  1148. 					this.applyButton    = applyButton;
  1149. 					
  1150. 					this.add(searchBox);
  1151. 					this.add(list);
  1152. 					this.add(editList);
  1153. 					this.add(radioGroup);
  1154. 					this.add(colorSelectBox);
  1155. 					this.add(hbox1);
  1156. 					this.add(hbox2);
  1157. 					this.add(applyButton);
  1158. 					
  1159. 					this.addListener('appear', function()
  1160. 					{
  1161. 						var cont = cdccta_map.container.getInstance()
  1162. 						var bounds = cont.getBounds(), left = bounds.left, top = bounds.top, width = bounds.width, height = bounds.height;
  1163. 						searchBox.setValue('');
  1164. 						list.removeAll();
  1165. 						addButton.setEnabled(false);
  1166. 						removeButton.setEnabled(false);
  1167. 						applyButton.setEnabled(false);
  1168. 						radioGroup.setSelection([ radioGroup.getSelectables()[0] ]);
  1169. 						colorSelectBox.setSelection([ colorSelectBox.getSelectables()[0] ]);
  1170. 						this.__updateList();
  1171. 						this.__checkDefaults();
  1172. 						this.__checkSavedSettings();
  1173. 						this.setUserBounds(left + width + 5, top, 200, height);
  1174. 					}, this);
  1175. 					
  1176. 					searchBox.addListener('keyup', this.__searchAlliances, this);
  1177. 					
  1178. 					radioGroup.addListener('changeSelection', function(e)
  1179. 					{
  1180. 						if(e.getData()[0]) addColors(e.getData()[0].getModel());
  1181. 					}, this);
  1182. 					
  1183. 					list.addListener('changeSelection', function(e)
  1184. 					{
  1185. 						if (!e.getData()[0]) return;
  1186. 						var items = this.__items, aid = e.getData()[0].getModel();
  1187. 						(((items != null) && (items.indexOf(aid) > -1)) || (items.length > 8)) ? addButton.setEnabled(false) : addButton.setEnabled(true);
  1188. 					}, this);
  1189. 					
  1190. 					editList.addListener('changeSelection', function(e)
  1191. 					{
  1192. 						(e.getData()[0]) ? removeButton.setEnabled(true) : removeButton.setEnabled(false);
  1193. 					}, this);
  1194. 					
  1195. 					addButton.addListener('execute', function()
  1196. 					{
  1197. 						var aid = list.getSelection()[0].getModel(), 
  1198. 							name = list.getSelection()[0].getLabel(),
  1199. 							type = radioGroup.getSelection()[0].getModel(), 
  1200. 							color = colorSelectBox.getSelection()[0].getModel();
  1201. 						
  1202. 						var li = new qx.ui.form.ListItem(name + " - " + type, root.__createIcon(colors[type][color], 15, 15), {'aid': aid, 'type': type, 'name': name, 'color': color});
  1203. 						editList.add(li);
  1204. 						list.resetSelection();
  1205. 						addButton.setEnabled(false);
  1206. 						root.__updateItems();
  1207. 					}, this);
  1208. 					
  1209. 					removeButton.addListener('execute', function()
  1210. 					{
  1211. 						var selection = (editList.isSelectionEmpty()) ? null : editList.getSelection();
  1212. 						var ownAlliance = cdccta_map.getInstance().__allianceName;
  1213. 						if(selection != null)
  1214. 						{
  1215. 							for(var i = selection.length - 1; i > -1; i--) if(selection[i].getModel().name != ownAlliance) editList.remove(selection[i]);
  1216. 							root.__updateItems();
  1217. 							editList.resetSelection();
  1218. 						}
  1219. 					}, this);
  1220. 					
  1221. 					applyButton.addListener('execute', this.__applyChanges, this);
  1222. 					defaultsButton.addListener('execute', this.__setDefaults, this);
  1223. 					saveButton.addListener('execute', this.__saveSettings, this);
  1224. 		
  1225. 				}
  1226. 				catch(e)
  1227. 				{
  1228. 					console.log(e.toString());
  1229. 				}
  1230. 				console.log('Options Panel creation completed');
  1231. 			},
  1232. 			destruct: function()
  1233. 			{
  1234. 				
  1235. 			},
  1236. 			members:
  1237. 			{
  1238. 				__data: null,
  1239. 				searchBox: null,
  1240. 				list: null,
  1241. 				editList: null,
  1242. 				radioGroup: null,
  1243. 				colorSelectBox: null,
  1244. 				addButton: null,
  1245. 				removeButton: null,
  1246. 				saveButton: null,
  1247. 				applyButton: null,
  1248. 				defaultsButton: null,
  1249. 				__items: null,
  1250. 				__colors: {"enemy":["#ff807d", "#a93939", "#739bf5", "#c26b89"], "ally": ["#3bbe5d", "#c4d663", "#73f5ed", "#169f16"], "nap": ["#ffffff"], "selected": ["#ffe50e"], "alliance": ["#75b7d9"], "owner": ["#ffc48b"]},
  1251. 		
  1252. 				
  1253. 				__getAlliances: function()
  1254. 				{
  1255. 					var root = this;
  1256. 					ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("RankingGetData", 
  1257. 					{firstIndex: 0, lastIndex: 3000, ascending: true, view: 1, rankingType: 0, sortColumn: 2}, 
  1258. 					phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
  1259. 					{
  1260. 						if(data.a != null)
  1261. 						{
  1262. 							var arr = [];
  1263. 							for( var i = 0; i < data.a.length; i++) arr[i] = [data.a[i].an, data.a[i].a];
  1264. 							root.__data = arr;
  1265. 						}
  1266. 						
  1267. 					}), null);
  1268. 				},
  1269. 				
  1270. 				__createIcon: function(color, width, height)
  1271. 				{
  1272. 					var canvas = document.createElement("canvas");
  1273. 					canvas.width = width;
  1274. 					canvas.height = height;
  1275. 				
  1276. 					var ctx = canvas.getContext("2d");
  1277. 					ctx.beginPath();
  1278. 					ctx.rect(0,0,width,height);
  1279. 					ctx.fillStyle = color;
  1280. 					ctx.fill();
  1281. 					ctx.closePath();
  1282. 				
  1283. 					var data = canvas.toDataURL("image/png");
  1284. 					return data;
  1285. 				},
  1286. 				
  1287. 				__updateList: function()
  1288. 				{
  1289. 					var map = cdccta_map.getInstance();
  1290. 					var selectedItems = [], list = this.editList, root = this;
  1291. 					var alliancesList = (map.__selectedAlliances == null) ? map.__defaultAlliances : map.__selectedAlliances;
  1292. 					var colors = this.__colors;
  1293. 					list.removeAll();
  1294. 					
  1295. 					alliancesList.map(function(a)
  1296. 					{
  1297. 						var aid = a[0], at = a[1], an  = a[2], c = a[3];
  1298. 						var li = new qx.ui.form.ListItem(an + " - " + at, root.__createIcon(colors[at][c], 15, 15), {'aid': aid, 'type': at, 'name': an, 'color': c});
  1299. 						list.add(li);
  1300. 						selectedItems.push(aid);
  1301. 					});
  1302. 					this.__items = selectedItems;
  1303. 				},
  1304. 				
  1305. 				__setDefaults: function()
  1306. 				{
  1307. 					var map = cdccta_map.getInstance();
  1308. 					var selectedItems = [], list = this.editList, root = this, colors = this.__colors;
  1309. 					var alliancesList = map.__defaultAlliances;
  1310. 					list.removeAll();
  1311. 					
  1312. 					alliancesList.map(function(a)
  1313. 					{
  1314. 						var aid = a[0], at = a[1], an  = a[2], c = a[3];
  1315. 						var li = new qx.ui.form.ListItem(an + " - " + at, root.__createIcon(colors[at][c], 15, 15), {'aid': aid, 'type': at, 'name': an, 'color': c});
  1316. 						list.add(li);
  1317. 						selectedItems.push(aid);
  1318. 					});
  1319. 					this.__items = selectedItems;
  1320. 					this.__currentListModified();
  1321. 					this.defaultsButton.setEnabled(false);
  1322. 				},
  1323. 				
  1324. 				__searchAlliances: function()
  1325. 				{
  1326. 					var str = this.searchBox.getValue(), data = this.__data, list = this.list;
  1327. 					list.removeAll();
  1328. 					if (!data || (str == '')) return;
  1329. 					
  1330. 					data.map(function(x)
  1331. 					{
  1332. 						var patt = new RegExp("^" + str + ".+$", "i");
  1333. 						var test = patt.test(x[0]);
  1334. 						
  1335. 						if(test)
  1336. 						{
  1337. 							var listItem = new qx.ui.form.ListItem(x[0], null, x[1]);
  1338. 							list.add(listItem);
  1339. 						}
  1340. 					});
  1341. 				},
  1342. 				
  1343. 				__updateItems: function()
  1344. 				{
  1345. 					var items = [], listItems = this.editList.getSelectables();
  1346. 					for (var i = 0; i < listItems.length; i++) items.push(listItems[i].getModel().aid);
  1347. 					this.__items = items;
  1348. 					this.__checkSavedSettings();
  1349. 					this.__currentListModified();
  1350. 				},
  1351. 				
  1352. 				__applyChanges: function()
  1353. 				{
  1354. 					var selectedAlliances = [], listItems = this.editList.getSelectables();
  1355. 					for(var i = 0; i < listItems.length; i++)
  1356. 					{
  1357. 						var model = listItems[i].getModel(), aid = model.aid, type = model.type, name = model.name, color = model.color;
  1358. 						selectedAlliances.push([aid, type, name, color]);
  1359. 					}
  1360. 					cdccta_map.getInstance().__selectedAlliances = selectedAlliances;
  1361. 					cdccta_map.container.getInstance().resetMap();
  1362. 					cdccta_map.getInstance().getData();
  1363. 					this.close();
  1364. 				},
  1365. 				
  1366. 				__saveSettings: function()
  1367. 				{
  1368. 					if(typeof(Storage) === 'undefined') return;
  1369. 					
  1370. 					var selectedAlliances = [], listItems = this.editList.getSelectables();
  1371. 					for(var i = 0; i < listItems.length; i++)
  1372. 					{
  1373. 						var model = listItems[i].getModel(), aid = model.aid, type = model.type, name = model.name, color = model.color;
  1374. 						selectedAlliances.push([aid, type, name, color]);
  1375. 					}
  1376. 					
  1377. 					(!localStorage.cdccta_map_settings) ? localStorage['cdccta_map_settings'] = JSON.stringify(selectedAlliances) : localStorage.cdccta_map_settings = JSON.stringify(selectedAlliances);
  1378. 					this.saveButton.setEnabled(false);
  1379. 		//			console.log(localStorage.cdccta_map_settings);
  1380. 				},
  1381. 				
  1382. 				__checkSavedSettings: function()
  1383. 				{
  1384. 					if(typeof(Storage) === 'undefined') return;
  1385. 					var original = (localStorage.cdccta_map_settings) ? JSON.parse(localStorage.cdccta_map_settings) : null;
  1386. 					var items = this.__items;
  1387. 					var changed = false;
  1388. 					
  1389. 					if ((items != null) && (original != null) && (items.length != original.length)) changed = true;
  1390. 					if ((items != null) && (original != null) && (items.length == original.length))
  1391. 					{
  1392. 						original.map(function(x)
  1393. 						{
  1394. 							if (items.indexOf(x[0]) < 0) changed = true;
  1395. 						});
  1396. 					}
  1397. 					((items.length > 0) && ((original === null) || changed)) ? this.saveButton.setEnabled(true) : this.saveButton.setEnabled(false);
  1398. 				},
  1399. 				
  1400. 				__checkDefaults: function()
  1401. 				{
  1402. 					var defaults = cdccta_map.getInstance().__defaultAlliances, items = this.__items, changed = false;
  1403. 					if(!defaults) return;
  1404. 					if ((items != null) && (defaults != null) && (items.length != defaults.length)) changed = true;
  1405. 					if ((items != null) && (defaults != null) && (items.length == defaults.length))
  1406. 					{
  1407. 						defaults.map(function(x)
  1408. 						{
  1409. 							if (items.indexOf(x[0]) < 0) changed = true;
  1410. 						});
  1411. 					}
  1412. 					(changed) ? this.defaultsButton.setEnabled(true) : this.defaultsButton.setEnabled(false);
  1413. 				},
  1414. 				
  1415. 				__currentListModified: function()
  1416. 				{
  1417. 					var map = cdccta_map.getInstance(), current = (map.__selectedAlliances == null) ? map.__defaultAlliances : map.__selectedAlliances;
  1418. 					var items = this.__items, changed = false;
  1419. 					
  1420. 					current.map(function(x)
  1421. 					{
  1422. 						if(items.indexOf(x[0]) < 0) changed = true;
  1423. 					});
  1424. 					((items.length > 0) && ((items.length != current.length) || (changed == true))) ? this.applyButton.setEnabled(true) : this.applyButton.setEnabled(false);
  1425. 				}
  1426. 				
  1427. 			}
  1428. 		});
  1429. 	}
  1430. 	
  1431. 	var cctaMapLoader = function()
  1432. 	{
  1433. 		var qx = window["qx"];
  1434. 		var ClientLib = window["ClientLib"];
  1435. 		var webfrontend = window["webfrontend"];
  1436. 		
  1437. 		if ((typeof ClientLib == 'undefined') || (typeof qx == 'undefined') || (qx.core.Init.getApplication().initDone == false))
  1438. 		{
  1439. 			setTimeout(cctaMapLoader, 1000);
  1440. 			console.log('retrying....');
  1441. 		}
  1442. 		else
  1443. 		{
  1444. 			create_cdccta_map_class();
  1445. 			cdccta_map.getInstance();
  1446. 		}
  1447. 	};
  1448. 	window.setTimeout(cctaMapLoader, 10000);
  1449.  
  1450. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址