User:Dragonjet/scripts/FleetReporting.js

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.7");
	
	var routes = {};
	var routeName = "";
	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));