spacetac/src/ui/battle/BattleView.ts

/// <reference path="../BaseView.ts"/>

module TK.SpaceTac.UI {
    /**
     * Interface for interacting with a ship (hover and click)
     */
    export interface IShipButton {
        cursorOnShip: (ship: Ship) => void;
        cursorOffShip: (ship: Ship) => void;
        cursorClicked: () => void;
    }

    /**
     * Interactive view of a Battle
     */
    export class BattleView extends BaseView implements IShipButton {
        // Internal battle state
        actual_battle!: Battle

        // Displayed battle state
        battle!: Battle

        // Interacting player
        player!: Player

        // Multiplayer sharing
        multi!: MultiBattle

        // Turn planning for each fleets
        turn_plannings: TurnPlanning[] = []

        // Layers
        layer_background!: UIContainer
        layer_arena!: UIContainer
        layer_borders!: UIContainer
        layer_overlay!: UIContainer
        layer_sheets!: UIContainer

        // Background image
        background!: UIImage | null

        // Battleground container
        arena!: Arena

        // Info bar
        infobar!: BattleInfoBar

        // Targetting mode (null if we're not in this mode)
        targetting!: Targetting

        // Action bar
        action_bar!: ActionBar

        // Currently hovered ship
        ship_hovered: Ship | null = null

        // Currently selected ship
        ship_selected: Ship | null = null

        // Ship tooltip
        ship_tooltip!: ShipTooltip

        // Character sheet
        character_sheet!: CharacterSheet

        // Subscription to the battle log
        log_processor!: LogProcessor

        // True if player interaction is allowed
        interacting!: boolean

        // Tactical mode toggle
        toggle_tactical_mode!: Toggle

        // Toggle for the splash screen display
        splash = true

        // Init the view, binding it to a specific battle
        init(data: { player: Player, battle: Battle }) {
            super.init(data);

            this.player = data.player;
            this.actual_battle = data.battle;
            this.battle = duplicate(data.battle, <any>TK.SpaceTac);
            this.turn_plannings = [];
            this.ship_hovered = null;
            this.ship_selected = null;
            this.background = null;
            this.multi = new MultiBattle();

            this.toggle_tactical_mode = new Toggle(
                () => this.arena.setTacticalMode(true),
                () => this.arena.setTacticalMode(false)
            );
        }

        // Create view graphics
        create() {
            super.create();

            this.interacting = false;
            this.log_processor = new LogProcessor(this);

            let builder = new UIBuilder(this);

            // Add layers
            this.layer_background = this.getLayer("background");
            this.layer_arena = this.getLayer("arena");
            this.layer_borders = this.getLayer("borders");
            this.layer_overlay = this.getLayer("overlay");
            this.layer_sheets = this.getLayer("character_sheet");

            // Background
            this.background = builder.in(this.layer_background).image("battle-background");

            // Add arena (local battlefield map)
            this.arena = new Arena(this, this.layer_arena);
            this.arena.callbacks_hover.push(bound(this, "cursorHovered"));
            this.arena.callbacks_click.push(bound(this, "cursorClicked"));

            // Add UI elements
            this.action_bar = new ActionBar(this);
            this.infobar = new BattleInfoBar(this.layer_borders.getBuilder(), {
                showOptions: bound(this, "showOptions"),
                startResolution: bound(this, "startResolution"),
            });
            this.infobar.setPhase(this.battle.turncount, BattleInfoBarPhase.PLANNING);
            this.ship_tooltip = new ShipTooltip(this);
            this.character_sheet = new CharacterSheet(this, CharacterSheetMode.DISPLAY);
            this.character_sheet.moveToLayer(this.layer_sheets);

            // Targetting info
            this.targetting = new Targetting(this, this.action_bar, this.toggle_tactical_mode, this.arena.range_hint);
            this.targetting.moveToLayer(this.arena.layer_targetting);

            // BGM
            this.audio.startMusic("mechanolith", 0.2);

            // Key mapping
            this.inputs.bind("Enter", "Validate action", () => this.validationPressed());
            this.inputs.bind(" ", "Validate action", () => this.validationPressed());
            this.inputs.bind("Escape", "Cancel action", () => this.action_bar.actionEnded());
            range(10).forEach(i => this.inputs.bind(`Numpad${i % 10}`, `Action/target ${i}`, () => this.numberPressed(i)));
            range(10).forEach(i => this.inputs.bind(`Digit${i % 10}`, `Action/target ${i}`, () => this.numberPressed(i)));
            this.inputs.bindCheat("w", "Win current battle", () => {
                nn(this.player.getCheats()).win();
                this.log_processor.fastForward();
            });
            this.inputs.bindCheat("x", "Lose current battle", () => {
                nn(this.player.getCheats()).lose();
                this.log_processor.fastForward();
            });
            this.inputs.bindCheat("a", "Use AI to play", () => this.playAI());

            // Bind to log events
            this.log_processor.register(diff => {
                if (diff instanceof TurnStartDiff) {
                    return {
                        foreground: async () => {
                            this.setInteractionEnabled(false);
                            this.resetPlannings();
                            this.infobar.setPhase(this.battle.turncount, BattleInfoBarPhase.RESOLUTION);
                        }
                    };
                } else if (diff instanceof TurnEndDiff) {
                    return {
                        foreground: async () => {
                            this.setInteractionEnabled(true);
                            this.infobar.setPhase(this.battle.turncount,
                                this.battle.ended ? BattleInfoBarPhase.END : BattleInfoBarPhase.PLANNING
                            );
                        }
                    };
                } else {
                    return {};
                }
            });

            // "Battle" animation, then start processing the log
            if (this.battle.ended) {
                this.endBattle();
            } else if (this.gameui.isTesting) {
                this.setInteractionEnabled(true);
            } else if (this.splash) {
                this.showSplash().then(() => {
                    this.log_processor.start();
                });
            } else {
                this.log_processor.start();
            }

            // If we are on a remote session, start the exchange
            if (!this.session.primary && this.gameui.session_token) {
                // TODO handle errors or timeout
                this.multi.setup(this, this.actual_battle, this.gameui.session_token, false);
            }

            this.resetPlannings();
        }

