☰

Planets.nu - Extended History Graphs Plugin

Adds graphs to plot histories for ships and bases to NEW planets.nu. Also adds new game speed display based on the turn of reaching the ship limit. Pie charts are also added back in, but not final.

  1. // ==UserScript==
  2. // @name           Planets.nu - Extended History Graphs Plugin
  3. // @namespace      Planets.nu 
  4. // @description    Adds graphs to plot histories for ships and bases to NEW planets.nu. Also adds new game speed display based on the turn of reaching the ship limit. Pie charts are also added back in, but not final.
  5. // @include        http://planets.nu/*
  6. // @include        http://play.planets.nu/*
  7. // @include        http://test.planets.nu/*
  8. // @resource       userscript https://greasyfork.org/en/scripts/12315-planets-nu-extended-history-graphs-plugin
  9. // @homepage       http://planets.nu/discussion/utility-script-extended-plots-for-game-page
  10. // @author         kedalion
  11. // @version        0.61
  12. // ==/UserScript==
  13.  
  14. /* -----------------------------------------------------------------------
  15. Change log:
  16. 0.61 
  17.  - Moved script location to greasyfork.org [2015-09-09]
  18. 0.6 
  19.  - Moved script location to monkeyguts.com [2014-05-30]
  20. v0.53 
  21.  - fixed path inclusion for panets.nu (without play or test)
  22. v0.5
  23.  - fixed compatibility issues planets.nu due to cross domain CSS sheet inclusion
  24. v0.4
  25.  - compatible with NEW version of planets.nu (also formerly play.planets.nu)
  26.  - removed pbp graphs (can be easily readded if wanted--> feedback)
  27.  - added a new graph showing history of total number of ships with comparison to typical games of same type
  28.  - added pie charts back for new planets.nu UI. (preliminary)
  29. v0.3
  30.  - adjusted script to work with Game Data Alliance Addon
  31. v0.2
  32.  - added bases, ships, and pbps graphs
  33.  ----------------------------------------------------------------------- */
  34.  
  35. function exec(fn) {
  36. 	var script = document.createElement('script');
  37. 	script.setAttribute("type", "application/javascript");
  38. 	script.textContent = '(' + wrapper + ')(); (' + fn + ')();';
  39. 	document.body.appendChild(script);
  40. 	document.body.removeChild(script);
  41. };
  42.  
  43. exec(function() {
  44.  
  45. 	//resize tabs in game detail page
  46.     console.log("Creating space in game menu.");
  47.     
  48.     var css_success = nu.adjustCSS();
  49.     
  50.     
  51.     console.log("Inserting new tabs in game menu.");
  52.    
  53.    
  54.     
  55.     if (css_success) {
  56.  
  57.         html_menu_section = "<ul id=\"etabs\">               <li id=\"eplayers\" data-tab=\"\">                    {{t.players}}                </li>                <li id=\"eactivity\" data-tab=\"/activity\">                    {{t.activity}}                </li>                <li id=\"eallies\"  data-tab=\"/allies\">                    {{t.allies}}                </li>                <li id=\"eplanets\"  data-tab=\"/planets\">                    {{t.planets}}                </li>                <li id=\"emilitary\"  data-tab=\"/military\">                    {{t.military}}                </li>                <li id=\"edata\"  data-tab=\"/data\">                    {{t.data}}                </li>                <li id=\"eevents\"  data-tab=\"/events\">                    {{t.events}}                </li>   <li id=\"eships\"  data-tab=\"/ships\">                    Ships               </li><li id=\"ebases\"  data-tab=\"/bases\">                    Bases               </li><li id=\"egamespeed\"  data-tab=\"/gamespeed\">                    Speed               </li><li id=\"epiemilitary\"  data-tab=\"/piemilitary\">                    M-Pie               </li><li id=\"epieplanets\"  data-tab=\"/pieplanets\">                    P-Pie               </li>            </ul>";
  58.     
  59.     } else {     
  60.     
  61.         html_menu_section = "<ul id=\"etabs\">               <li id=\"eplayers\" data-tab=\"\" style=\"width:60px\">                    {{t.players}}                </li>                <li id=\"eactivity\" data-tab=\"/activity\" style=\"width:60px\">                    {{t.activity}}                </li>                <li id=\"eallies\"  data-tab=\"/allies\" style=\"width:60px\">                    {{t.allies}}                </li>                <li id=\"eplanets\"  data-tab=\"/planets\" style=\"width:60px\">                    {{t.planets}}                </li>                <li id=\"emilitary\"  data-tab=\"/military\" style=\"width:60px\">                    {{t.military}}                </li>                <li id=\"edata\"  data-tab=\"/data\" style=\"width:60px\">                    {{t.data}}                </li>                <li id=\"eevents\"  data-tab=\"/events\" style=\"width:60px\">                    {{t.events}}                </li>   <li id=\"eships\"  data-tab=\"/ships\" style=\"width:60px\">                    Ships               </li><li id=\"ebases\"  data-tab=\"/bases\" style=\"width:60px\">                    Bases               </li><li id=\"egamespeed\"  data-tab=\"/gamespeed\" style=\"width:60px\">                    Speed               </li><li id=\"epiemilitary\"  data-tab=\"/piemilitary\" style=\"width:60px\">                    M-Pie               </li><li id=\"epieplanets\"  data-tab=\"/pieplanets\" style=\"width:60px\">                    P-Pie               </li>            </ul>";
  62.  
  63.     }
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70. 	html_start = "<div id=\"GameContent\">    <img id=\"egamelocmap\" src=\"http://play.planets.nu/img/maps/1000.png\" />    <div id=\"egameinfo\">        <div id=\"egamecircle\"></div>        <div class=\"GameInfoTurn\">{{t.turn}} <b>{{game.turn}}</b> - {{timetohost}}</div>        {{#ishost}}<div id=\"ehostcontrols\">{{t.host}}: <span id=\"eeditgame\">{{t.edit}}</span><span id=\"epausegame\">{{pausetext}}</span><span id=\"edeletegame\">{{t.del}}</span></div>{{/ishost}}        <div class=\"GameInfoTitle\">            {{fullname}} ( {{yearfrom}} - {{yearto}} )        </div>        <div class=\"SectorDescription\">{{game.description!}}            <div id=\"eresources\">                <table class=\"ecleantable\">                    <tr>                        <td>                            <div id=\"eneu\" class=\"evertbar\" title=\"Neutronium Level - {{settings.neutroniumlevel}}\"><span style=\"margin-top:{{mneu}}px;height:{{hneu}}px;\"></span></div>                        </td>                        <td>                            <div id=\"edur\" class=\"evertbar\" title=\"Duranium Level - {{settings.duraniumlevel}}\"><span style=\"margin-top:{{mdur}}px;height:{{hdur}}px;\"></span></div>                        </td>                        <td>                            <div id=\"etri\" class=\"evertbar\" title=\"Tritanium Level - {{settings.tritaniumlevel}}\"><span style=\"margin-top:{{mtri}}px;height:{{htri}}px;\"></span></div>                        </td>                        <td>                            <div id=\"emol\" class=\"evertbar\" title=\"Molybdenum Level - {{settings.molybdenumlevel}}\"><span style=\"margin-top:{{mmol}}px;height:{{hmol}}px;\"></span></div>                        </td>                                                                        <td>                            <div id=\"eden\" class=\"evertbar\" title=\"Average Mineral Density - {{settings.averagedensitypercent}}%\"><span style=\"margin-top:{{mden}}px;height:{{hden}}px;\"></span></div>                        </td>                    </tr>                    <tr>                        <td>                            Neu                        </td>                        <td>                            Dur                        </td>                        <td>                            Tri                        </td>                        <td>                            Mol                        </td>                        <td>                            D%                        </td>                    </tr>                </table>                            </div>            <ul style=\"margin:0;padding:0;width:200px;float:right;\">                <li>{{t.planets}}: {{settings.numplanets}}</li>                <li>{{t.starclusters}}: {{settings.stars}}</li>                <li>{{t.nebulas}}: {{settings.nebulas}}</li>                <li>{{t.debrisdisks}}: {{settings.ndebrisdiscs}}</li>                <li>{{t.maxionstorms}}: {{settings.maxions}}</li>            </ul>            <ul>                <li>{{t.battleid}}: {{game.id}}</li>                <li>{{t.created}}: {{game.datecreated}}</li>                {{#settings.campaignmode}}                <li>{{t.campaignmodeenabled}}</li>                <li>{{t.maxadvantage}}: {{settings.maxadvantage}}</li>                {{/settings.campaignmode}}                <li>{{t.hostdays}}: {{game.hostdays}} at {{game.hosttime}}</li>                <li>{{t.wincondition}}: {{wincondition}}</li>                <li>{{t.maxallies}}: {{settings.maxallies}}</li>                <li>{{t.minimumrank}}: {{game.requiredlevelname}}</li>                            <li>{{t.maximumrank}}: {{game.maxlevelname}}</li>                   {{#game.iscustom}}<li>{{t.hostedby}}: <a href=\"#/account/{{game.createdby}}/hosting\" style=\"text-transform: capitalize;\">{{game.createdby}}</a></li>{{/game.iscustom}}                       </ul>            <p>{{{game.description}}}</p>        </div>            <div id=\"egametabs\">       ";
  71.     
  72.     
  73.     
  74.     html_end = "             </div>        <div id=\"etabcontent\" class=\"etabcontent\">        </div>    </div></div>";
  75.  
  76.     html["GameOverview"] = html_start + html_menu_section + html_end;
  77. 	
  78. 	nu.view.show();
  79.  
  80. 	//console.log("Done.");
  81.  
  82.  
  83. });
  84.  
  85. function wrapper() { // wrapper for injection
  86.  
  87.     Nuniverse.prototype.adjustCSS = function() {
  88.     
  89.         var tab_width = "60px";
  90.             
  91.         try {
  92.             var old_rule = nu.getCSSRule("#egametabs #etabs li", false);
  93.             old_rule.style.width = tab_width;
  94.             
  95.             //potentially also needed, but width seems overwritten by above rule
  96.             //old_rule = nu.getCSSRule("#etabs li", false);
  97.             //old_rule.style.width = tab_width;
  98.                 
  99.             //console.log("CSS manipulation succeeded.");
  100.             return true;
  101.         } catch (err) {
  102.             //console.log("CSS manipulation failed due to cross domain CSS sheet. Manual correction will be applied.");
  103.             return false;
  104.         }
  105.     };
  106.  
  107.     
  108. 	Nuniverse.prototype.getCSSRule = function(ruleName, deleteFlag) {               // Return requested style obejct
  109. 		//css manipulation code from: http://www.hunlock.com/blogs/Totally_Pwn_CSS_with_Javascript
  110. 		
  111. 		//console.log("Invoked with :" + ruleName);
  112. 		
  113. 	   //ruleName=ruleName.toLowerCase();                       // Convert test string to lower case.
  114. 	   if (document.styleSheets) {                            // If browser can play with stylesheets
  115. 	      for (var i=0; i<document.styleSheets.length; i++) { // For each stylesheet
  116. 	    	 //console.log(i);
  117. 	         var styleSheet=document.styleSheets[i];          // Get the current Stylesheet
  118. 	         var ii=0;                                        // Initialize subCounter.
  119. 	         var cssRule=false;                               // Initialize cssRule. 
  120. 	                  
  121. 	         var num_rules;
  122. 	         if (styleSheet.cssRules) {                    // Browser uses cssRules?
  123. 	        	 num_rules = styleSheet.cssRules.length;         // Yes --Mozilla Style
  124.         	 } else {                                      // Browser usses rules?
  125.         		 num_rules = styleSheet.rules.length;            // Yes IE style. 
  126.         	 }
  127. 	         
  128. 	         for (var ii=0; ii<num_rules; ii++) {
  129. 	        	 if (styleSheet.cssRules) {                    // Browser uses cssRules?
  130. 	        		 cssRule = styleSheet.cssRules[ii];         // Yes --Mozilla Style
  131. 	        	 } else {                                      // Browser usses rules?
  132. 	        		 cssRule = styleSheet.rules[ii];            // Yes IE style. 
  133. 	        	 }	
  134. 	        	 //console.log(i + ", " + ii + ":" + cssRule.selectorText);
  135. 	        	 
  136. 	        	 if (cssRule.selectorText==ruleName) { //  match ruleName?
  137. 	        		 if (deleteFlag=='delete') {             // Yes.  Are we deleteing?
  138. 	        			 if (styleSheet.cssRules) {           // Yes, deleting...
  139. 	        				 styleSheet.deleteRule(ii);        // Delete rule, Moz Style
  140. 	        			 } else {                             // Still deleting.
  141. 	        				 styleSheet.removeRule(ii);        // Delete rule IE style.
  142. 	        			 }                                    // End IE check.
  143. 	        			 return true;                         // return true, class deleted.
  144. 	        		 } else {                                // found and not deleting.
  145. 	        			 return cssRule;                      // return the style object.
  146. 	        		 }                                      // End delete Check
  147. 	        	 }   
  148.  
  149. 	         }
  150. 	         /*
  151. 	         do {                                             // For each rule in stylesheet
  152. 	            if (styleSheet.cssRules) {                    // Browser uses cssRules?
  153. 	               cssRule = styleSheet.cssRules[ii];         // Yes --Mozilla Style
  154. 	            } else {                                      // Browser usses rules?
  155. 	               cssRule = styleSheet.rules[ii];            // Yes IE style. 
  156. 	            }                                             // End IE check.
  157. 	            if (cssRule)  {                               // If we found a rule...
  158. 	               if (cssRule.selectorText==ruleName) { //  match ruleName?
  159. 	                  if (deleteFlag=='delete') {             // Yes.  Are we deleteing?
  160. 	                     if (styleSheet.cssRules) {           // Yes, deleting...
  161. 	                        styleSheet.deleteRule(ii);        // Delete rule, Moz Style
  162. 	                     } else {                             // Still deleting.
  163. 	                        styleSheet.removeRule(ii);        // Delete rule IE style.
  164. 	                     }                                    // End IE check.
  165. 	                     return true;                         // return true, class deleted.
  166. 	                  } else {                                // found and not deleting.
  167. 	                     return cssRule;                      // return the style object.
  168. 	                  }                                      // End delete Check
  169. 	               }                                          // End found rule name
  170. 	            }                                             // end found cssRule
  171. 	            ii++;                                         // Increment sub-counter
  172. 	         } while (cssRule)     */                           // end While loop
  173. 	      }                                                   // end For loop
  174. 	   }                                                      // end styleSheet ability check
  175. 	   return false;                                          // we found NOTHING!
  176. 	};                                                         // end getCSSRule 
  177.  
  178. 	Nuniverse.prototype.killCSSRule = function(ruleName) {                          // Delete a CSS rule   
  179. 	   return getCSSRule(ruleName,'delete');                  // just call getCSSRule w/delete flag.
  180. 	};                                                         // end killCSSRule
  181.  
  182. 	Nuniverse.prototype.addCSSRule = function(ruleName) {                           // Create a new css rule
  183. 	   if (document.styleSheets) {                            // Can browser do styleSheets?
  184. 	      if (!getCSSRule(ruleName)) {                        // if rule doesn't exist...
  185. 	         if (document.styleSheets[0].addRule) {           // Browser is IE?
  186. 	            document.styleSheets[0].addRule(ruleName, null,0);      // Yes, add IE style
  187. 	         } else {                                         // Browser is IE?
  188. 	            document.styleSheets[0].insertRule(ruleName+' { }', 0); // Yes, add Moz style.
  189. 	         }                                                // End browser check
  190. 	      }                                                   // End already exist check.
  191. 	   }                                                      // End browser ability check.
  192. 	   return getCSSRule(ruleName);                           // return rule we just created.
  193. 	}; 
  194.  
  195.  
  196.     
  197.  
  198.     ViewGame.prototype.show = function() {
  199.  
  200.     //show this screen
  201.        
  202.         //empty the content area
  203.         nu.frame.content.empty();
  204.  
  205.         var gameid = nu.view.parseGameId();        
  206.  
  207.         if (!nu.data.games["game" + gameid]) {
  208.             nu.api.loadGameInfo(gameid);
  209.             return;
  210.         }
  211.  
  212.         var data = nu.data.games["game" + gameid];
  213.         nu.view.massageGameData(data);
  214.  
  215.         //load the screen
  216.         var screen = html.get("GameOverview", data).appendTo(nu.frame.content);
  217.         screen.tabs.find("li").tclick(function () { window.location = "#/sector/" + gameid + $(this).data("tab"); });
  218.  
  219.         if (data.ishost) {
  220.             screen.deletegame.tclick(function () {
  221.                 nu.confirm("Are you sure you want to delete this game?", function () {
  222.                     nu.confirm("<b style='color:#ff6600;'>This is a live running game. Are you sure?</b>", function () {
  223.                         nu.api.deleteGame(data.game.id, function () {
  224.                             window.location = nu.getPlayerPath(nu.data.account.username) + "/hosting";
  225.                         });
  226.                     });
  227.                 });
  228.             });
  229.             screen.pausegame.tclick(function () { nu.api.pauseGame(data.game.id); });
  230.             screen.editgame.tclick(function () {
  231.  
  232.                 data.game.days = [{ day: "Sunday" }, { day: "Monday" }, { day: "Tuesday" }, { day: "Wednesday" }, { day: "Thursday" }, { day: "Friday" }, { day: "Saturday" }];
  233.                 for (var i = 0; i < data.game.hostdays.length; i++) {
  234.                     var ch = data.game.hostdays[i];
  235.                     if (ch != "_")
  236.                         data.game.days[i].selected = true;
  237.                     data.game.days[i].index = i + 1;
  238.                 }
  239.                 var win = html.get("EditGame", data.game);
  240.                 nu.modal(win, "Edit Game", "800px");
  241.                 win.cancel.tclick(nu.closemodal);
  242.                 win.save.tclick(function () {
  243.  
  244.                     var settings = {};
  245.                     settings.name = win.gamename.val();
  246.                     settings.description = win.gamedescription.val();
  247.                     settings.hosttime = win.hosttime.val();
  248.                     settings.password = win.gamepassword.val();
  249.                     settings.nexthost = win.nexthost.val();
  250.                     settings.isprivate = !win.ispublic.is(":checked");
  251.  
  252.                     var days = ["", "S", "M", "T", "W", "T", "F", "S"];
  253.                     var hostdays = "";
  254.                     for (var i = 1; i <= 7; i++) {
  255.                         if ($("#HostDay" + i).is(':checked'))
  256.                             hostdays += days[i];
  257.                         else
  258.                             hostdays += "_";
  259.                     }
  260.                     settings.hostdays = hostdays;
  261.  
  262.                     nu.api.updateGame(gameid, settings);
  263.                     nu.closemodal();
  264.                 });
  265.             });
  266.         }
  267.  
  268.         nu.view.positionMap(screen, data);
  269.  
  270.         //direct load subscreens
  271.         if (window.location.hash.indexOf("/activity") > 0) {
  272.             screen.activity.addClass("eselected");
  273.             nu.view.showActivity(screen, data, gameid);
  274.             return;
  275.         }
  276.         else if (window.location.hash.indexOf("/allies") > 0) {
  277.             screen.allies.addClass("eselected");
  278.             nu.view.showAllies(screen, data);
  279.             return;
  280.         }
  281.         else if (window.location.hash.indexOf("/planets") > 0) {
  282.             screen.planets.addClass("eselected");
  283.             nu.view.showPlanets(screen, data);
  284.             return;
  285.         }
  286.         else if (window.location.hash.indexOf("/military") > 0) {
  287.             screen.military.addClass("eselected");
  288.             nu.view.showMilitary(screen, data);
  289.             return;
  290.         }
  291.         else if (window.location.hash.indexOf("/data") > 0) {
  292.             screen.data.addClass("eselected");
  293.             nu.view.showData(screen, data);
  294.             return;
  295.         }
  296.         else if (window.location.hash.indexOf("/events") > 0) {
  297.             screen.events.addClass("eselected");
  298.             nu.view.showEvents(screen, data);
  299.             return;
  300.         }
  301.         else if (window.location.hash.indexOf("/ships") > 0) {
  302.             screen.ships.addClass("eselected");
  303.             nu.view.showShips(screen, data);
  304.             return;
  305.         }
  306.         else if (window.location.hash.indexOf("/bases") > 0) {
  307.             screen.bases.addClass("eselected");
  308.             nu.view.showBases(screen, data);
  309.             return;
  310.         }
  311.         else if (window.location.hash.indexOf("/gamespeed") > 0) {
  312.             screen.gamespeed.addClass("eselected");
  313.             nu.view.showGamespeed(screen, data);
  314.             return;
  315.         }
  316.         else if (window.location.hash.indexOf("/piemilitary") > 0) {
  317.             screen.piemilitary.addClass("eselected");
  318.             nu.view.showMilitaryPie(screen, data);
  319.             //console.log("Here");
  320.             return;
  321.         }
  322.         else if (window.location.hash.indexOf("/pieplanets") > 0) {
  323.             screen.pieplanets.addClass("eselected");
  324.             nu.view.showPlanetsPie(screen, data);
  325.             return;
  326.         }
  327.  
  328.  
  329.  
  330.         screen.players.addClass("eselected");
  331.         nu.view.showPlayers(screen, data);
  332.  
  333.  
  334.     };
  335.  
  336.     ViewGame.prototype.scoresToScoreData = function (data) {
  337.         var bases = new Array();
  338.         var ships = new Array();
  339.         
  340.         var labels = new Array(); 
  341.     
  342.         var slots = data.game.slots;
  343.         var turns = data.game.turn;
  344.         labels.push("Turn");
  345.         
  346.         //get player names and entries
  347.         for (var i=0; i<slots; i++) {
  348.             labels.push(data.scores[i].name);    
  349.         }
  350.         bases.push(labels);
  351.         ships.push(labels);
  352.         
  353.         //start reading in all the scores
  354.         for (var t=1; t<=turns; t++) {
  355.             var ship_turn = new Array();
  356.             ship_turn.push(t);
  357.             
  358.             var base_turn = new Array();
  359.             base_turn.push(t); 
  360.         
  361.             for (var s=1; s<=slots; s++) {
  362.                 var index = (t-1) * slots + (s - 1);
  363.                 
  364.                 base_turn.push(data.scores[index].starbases); 
  365.                 ship_turn.push(data.scores[index].capitalships + data.scores[index].freighters);                    
  366.             }            
  367.             bases.push(base_turn);
  368.             ships.push(ship_turn);
  369.         }
  370.         
  371.         data.game.scoredata.bases = bases;
  372.         data.game.scoredata.ships = ships;
  373.         
  374.         
  375.         //console.log("Test");
  376.     }
  377.  
  378.     
  379.     ViewGame.prototype.showBases = function (screen, data) {
  380.  
  381.         if (data.game.turn <= 1) {
  382.             $("<div style='padding:30px;'>Game has not started yet.</div>").appendTo(screen.tabcontent);
  383.             return;
  384.         }
  385.  
  386.         if (!data.game.scoredata) {
  387.             nu.api.loadScoreData(data.game);
  388.             return;
  389.         }
  390.         
  391.         if (!data.scores) {
  392.             nu.api.loadGameScores(data.game.id);
  393.             return;
  394.         }
  395.         
  396.         if (!data.game.scoredata.bases) {
  397.             nu.view.scoresToScoreData(data);        
  398.         }
  399.  
  400.         $("<div id='echartdisplay'></div>").appendTo(screen.tabcontent);
  401.  
  402.  
  403.         var data = google.visualization.arrayToDataTable(data.game.scoredata.bases);        
  404.  
  405.         // Create and draw the visualization.
  406.         new google.visualization.LineChart(document.getElementById("echartdisplay")).draw(data,
  407.             {
  408.                 chartArea:{left:30,top:20,width:"75%",height:"90%"},
  409.                 legend: { position: "right", textStyle: { color: '#fff', fontSize: 11 } },
  410.                 lineWidth: 4,
  411.                 pointSize: 2,
  412.                 width: 1000,
  413.                 height: 600,
  414.                 backgroundColor: "transparent",
  415.                 hAxis: { textStyle: { color: '#fff', fontSize: 13 }, gridlines: { color: '#444', count: 4 } },
  416.                 vAxis: { textStyle: { color: '#fff', fontSize: 13 }, gridlines: { color: '#444', count: 4 } }
  417.             }
  418.         );
  419.     };
  420. 	
  421.     ViewGame.prototype.showShips = function (screen, data) {
  422.  
  423.         if (data.game.turn <= 1) {
  424.             $("<div style='padding:30px;'>Game has not started yet.</div>").appendTo(screen.tabcontent);
  425.             return;
  426.         }
  427.  
  428.         if (!data.game.scoredata) {
  429.             nu.api.loadScoreData(data.game);
  430.             return;
  431.         }
  432.         
  433.         if (!data.scores) {
  434.             nu.api.loadGameScores(data.game.id);
  435.             return;
  436.         }
  437.         
  438.         if (!data.game.scoredata.ships) {
  439.             nu.view.scoresToScoreData(data);        
  440.         }
  441.  
  442.         $("<div id='echartdisplay'></div>").appendTo(screen.tabcontent);
  443.  
  444.  
  445.         var data = google.visualization.arrayToDataTable(data.game.scoredata.ships);        
  446.  
  447.         // Create and draw the visualization.
  448.         new google.visualization.LineChart(document.getElementById("echartdisplay")).draw(data,
  449.             {
  450.                 chartArea:{left:30,top:20,width:"75%",height:"90%"},
  451.                 legend: { position: "right", textStyle: { color: '#fff', fontSize: 11 } },
  452.                 lineWidth: 4,
  453.                 pointSize: 2,
  454.                 width: 1000,
  455.                 height: 600,
  456.                 backgroundColor: "transparent",
  457.                 hAxis: { textStyle: { color: '#fff', fontSize: 13 }, gridlines: { color: '#444', count: 4 } },
  458.                 vAxis: { textStyle: { color: '#fff', fontSize: 13 }, gridlines: { color: '#444', count: 4 } }
  459.             }
  460.         );
  461.     };
  462.   
  463.     ViewGame.prototype.loadSpeedData = function(data) {
  464.         
  465.         //console.log("Calculating speed data");
  466.     
  467.         var speedDataGames = [[38553, 1001, 55866], [43890, 42421, 53007], [33817, 43835, 43387]];
  468.         var type_index = data.game.gametype - 2;
  469.         
  470.         //treat championship games as standard games here
  471.         if (data.game.gametype == 6)
  472.             type_index = 0;
  473.         
  474.         
  475.         var requested = false;
  476.         for (var i=0; i<3; i++) {
  477.             var game_name = "game" + speedDataGames[type_index][i];
  478.             //console.log("Iter: " + i + " name: " + game_name + ".");
  479.         
  480.             if (!nu.data.games[game_name]) {
  481.                 nu.api.loadGameInfo(speedDataGames[type_index][i]);
  482.                 requested = true;
  483.             }
  484.            // console.log("y");
  485.         }
  486.         if (requested)
  487.             return;
  488.         
  489.         for (var i=0; i<3; i++) {
  490.             var game_name = "game" + speedDataGames[type_index][i];
  491.             //console.log("Iter2: " + i + " name: " + game_name + ".");
  492.             if (!nu.data.games[game_name].scores) {
  493.                 nu.api.loadGameScores(speedDataGames[type_index][i]);
  494.                // console.log("X");
  495.                 requested = true;            
  496.             }    
  497.             //console.log("x");
  498.         }  
  499.         if (requested)
  500.             return;
  501.             
  502.         //now build the arrays of ship counts
  503.         var ships = new Array();
  504.         var labels = new Array(); 
  505.     
  506.            
  507.         
  508.         labels.push("Turn");        
  509.         labels.push("Fastest game: " + nu.data.games["game" + speedDataGames[type_index][0]].game.name + " (" + nu.data.games["game" + speedDataGames[type_index][0]].game.id + ")");
  510.         labels.push("Median speed game: " + nu.data.games["game" + speedDataGames[type_index][1]].game.name + " (" + nu.data.games["game" + speedDataGames[type_index][1]].game.id + ")");
  511.         labels.push("Slowest game: " + nu.data.games["game" + speedDataGames[type_index][2]].game.name + " (" + nu.data.games["game" + speedDataGames[type_index][2]].game.id + ")");
  512.         labels.push("Current game: " + data.game.name);
  513.         labels.push("Ship limit 500");
  514.         
  515.         ships.push(labels);
  516.         
  517.         //var slots = data.game.slots;
  518.         var turns = data.game.turn;
  519.         
  520.         var games = new Array();
  521.         games.push(speedDataGames[type_index][0]);
  522.         games.push(speedDataGames[type_index][1]);
  523.         games.push(speedDataGames[type_index][2]);
  524.         games.push(data.game.id);
  525.                 
  526.         //start reading in all the scores for game and references
  527.         for (var t=1; t<=turns; t++) {
  528.                  
  529.             var ship_turn = new Array();
  530.             ship_turn.push(t);
  531.             
  532.             //loop over games in array
  533.             for (var g=0; g<games.length; g++) {
  534.                 var slots = nu.data.games["game"+games[g]].game.slots;
  535.                 
  536.                 var ships_sum = 0;
  537.                 
  538.                 if (t > nu.data.games["game"+games[g]].game.turn) {
  539.                     ship_turn.push(500);
  540.                 }
  541.                 else {
  542.                     for (var s=1; s<=slots; s++) {
  543.                         var index = (t-1) * slots + (s - 1);
  544.                         ships_sum += nu.data.games["game"+games[g]].scores[index].capitalships + nu.data.games["game"+games[g]].scores[index].freighters;                 
  545.                     }
  546.                     ship_turn.push(ships_sum);               
  547.                 }
  548.             }
  549.             ship_turn.push(500);
  550.                
  551.             ships.push(ship_turn);
  552.         }
  553.         
  554.         
  555.         data.speeddata = ships;   
  556.         
  557.         //console.log("Done creating speeddata");
  558.     }
  559.     
  560.     
  561.  
  562.     ViewGame.prototype.showGamespeed = function (screen, data) {
  563.  
  564.         if (data.game.turn <= 1) {
  565.             $("<div style='padding:30px;'>Game has not started yet.</div>").appendTo(screen.tabcontent);
  566.             return;
  567.         }
  568.         
  569.         if (data.game.gametype < 2 || (data.game.gametype > 4 && data.game.gametype != 6)) { //championship games like standard
  570.             $("<div style='padding:30px;'>Gametype not supported yet.</div>").appendTo(screen.tabcontent);
  571.             return;
  572.         }
  573.               
  574.         if (!data.scores) {
  575.             nu.api.loadGameScores(data.game.id);
  576.             return;
  577.         }      
  578.         
  579.         //console.log("Check for speed data");
  580.         if (!data.speeddata) {
  581.             nu.view.loadSpeedData(data);
  582.             return;            
  583.         }
  584.         
  585.         //console.log("there should be a graph soon...");
  586.               
  587. //        if (!nu.data.speeddata) {
  588. //            nu.view.scoresToSpeedData(data);
  589. //        }
  590.  
  591. //        if (!data.speeddata)
  592. //            console.log("I see the data.");
  593.  
  594.  
  595.         $("<div id='echartdisplay'></div>").appendTo(screen.tabcontent);
  596.  
  597.  
  598.         var data = google.visualization.arrayToDataTable(data.speeddata);        
  599.  
  600.         // Create and draw the visualization.
  601.         new google.visualization.LineChart(document.getElementById("echartdisplay")).draw(data,
  602.             {
  603.                 chartArea:{left:30,top:20,width:"75%",height:"90%"},
  604.                 legend: { position: "right", textStyle: { color: '#fff', fontSize: 11 } },
  605.                 lineWidth: 4,
  606.                 pointSize: 2,
  607.                 width: 1000,
  608.                 height: 600,
  609.                 backgroundColor: "transparent",
  610.                 hAxis: { textStyle: { color: '#fff', fontSize: 13 }, gridlines: { color: '#444', count: 4 } },
  611.                 vAxis: { textStyle: { color: '#fff', fontSize: 13 }, gridlines: { color: '#444', count: 4 } }
  612.             }
  613.         );
  614.         
  615.         //console.log("Done: there should be a graph now...");
  616.     };
  617.  
  618.  
  619.     ViewGame.prototype.showMilitaryPie = function (screen, data) {
  620.  
  621.         if (data.game.turn <= 1) {
  622.             $("<div style='padding:30px;'>Game has not started yet.</div>").appendTo(screen.tabcontent);
  623.             return;
  624.         }
  625.        
  626.         if (!data.scores) {
  627.             nu.api.loadGameScores(data.game.id);
  628.             return;
  629.         }
  630.         
  631.           
  632.         var military_pie_data = new Array();
  633.         var row = new Array();
  634.         row.push("Player");
  635.         row.push("Military Percentage");
  636.                
  637.         military_pie_data.push(row);
  638.        
  639.         for (var s=1; s<=data.game.slots; s++) {
  640.             row = new Array();
  641.             
  642.             var index = (data.game.turn-1) * data.game.slots + (s - 1);
  643.             
  644.             row.push(data.scores[index].name);
  645.             row.push(data.scores[index].percent);
  646.             
  647.             military_pie_data.push(row);
  648.         }
  649.         
  650.         $("<div id='echartdisplay'></div>").appendTo(screen.tabcontent);
  651.  
  652.         var data = google.visualization.arrayToDataTable(military_pie_data);        
  653.  
  654.         // Create and draw the visualization.
  655.         new google.visualization.PieChart(document.getElementById("echartdisplay")).draw(data,
  656.             {
  657.                 chartArea:{left:330,top:20,width:"75%",height:"90%"},
  658.                 legend: { position: "right", textStyle: { color: '#fff', fontSize: 11 } },
  659.                 lineWidth: 4,
  660.                 pointSize: 2,
  661.                 width: 1000,
  662.                 height: 600,
  663.                 backgroundColor: "transparent",
  664.                 hAxis: { textStyle: { color: '#fff', fontSize: 13 }, gridlines: { color: '#444', count: 4 } },
  665.                 vAxis: { textStyle: { color: '#fff', fontSize: 13 }, gridlines: { color: '#444', count: 4 } }
  666.             }
  667.         );
  668.     };
  669.     
  670.     ViewGame.prototype.showPlanetsPie = function (screen, data) {
  671.  
  672.         if (data.game.turn <= 1) {
  673.             $("<div style='padding:30px;'>Game has not started yet.</div>").appendTo(screen.tabcontent);
  674.             return;
  675.         }
  676.        
  677.         if (!data.scores) {
  678.             nu.api.loadGameScores(data.game.id);
  679.             return;
  680.         }
  681.         
  682.           
  683.         var military_pie_data = new Array();
  684.         var row = new Array();
  685.         row.push("Player");
  686.         row.push("Planets Owned Percentage");
  687.                
  688.         military_pie_data.push(row);
  689.        
  690.         for (var s=1; s<=data.game.slots; s++) {
  691.             row = new Array();
  692.             
  693.             var index = (data.game.turn-1) * data.game.slots + (s - 1);
  694.             
  695.             row.push(data.scores[index].name);
  696.             row.push(data.scores[index].planets);
  697.             
  698.             military_pie_data.push(row);
  699.         }
  700.         
  701.         $("<div id='echartdisplay'></div>").appendTo(screen.tabcontent);
  702.  
  703.         var data = google.visualization.arrayToDataTable(military_pie_data);        
  704.  
  705.         // Create and draw the visualization.
  706.         new google.visualization.PieChart(document.getElementById("echartdisplay")).draw(data,
  707.             {
  708.                 chartArea:{left:330,top:20,width:"75%",height:"90%"},
  709.                 legend: { position: "right", textStyle: { color: '#fff', fontSize: 11 } },
  710.                 lineWidth: 4,
  711.                 pointSize: 2,
  712.                 //pieSliceText: "label",
  713.                 width: 1000,
  714.                 height: 600,
  715.                 backgroundColor: "transparent",
  716.                 hAxis: { textStyle: { color: '#fff', fontSize: 13 }, gridlines: { color: '#444', count: 4 } },
  717.                 vAxis: { textStyle: { color: '#fff', fontSize: 13 }, gridlines: { color: '#444', count: 4 } }
  718.             }
  719.         );
  720.     };
  721. } //wrapper for injection