Kliensoldali technológiák - Typescript

game-board.ts - checkWinner

checkWinner() {
    var points = 0;
    for (let fun of [
        (i: number, j: number) => this.board[i][j],
        (i: number, j: number) => this.board[j][i]
        ]) {
        for (let i = 0; i < this.x; i++) {
            let state = TileState.Empty;
            points = 1;
            for (let j = 0; j < this.y; j++) {
                let tile = fun(i, j);
                console.log(`${i}, ${j}, ${tile.state}, ${state}, ${points}`);
                if (tile.state !== TileState.Empty && tile.state == state) {
                    if (++points >= 5) {
                        this.won(tile.state === TileState.X ? 
                                 this.playerOne : this.playerTwo);
                    }
                } else {
                    points = 1;
                }
                state = tile.state;
            }
        }
    }
}

game-board.ts - initializeBoard

initializeBoard(tableElement: JQuery, board: Tile[][]) {
    tableElement.children().remove();

    let tBody = $("<tbody></tbody>");

    tableElement.append(tBody);
    console.log(tableElement.children());

    for (let i = 0; i < this.y; i++) {
        var rowTiles: Tile[] = [];
        let row = $("<tr></tr>");
        tBody.append(row);

        for (let j = 0; j < this.x; j++) {
            let column = $("<td></td>");
            row.append(column);
            rowTiles.push(new Tile(column));

        }
        this.board.push(rowTiles);
    }
}

game-board.ts - loadState

loadState() {
    let data = <SaveData>JSON.parse(localStorage.getItem("amoeba-table"));
    if (!data)
        return false;
    if (this.x !== data.x || this.y !== data.y) {
        localStorage.removeItem("amoeba-table");
        return false;
    }

    this.initializeBoard(this.tableElement, this.board = []);
    for (let i = 0; i < data.x; i++) {
        for (let j = 0; j < data.y; j++) {
            this.board[i][j].setState(data.tileStates[i][j]);
        }
    }
    this.playerOne = data.playerOne;
    this.playerTwo = data.playerTwo;
    this.currentPlayer = 
        (data.current === 'player-one') ? this.playerOne : this.playerTwo;
    return true;
}

game-board.ts - onTileClicked

onTileClicked(tile: Tile) {
    if (tile.state === TileState.Empty && this.winner === undefined) {
        if (this.currentPlayer === this.playerOne) {
            tile.setState(TileState.X);
            this.currentPlayer = this.playerTwo;
        } else if (this.currentPlayer === this.playerTwo) {
            tile.setState(TileState.O);
            this.currentPlayer = this.playerOne;
        }
        this.checkWinner();
    }
}

save-data.ts

import { TileState } from "./tile";

export interface SaveData {
    playerOne: PlayerInfo;
    playerTwo: PlayerInfo;
    current: 'player-one' | 'player-two';
    x: number;
    y: number;
    tileStates: TileState[][];
}

export interface PlayerInfo {
    name: string;
    id: number;
    gamesWon: number;
}