        shutdown() {
            super.shutdown();

            this.log_processor.destroy();
        }

        /**
         * Make the AI play current ship
         * 
         * If the AI is already playing, do nothing
         */
        playAI(): void {
            if (this.session.spectator) {
                return;
            }

            if (this.actual_battle.playAI(this.debug)) {
                if (this.interacting) {
                    this.action_bar.setShip(new Ship());
                }
                this.setInteractionEnabled(false);
            }
        }

        /**
         * Apply a player action to the actual battle (this will add it to the current battle plan)
         */
        applyPlayerAction(action: BaseAction, target?: Target): boolean {
            if (this.session.spectator) {
                return false;
            }

            let done = false;
            this.turn_plannings.forEach(planning => {
                const ship = this.ship_selected;
                if (ship && this.player.is(planning.player) && this.player.is(ship.getPlayer())) {
                    const distance = target ? arenaDistance(ship.location, target) : undefined;
                    const angle = target && distance ? arenaAngle(ship.location, target) : undefined;
                    planning.addAction(ship, action, distance, angle);
                    done = true;
                }
            });

            if (done) {
                this.planningsChanged();
            }
            return done;
        }

        /**
         * Called when the plannings have been modified (this will update the one shown in the arena)
         */
        planningsChanged(): void {
            // By default, show the first plan matching the player
            const planning = first(this.turn_plannings, planning => this.player.is(planning.player));
            if (planning) {
                this.arena.refreshPlanDisplay(planning.getTurnPlan());
            } else {
                this.arena.refreshPlanDisplay();
            }
        }

        /**
         * Reset all plannings for a new turn
         */
        resetPlannings(): void {
            this.turn_plannings = this.battle.fleets.map(fleet => new TurnPlanning(this.battle, fleet.player));
            this.planningsChanged();
        }

        /**
         * Start the turn resolution
         */
        startResolution(): void {
            const message = "Validate your whole fleet planning, and proceed to turn resolution?";
            UIConfirmDialog.ask(this, message).then(ok => {
                if (ok) {
                    // TODO Check we are in planning phase
                    // TODO Wait for AI
                    // TODO Merge plans
                    this.actual_battle.applyTurnPlan(this.turn_plannings[0].getTurnPlan());
                }
            });
        }

