buildingSpacePort.js

YAHOO.namespace("lacuna.buildings");

if (typeof YAHOO.lacuna.buildings.SpacePort == "undefined" || !YAHOO.lacuna.buildings.SpacePort) {
	
(function(){
	var Lang = YAHOO.lang,
		Util = YAHOO.util,
		Dom = Util.Dom,
		Event = Util.Event,
		Sel = Util.Selector,
		Pager = YAHOO.widget.Paginator,
		Lacuna = YAHOO.lacuna,
		Game = Lacuna.Game,
		Lib = Lacuna.Library;

	var SpacePort = function(result){
		SpacePort.superclass.constructor.call(this, result);
		
		this.service = Game.Services.Buildings.SpacePort;
	};
	
	Lang.extend(SpacePort, Lacuna.buildings.Building, {
		destroy : function() {
			if(this.shipsPager) {
				this.shipsPager.destroy();
			}
			if(this.viewPager) {
				this.viewPager.destroy();
			}
			if(this.foreignPager) {
				this.foreignPager.destroy();
			}
			SpacePort.superclass.destroy.call(this);
		},
		getChildTabs : function() {
			return [this._getTravelTab(), this._getViewTab(), this._getForeignTab(), this._getSendTab()];
		},
		_getTravelTab : function() {
			this.travelTab = new YAHOO.widget.Tab({ label: "Traveling", content: [
				'<div>',
				'	<div style="height:300px;overflow:auto;margin-top:2px;">',
				'		<ul id="shipDetails">',
				'		</ul>',
				'	</div>',
				'	<div id="shipsPaginator"></div>',
				'</div>'
			].join('')});
			/*
			
				'	<ul class="shipHeader shipInfo clearafter">',
				'		<li class="shipTypeImage">&nbsp;</li>',
				'		<li class="shipName">Name</li>',
				'		<li class="shipArrives">Arrives</li>',
				'		<li class="shipFrom">From</li>',
				'		<li class="shipTo">To</li>',
				'		<li class="shipSpeed">Speed</li>',
				'		<li class="shipHold">Hold Size</li>',
				'		<li class="shipHold">Stealth</li>',
				'	</ul>',
				'	<div><div id="shipDetails"></div></div>',
			*/
			//subscribe after adding so active doesn't fire
			this.travelTab.subscribe("activeChange", this.getTravel, this, true);
			
			return this.travelTab;
		},
		_getViewTab : function() {
			this.viewShipsTab = new YAHOO.widget.Tab({ label: "View", content: [
				'<div>',
				'	<ul class="shipHeader shipInfo clearafter">',
				'		<li class="shipTypeImage">&nbsp;</li>',
				'		<li class="shipName">Name</li>',
				'		<li class="shipTask">Task</li>',
				'		<li class="shipSpeed">Speed</li>',
				'		<li class="shipHold">Hold Size</li>',
				'		<li class="shipHold">Stealth</li>',
				'	</ul>',
				'	<div style="height:300px;overflow:auto;"><div id="shipsViewDetails"></div></div>',
				'	<div id="shipsViewPaginator"></div>',
				'</div>'
			].join('')});
			//subscribe after adding so active doesn't fire
			this.viewShipsTab.subscribe("activeChange", this.getShips, this, true);
			
			return this.viewShipsTab;
		},
		_getForeignTab : function() {
			this.foreignShipsTab = new YAHOO.widget.Tab({ label: "Incoming", content: [
				'<div>',
				'	<ul class="shipHeader shipInfo clearafter">',
				'		<li class="shipTypeImage">&nbsp;</li>',
				'		<li class="shipName">Name</li>',
				'		<li class="shipArrives">Arrives</li>',
				'		<li class="shipFrom">From</li>',
				'	</ul>',
				'	<div><div id="shipsForeignDetails"></div></div>',
				'	<div id="shipsForeignPaginator"></div>',
				'</div>'
			].join('')});
			//subscribe after adding so active doesn't fire
			this.foreignShipsTab.subscribe("activeChange", this.getForeign, this, true);
			
			return this.foreignShipsTab;
		},
		_getSendTab : function() {
			this.sendTab = new YAHOO.widget.Tab({ label: "Send", content: [
				'<div>',
				'To send ships you must visit the Star Map.  Click <img src="',Lib.AssetUrl, 'ui/s/star_map.png" style="height:22px;width:20px;" title="Star Map" />',
				' in the top menu bar all the way to the left. Once in the Star Map click a star, or a planet, to see what ships may be available to send.', 
				'</div>'
			].join('')});
			
			return this.sendTab;
		},
		
		getTravel : function(e) {
			if(e.newValue) {
				if(!this.shipsTraveling) {
					Lacuna.Pulser.Show();
					this.service.view_ships_travelling({session_id:Game.GetSession(),building_id:this.building.id,page_number:1}, {
						success : function(o){
							YAHOO.log(o, "info", "SpacePort.view_ships_travelling.success");
							Lacuna.Pulser.Hide();
							this.rpcSuccess(o);
							this.shipsTraveling = {
								number_of_ships_travelling: o.result.number_of_ships_travelling,
								ships_travelling: o.result.ships_travelling
							};
							this.shipsPager = new Pager({
								rowsPerPage : 25,
								totalRecords: o.result.number_of_ships_travelling,
								containers  : 'shipsPaginator',
								template : "{PreviousPageLink} {PageLinks} {NextPageLink}",
								alwaysVisible : false

							});
							this.shipsPager.subscribe('changeRequest',this.ShipHandlePagination, this, true);
							this.shipsPager.render();
							
							this.SpacePortPopulate();
						},
						failure : function(o){
							YAHOO.log(o, "error", "SpacePort.view_ships_travelling.failure");
							Lacuna.Pulser.Hide();
							this.rpcFailure(o);
						},
						timeout:Game.Timeout,
						scope:this
					});
				}
				else {
					this.SpacePortPopulate();
				}
			}
		},
		getShips : function(e) {
			if(e.newValue) {
				if(!this.shipsView) {
					Lacuna.Pulser.Show();
					this.service.view_all_ships({session_id:Game.GetSession(),building_id:this.building.id,page_number:1}, {
						success : function(o){
							YAHOO.log(o, "info", "SpacePort.view_all_ships.success");
							Lacuna.Pulser.Hide();
							this.rpcSuccess(o);
							this.shipsView = {
								number_of_ships: o.result.number_of_ships,
								ships: o.result.ships
							};
							this.viewPager = new Pager({
								rowsPerPage : 25,
								totalRecords: o.result.number_of_ships,
								containers  : 'shipsViewPaginator',
								template : "{PreviousPageLink} {PageLinks} {NextPageLink}",
								alwaysVisible : false

							});
							this.viewPager.subscribe('changeRequest',this.ViewHandlePagination, this, true);
							this.viewPager.render();
							
							this.ViewPopulate();
						},
						failure : function(o){
							YAHOO.log(o, "error", "SpacePort.view_all_ships.failure");
							Lacuna.Pulser.Hide();
							this.rpcFailure(o);
						},
						timeout:Game.Timeout,
						scope:this
					});
				}
				else {
					this.ViewPopulate();
				}
			}
		},
		getForeign : function(e) {
			if(e.newValue) {
				if(!this.shipsForeign) {
					Lacuna.Pulser.Show();
					this.service.view_foreign_ships({session_id:Game.GetSession(),building_id:this.building.id,page_number:1}, {
						success : function(o){
							YAHOO.log(o, "info", "SpacePort.view_foreign_ships.success");
							Lacuna.Pulser.Hide();
							this.rpcSuccess(o);
							this.shipsForeign = {
								number_of_ships: o.result.number_of_ships,
								ships: o.result.ships
							};
							this.foreignPager = new Pager({
								rowsPerPage : 25,
								totalRecords: o.result.number_of_ships,
								containers  : 'shipsForeignPaginator',
								template : "{PreviousPageLink} {PageLinks} {NextPageLink}",
								alwaysVisible : false

							});
							this.foreignPager.subscribe('changeRequest',this.ForeignHandlePagination, this, true);
							this.foreignPager.render();
							
							this.ForeignPopulate();
						},
						failure : function(o){
							YAHOO.log(o, "error", "SpacePort.view_foreign_ships.failure");
							Lacuna.Pulser.Hide();
							this.rpcFailure(o);
						},
						timeout:Game.Timeout,
						scope:this
					});
				}
				else {
					this.ForeignPopulate();
				}
			}
		},
		
		SpacePortPopulate : function() {
			var ships = this.shipsTraveling.ships_travelling,
				details = Dom.get("shipDetails");

			if(details) {
				var parentEl = details.parentNode,
					li = document.createElement("li"),
					now = new Date();
				
				Event.purgeElement(details);
				details = parentEl.removeChild(details);
				details.innerHTML = "";
				
				for(var i=0; i<ships.length; i++) {
					var ship = ships[i],
						nLi = li.cloneNode(false),
						sec = (Lib.parseServerDate(ship.date_arrives).getTime() - now.getTime()) / 1000;
					
					nLi.innerHTML = ['<div class="yui-gf" style="margin-bottom:2px;">',
					'	<div class="yui-u first" style="width:15%;background:transparent url(',Lib.AssetUrl,'star_system/field.png) no-repeat center;text-align:center;">',
					'		<img src="',Lib.AssetUrl,'ships/',ship.type,'.png" title="',ship.type_human,'" style="width:50px;height:50px;" />',
					'	</div>',
					'	<div class="yui-u" style="width:83%">',
					'		<span class="shipName">',ship.name,'</span>: ',
					'		<div><label style="font-weight:bold;">Travel:</label>',
					'			<span style="white-space:nowrap;"><label style="font-style:italic">Arrives: </label><span class="shipArrives">',Lib.formatTime(sec),'</span></span>',
					'			<span style="white-space:nowrap;"><label style="font-style:italic">From: </label><span class="shipFrom">',ship.from.name,'</span></span>',
					'			<span style="white-space:nowrap;"><label style="font-style:italic">To: </label><span class="shipTo">',ship.to.name,'</span></span>',
					'		</div>',
					'		<div><label style="font-weight:bold;">Attributes:</label>',
					'			<span style="white-space:nowrap;"><label style="font-style:italic">Speed: </label>',ship.speed,'</span>',
					'			<span style="white-space:nowrap;"><label style="font-style:italic">Hold Size: </label>',ship.hold_size,'</span>',
					'			<span style="white-space:nowrap;"><label style="font-style:italic">Stealth: </label>',ship.stealth,'</span>',
					'		</div>',
					'	</div>',
					'</div>'].join('');
					var sn = Sel.query("span.shipName",nLi,true);
					Event.on(sn, "click", this.ShipName, {Self:this,Ship:ship,el:sn}, true);
					//Event.on(Sel.query("span.shipFrom",nLi,true), "click", this.EmpireProfile, ship.from);
					//Event.on(Sel.query("span.shipTo",nLi,true), "click", this.EmpireProfile, ship.to);
					
					this.addQueue(sec, this.SpacePortQueue, nLi);
					
					details.appendChild(nLi);
				}

				//add child back in
				parentEl.appendChild(details);
			}
		},
		ShipHandlePagination : function(newState) {
			Lacuna.Pulser.Show();
			this.service.view_ships_travelling({
				session_id:Game.GetSession(),
				building_id:this.building.id,
				page_number:newState.page
			}, {
				success : function(o){
					YAHOO.log(o, "info", "SpacePort.ShipHandlePagination.view_ships_travelling.success");
					Lacuna.Pulser.Hide();
					this.rpcSuccess(o);
					this.shipsTraveling = {
						number_of_ships_travelling: o.result.number_of_ships_travelling,
						ships_travelling: o.result.ships_travelling
					};
					this.SpacePortPopulate();
				},
				failure : function(o){
					YAHOO.log(o, "error", "SpacePort.ShipHandlePagination.view_ships_travelling.failure");
					Lacuna.Pulser.Hide();
					this.rpcFailure(o);
				},
				timeout:Game.Timeout,
				scope:this
			});
	 
			// Update the Paginator's state
			this.shipsPager.setState(newState);
		},
		SpacePortQueue : function(remaining, elLine){
			if(remaining <= 0) {
				elLine.parentNode.removeChild(elLine);
			}
			else {
				Sel.query("span.shipArrives",elLine,true).innerHTML = Lib.formatTime(Math.round(remaining));
			}
		},
		
		ViewPopulate : function() {
			var details = Dom.get("shipsViewDetails");
			
			if(details) {
				var ships = this.shipsView.ships,
					ul = document.createElement("ul"),
					li = document.createElement("li");
					
				Event.purgeElement(details);
				details.innerHTML = "";
								
				for(var i=0; i<ships.length; i++) {
					var ship = ships[i],
						nUl = ul.cloneNode(false),
						nLi = li.cloneNode(false);
						
					nUl.Ship = ship;
					Dom.addClass(nUl, "shipInfo");
					Dom.addClass(nUl, "clearafter");

					Dom.addClass(nLi,"shipTypeImage");
					Dom.setStyle(nLi, "background", ['transparent url(',Lib.AssetUrl,'star_system/field.png) no-repeat center'].join(''));
					Dom.setStyle(nLi, "text-align", "center");
					nLi.innerHTML = ['<img src="',Lib.AssetUrl,'ships/',ship.type,'.png" title="',ship.type_human,'" style="width:50px;height:50px;" />'].join('');
					nUl.appendChild(nLi);

					nLi = li.cloneNode(false);
					Dom.addClass(nLi,"shipName");
					nLi.innerHTML = ship.name;
					nUl.appendChild(nLi);
					Event.on(nLi, "click", this.ShipName, {Self:this,Ship:ship,el:nLi}, true);

					nLi = li.cloneNode(false);
					Dom.addClass(nLi,"shipTask");
					nLi.innerHTML = ship.task;
					nUl.appendChild(nLi);
					
					nLi = li.cloneNode(false);
					Dom.addClass(nLi,"shipSpeed");
					nLi.innerHTML = ship.speed;
					nUl.appendChild(nLi);

					nLi = li.cloneNode(false);
					Dom.addClass(nLi,"shipHold");
					nLi.innerHTML = ship.hold_size;
					nUl.appendChild(nLi);

					nLi = li.cloneNode(false);
					Dom.addClass(nLi,"shipHold");
					nLi.innerHTML = ship.stealth;
					nUl.appendChild(nLi);

					nLi = li.cloneNode(false);
					Dom.addClass(nLi,"shipScuttle");
					if(ship.task == "Docked") {
						var bbtn = document.createElement("button");
						bbtn.setAttribute("type", "button");
						bbtn.innerHTML = "Scuttle";
						bbtn = nLi.appendChild(bbtn);
						Event.on(bbtn, "click", this.ShipScuttle, {Self:this,Ship:ship,Line:nUl}, true);
					}
					nUl.appendChild(nLi);
								
					details.appendChild(nUl);
					
				}
			}
		},
		ViewHandlePagination : function(newState) {
			Lacuna.Pulser.Show();
			this.service.view_all_ships({
				session_id:Game.GetSession(),
				building_id:this.building.id,
				page_number:newState.page
			}, {
				success : function(o){
					YAHOO.log(o, "info", "SpacePort.ViewHandlePagination.view_all_ships.success");
					Lacuna.Pulser.Hide();
					this.rpcSuccess(o);
					this.shipsView = {
						number_of_ships: o.result.number_of_ships,
						ships: o.result.ships
					};
					this.ViewPopulate();
				},
				failure : function(o){
					YAHOO.log(o, "error", "SpacePort.ViewHandlePagination.view_all_ships.failure");
					Lacuna.Pulser.Hide();
					this.rpcFailure(o);
				},
				timeout:Game.Timeout,
				scope:this
			});
	 
			// Update the Paginator's state
			this.viewPager.setState(newState);
		},
		
		ShipName : function() {
			this.el.innerHTML = "";
			
			var inp = document.createElement("input"),
				bSave = document.createElement("button"),
				bCancel = bSave.cloneNode(false);
			inp.type = "text";
			inp.value = this.Ship.name;
			this.Input = inp;
			bSave.setAttribute("type", "button");
			bSave.innerHTML = "Save";
			Event.on(bSave,"click",this.Self.ShipNameSave,this,true);
			bCancel.setAttribute("type", "button");
			bCancel.innerHTML = "Cancel";
			Event.on(bCancel,"click",this.Self.ShipNameClear,this,true);
						
			Event.removeListener(this.el, "click");		
				
			this.el.appendChild(inp);
			this.el.appendChild(document.createElement("br"));
			this.el.appendChild(bSave);
			this.el.appendChild(bCancel);
		},
		ShipNameSave : function(e) {
			Event.stopEvent(e);
			Lacuna.Pulser.Show();
			var newName = this.Input.value;
			
			this.Self.service.name_ship({
				session_id:Game.GetSession(),
				building_id:this.Self.building.id,
				ship_id:this.Ship.id,
				name:newName
			}, {
				success : function(o){
					YAHOO.log(o, "info", "SpacePort.ShipNameSave.success");
					Lacuna.Pulser.Hide();
					this.Self.rpcSuccess(o);
					delete this.Self.shipsView;
					delete this.Self.shipsTraveling;
					this.Ship.name = newName;
					if(this.Input) {
						this.Input.value = newName;
					}
					this.Self.ShipNameClear.call(this);
				},
				failure : function(o){
					YAHOO.log(o, "error", "SpacePort.ShipNameSave.failure");
					Lacuna.Pulser.Hide();
					this.Self.rpcFailure(o);
					if(this.Input) {
						this.Input.value = this.Ship.name;
					}
				},
				timeout:Game.Timeout,
				scope:this
			});
		},
		ShipNameClear : function(e) {
			if(e) { Event.stopEvent(e); }
			if(this.Input) {
				delete this.Input;
			}
			if(this.el) {
				Event.purgeElement(this.el);
				this.el.innerHTML = this.Ship.name;
				Event.on(this.el, "click", this.Self.ShipName, this, true);
			}
		},
		
		ForeignPopulate : function() {
			var details = Dom.get("shipsForeignDetails");
			
			if(details) {
				var ships = this.shipsForeign.ships,
					ul = document.createElement("ul"),
					li = document.createElement("li");
					
				Event.purgeElement(details);
				details.innerHTML = "";
				
				var now = new Date();
				
				for(var i=0; i<ships.length; i++) {
					var ship = ships[i],
						nUl = ul.cloneNode(false),
						nLi = li.cloneNode(false),
						sec = (Lib.parseServerDate(ship.date_arrives).getTime() - now.getTime()) / 1000;
						
					nUl.Ship = ship;
					Dom.addClass(nUl, "shipInfo");
					Dom.addClass(nUl, "clearafter");

					Dom.addClass(nLi,"shipTypeImage");
					Dom.setStyle(nLi, "background", ['transparent url(',Lib.AssetUrl,'star_system/field.png) no-repeat center'].join(''));
					Dom.setStyle(nLi, "text-align", "center");
					nLi.innerHTML = ['<img src="',Lib.AssetUrl,'ships/',ship.type,'.png" title="',ship.type_human,'" style="width:50px;height:50px;" />'].join('');
					nUl.appendChild(nLi);

					nLi = li.cloneNode(false);
					Dom.addClass(nLi,"shipName");
					nLi.innerHTML = ship.name;
					nUl.appendChild(nLi);

					nLi = li.cloneNode(false);
					Dom.addClass(nLi,"shipArrives");
					nLi.innerHTML = Lib.formatTime(sec);
					nUl.appendChild(nLi);
					
					nLi = li.cloneNode(false);
					Dom.addClass(nLi,"shipFrom");
					if(ship.from && ship.from.name) {
						if(ship.from.empire && ship.from.empire.name) {
							nLi.innerHTML = ship.from.name + ' <span style="cursor:pointer;">[' + ship.from.empire.name + ']</span>';
							Event.on(nLi, "click", this.EmpireProfile, ship.from.empire);
						}
						else {
							nLi.innerHTML = ship.from.name;
						}
					}
					else {
						nLi.innerHTML = 'Unknown';
					}
					nUl.appendChild(nLi);

					this.addQueue(sec, this.ForeignQueue, nUl);
								
					details.appendChild(nUl);
					
				}
				
				//wait for tab to display first
				setTimeout(function() {
					if(details.parentNode.clientHeight > 300) {
						Dom.setStyle(details.parentNode,"height","300px");
						Dom.setStyle(details.parentNode,"overflow-y","auto");
					}
				},10);
			}
		},
		ForeignHandlePagination : function(newState) {
			Lacuna.Pulser.Show();
			this.service.view_foreign_ships({
				session_id:Game.GetSession(),
				building_id:this.building.id,
				page_number:newState.page
			}, {
				success : function(o){
					YAHOO.log(o, "info", "SpacePort.view_foreign_ships.success");
					Lacuna.Pulser.Hide();
					this.rpcSuccess(o);
					this.shipsForeign = {
						number_of_ships: o.result.number_of_ships,
						ships: o.result.ships
					};
					this.ForeignPopulate();
				},
				failure : function(o){
					YAHOO.log(o, "error", "SpacePort.view_foreign_ships.failure");
					Lacuna.Pulser.Hide();
					this.rpcFailure(o);
				},
				timeout:Game.Timeout,
				scope:this
			});
	 
			// Update the Paginator's state
			this.foreignPager.setState(newState);
		},
		ForeignQueue : function(remaining, elLine){
			if(remaining <= 0) {
				elLine.parentNode.removeChild(elLine);
			}
			else {
				Sel.query("li.shipArrives",elLine,true).innerHTML = Lib.formatTime(Math.round(remaining));
			}
		},
		
		EmpireProfile : function(e, empire) {
			Lacuna.Info.Empire.Load(empire.id);
		},
		ShipScuttle : function() {
			if(confirm(["Are you sure you want to Scuttle ",this.Ship.name,"?"].join(''))) {
				Lacuna.Pulser.Show();
				
				this.Self.service.scuttle_ship({
					session_id:Game.GetSession(),
					building_id:this.Self.building.id,
					ship_id:this.Ship.id
				}, {
					success : function(o){
						YAHOO.log(o, "info", "SpacePort.ShipScuttle.success");
						Lacuna.Pulser.Hide();
						this.Self.rpcSuccess(o);
						var ships = this.Self.shipsView.ships;
						for(var i=0; i<ships.length; i++) {
							if(ships[i].id == this.Ship.id) {
								ships.splice(i,1);
								break;
							}
						}
						this.Line.parentNode.removeChild(this.Line);
					},
					failure : function(o){
						YAHOO.log(o, "error", "SpacePort.ShipScuttle.failure");
						Lacuna.Pulser.Hide();
						this.Self.rpcFailure(o);
					},
					timeout:Game.Timeout,
					scope:this
				});
			}
		}
		
	});
	
	YAHOO.lacuna.buildings.SpacePort = SpacePort;

})();
YAHOO.register("spaceport", YAHOO.lacuna.buildings.SpacePort, {version: "1", build: "0"}); 

}