• Welcome to the Kancolle Wiki!
  • If you have any questions regarding site content, account registration, etc., please visit the KanColle Wiki Discord

User:Dragonjet/scripts/FleetReporting.js

From Kancolle Wiki
< User:Dragonjet
Revision as of 02:36, 31 January 2015 by Dragonjet (talk | contribs) (v6)
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
(function($){
	"use strict";
	console.log("Fleet Reporting v0.6");
	
	var routes = {};
	var thisRoute = [];
	var thisFleet = [];
	var fleetIndexer = "";
	
	$(document).ready(function(){
		if($(".FleetCompilation").length > 0){
			$(".FleetReport").each(function(){
				thisRoute = $(this).data("route").replace(/\W+/g, "");
				thisFleet = [ $(this).data("ship1"), $(this).data("ship2"), $(this).data("ship3"), $(this).data("ship4"), $(this).data("ship5"), $(this).data("ship6"), ];
				thisFleet.sort();
				fleetIndexer = thisFleet.join("-");
				if(typeof routes[thisRoute] == "undefined"){
					routes[thisRoute] = {};
				}
				if(typeof routes[thisRoute][fleetIndexer] == "undefined"){
					routes[thisRoute][fleetIndexer] = 0;
				}
				routes[thisRoute][fleetIndexer]++;
			});
			for(routeName in routes){
				$(".FleetCompilation").append("<div style='margin:0px 10px 10px; background:#fff; border:1px solid #ccc;'>");
				$(".FleetCompilation").append("<div style='padding:5px 10px;'>");
				$(".FleetCompilation").append("<div style='font-size:16px; font-weight:bold;'>"+routeName+"</div>");
				for(compoName in routes[routeName]){
					$(".FleetCompilation").append("<div style=''>");
					$(".FleetCompilation").append("<div style='width:100px; font-size:14px; font-weight:bold; float:left;'>"+compoName+"</div>");
					
					$(".FleetCompilation").append("<div style='width:200px; height:16px; border:1px solid #000; background:#444;  float:left;'>");
					$(".FleetCompilation").append("<div style='width:"+routes[routeName][compoName]+"px; height:16px; background:#0f0;'></div>");
					$(".FleetCompilation").append("</div>");
					
					$(".FleetCompilation").append("<div style='width:100px;  float:left;'>"+routes[routeName][compoName]+"</div>");
					$(".FleetCompilation").append("</div>");
					
					$(".FleetCompilation").append("<div style='clear:both;'></div>");
				}
				$(".FleetCompilation").append("</div></div>");
			}
			console.log(routes);
		}
	});

}(jQuery));