spacetac/src/scripts/view/BattleView.ts

module SpaceTac.View {
    // Interactive view of a Battle
    export class BattleView extends Phaser.State {

        // Displayed battle
        battle: Game.Battle;

        // Interacting player
        player: Game.Player;

        // UI container
        ui: UIGroup;

        // Battleground container
        arena: Phaser.Group;

        // Init the view, binding it to a specific battle
        init(player, battle) {
            this.player = player;
            this.battle = battle;
        }

        // Create view graphics
        create() {
            var game = this.game;
            var player = this.player;

            this.ui = new UIGroup(game);
            game.add.existing(this.ui);
            var ui = this.ui;

            this.arena = new Phaser.Group(game);
            game.add.existing(this.arena);
            var arena = this.arena;

            game.stage.backgroundColor = 0x000000;

            // Add ship buttons to UI
            this.battle.play_order.forEach(function(ship: Game.Ship, rank: number){
                new Widgets.ShipListItem(ui, 0, rank * 50, ship.getPlayer() === player);
            });

            // Add ship sprites to arena
            this.battle.play_order.forEach(function(ship: Game.Ship){
                new Arena.ShipArenaSprite(arena, ship);
            });
        }

        // Leaving the view, we unbind the battle
        shutdown() {
            this.battle = null;

            this.ui.destroy();
            this.ui = null;

            this.arena.destroy();
            this.arena = null;
        }
    }
}