statki/public/assets/js/battleships-lib.js

class Battleships {
    constructor(boardSize) {
        if (boardSize>0) {
            this.boardSize = boardSize;
        } else {
            throw new Error("Incorrect boardSize for the 'Battleships' class");
        }
    }

    generateDOMBoard(size) {
        let board = "";
        for (var i = 0; i < size; i++) {
            let row = "<div class=\"row\">";
            for (var n = 0; n < size; n++) {
                row += `<div class="field" data-pos-x="${n}" data-pos-y="${i}"><div class="shipField"><svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='#f33838' stroke-width='10'/><path d='M0 0 L100 100 ' stroke='#f33838' stroke-width='10'/></svg></div></div>`;
            }
            row += "</div>";
            board += row;
        }

        return board;
    }

    getField(x, y) {
        if (0 <= x && x < this.boardSize && 0 <= y && y < this.boardSize) {
            x++;
            y++;
            return $(`#board .row:nth-child(${y}) .field:nth-child(${x})`);
        } else {
            throw new RangeError("getField position out of range.");
        }
    }

    getRow(row) {
        row++;
        if (row<=this.boardSize) {
            return $(`.board .row:nth-child(${row}) .field`);
        } else {
            throw new RangeError("getRow position out of range.");
        }
    }

    getColumn(column) {
        column++;
        if (column<=this.boardSize) {
            return $(`.board .row .field:nth-child(${column})`);
        } else {
            throw new RangeError("getColumn position out of range.");
        }
    }

    placeShip(data) {
        let fields = [];
        switch (data.rot) {
            case 0:
                for (let i = 0; i <= data.type; i++) {
                    fields.push([data.posX + i, data.posY]);
                }
                break;
            case 1:
                for (let i = 0; i <= data.type; i++) {
                    fields.push([data.posX, data.posY + i]);
                }
                break;
            case 2:
                for (let i = 0; i <= data.type; i++) {
                    fields.push([data.posX - i, data.posY]);
                }
                break;
            case 3:
                for (let i = 0; i <= data.type; i++) {
                    fields.push([data.posX, data.posY - i]);
                }
                break;
        }

        fields.forEach(field => {
            this.getField(field[0], field[1]).addClass("active");
        });

        return fields;
    }
}