        /**
         * Display the splash screen at the start of battle
         */
        showSplash(): Promise<void> {
            let splash = new BattleSplash(this, this.battle.fleets[0], this.battle.fleets[1]);
            return splash.start(this.layer_overlay);
        }

        /**
         * Handle the pressing of a number key
         */
        numberPressed(num: number): void {
            // TODO Helper for action selection and targetting ?
        }

        /**
         * Handle the pressing of a validation key (enter or space)
         */
        validationPressed(): void {
            if (this.targetting.active) {
                this.targetting.validate((action, target) => this.applyPlayerAction(action, target));
            } else {
                this.startResolution();
            }
        }

        /**
         * Method called when the arena cursor is hovered
         */
        cursorHovered(location: ArenaLocation | null, ship: Ship | null) {
            if (this.targetting.active) {
                this.targetting.setTargetFromLocation(location);
            } else {
                if (ship && this.ship_hovered != ship) {
                    this.cursorOnShip(ship);
                } else if (!ship && this.ship_hovered) {
                    this.cursorOffShip(this.ship_hovered);
                }
            }
        }

        /**
         * Method called when cursor starts hovering over a ship (or its icon)
         */
        cursorOnShip(ship: Ship): void {
            if (ship.alive) {
                this.setShipHovered(ship);
            }
        }

        /**
         * Method called when cursor stops hovering over a ship (or its icon)
         */
        cursorOffShip(ship: Ship): void {
            if (this.ship_hovered === ship) {
                this.setShipHovered(null);
            }
        }

        /**
         * Method called when cursor has been clicked (in space or on a ship)
         */
        cursorClicked(): void {
            if (this.targetting.active) {
                this.validationPressed();
            } else if (this.ship_hovered && this.player.is(this.ship_hovered.getPlayer()) && this.interacting) {
                this.setShipSelected(this.ship_hovered);
            } else {
                this.log_processor.fastForward();
            }
        }

        /**
         * Set the currently hovered ship
         */
        setShipHovered(ship: Ship | null): void {
            this.ship_hovered = ship;
            this.arena.setShipHovered(ship);

            if (ship) {
                this.ship_tooltip.setShip(ship);
            } else {
                this.ship_tooltip.hide();
            }
        }

        /**
         * Set the currently selected ship
         */
        setShipSelected(ship: Ship | null): void {
            if (ship && !this.player.is(ship.getPlayer())) {
                ship = null;
            }

            this.setShipHovered(null);

            this.ship_selected = ship;
            this.arena.setSelectedShip(ship);
            this.action_bar.setShip(ship);
        }

        /**
         * Enable or disable the global player interaction
         * 
         * Interaction should be disabled when showing the battle resolution, or when the AI is still thinking, or
         * when the battle is ended
         */
        setInteractionEnabled(enabled: boolean): void {
            if (this.session.spectator || this.battle.ended) {
                enabled = false;
            }

            if (enabled != this.interacting) {
                this.action_bar.setInteractivity(enabled);
                this.exitTargettingMode();
                this.interacting = enabled;

                if (!enabled) {
                    this.setShipHovered(null);
                    this.setShipSelected(null);
                }
            }
        }

        // Enter targetting mode
        //  While in this mode, the Targetting object will receive hover and click events, and handle them
        enterTargettingMode(ship: Ship, action: BaseAction, mode: ActionTargettingMode): Targetting | null {
            if (!this.interacting) {
                return null;
            }

            this.setShipHovered(null);

            this.targetting.setAction(ship, action, mode);
            return this.targetting;
        }

        // Exit targetting mode
        exitTargettingMode(): void {
            this.targetting.setAction(null, null);
        }

        /**
         * End the battle and show the outcome dialog
         */
        endBattle() {
            let battle = this.actual_battle;
            if (battle.outcome) {
                this.setInteractionEnabled(false);

                this.session.setBattleEnded();

                battle.stats.processLog(battle.log, this.player.fleet);

                new OutcomeDialog(this, this.player, battle.outcome, battle.stats);
            } else {
                console.error("Battle not ended !");
            }
        }

        /**
         * Exit the battle, and go back to map
         */
        exitBattle() {
            this.session.exitBattle();
            this.backToRouter();
        }

        /**
         * Revert the battle, and go back to map
         */
        revertBattle() {
            this.session.revertBattle();
            this.backToRouter();
        }
    }
}