@alisaitteke/seatmap-canvas 2.3.0 → 2.4.1

package/src/lib/svg/legend/legend.item.ts

@@ -1,53 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-import {dom} from "../../decorators";
-import SvgBase from "./../svg.base";
-import Legend from "../legend";
-import LegendCircle from "./legend.circle";
-import LegendTitle from "./legend.title";
-import LegendModel from "../../models/legend.model";
-
-@dom({
-    tag: "g",
-    class: "legend-item",
-    autoGenerate: false
-})
-export default class LegendItem extends SvgBase {
-
-    public circle: LegendCircle;
-    public title: LegendTitle;
-
-    constructor(public parent: Legend, public legend_data: LegendModel) {
-        super(parent);
-
-    }
-
-    update() {
-
-        this.circle = new LegendCircle(this);
-        this.addChild(this.circle);
-
-        this.title = new LegendTitle(this);
-        this.addChild(this.title);
-
-        this.updateChilds();
-
-        this.title.node.text(this.legend_data.title);
-
-        if(this.child_index){
-            let x = 0;
-            let y = this.child_index * this.global.config.legend_style.padding;
-
-            this.node.attr("transform", "translate(" + [x, y] + ")")
-        }
-
-
-
-    }
-
-
-}

package/src/lib/svg/legend/legend.title.ts

@@ -1,27 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-import {dom} from "../../decorators";
-import SvgBase from "./../svg.base";
-import LegendItem from "./legend.item";
-
-@dom({
-    tag: "text",
-    class: "legend-title",
-    autoGenerate: false
-})
-export default class LegendTitle extends SvgBase {
-
-    constructor(public parent: LegendItem) {
-        super(parent);
-        this.attr("x", this.global.config.legend_style.radius * 1.5);
-        this.attr("fill", this.global.config.legend_style.font_color);
-    }
-
-    update() {
-
-    }
-}

package/src/lib/svg/legend.ts

@@ -1,55 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-import {dom} from "../decorators";
-import SvgBase from "./svg.base";
-import Svg from "./svg.index";
-import LegendItem from "./legend/legend.item";
-
-@dom({
-    tag: "g",
-    class: "legend",
-    autoGenerate: false
-})
-export default class Legend extends SvgBase {
-
-
-    constructor(public parent: Svg) {
-        super(parent);
-    }
-
-    update() {
-
-        let legend_data: Array<any> = [];
-
-        legend_data.push({
-            title: this.global.config.lang.non_selectable,
-            color: this.global.config.seat_style.not_salable
-        });
-        legend_data.push({
-            title: this.global.config.lang.selectable,
-            color: this.global.config.seat_style.color
-        });
-        legend_data.push({
-            title: this.global.config.lang.your_selection,
-            color: this.global.config.seat_style.selected
-        });
-
-        for (let i = 0; i < legend_data.length; i++) {
-            let legend: LegendItem = new LegendItem(this, legend_data[i]);
-            this.addChild(legend);
-        }
-
-        this.updateChilds()
-    }
-
-    afterGenerate() {
-
-        let x = this.global.config.legend_style.radius * 2;
-        let y = 150 - (this.global.config.legend_style.padding * this.getChildCount());
-        this.node.attr("transform", "translate(" + [x, y] + ")");
-    }
-}

package/src/lib/svg/stage/blocks/block-item/block-item.bounds.ts

@@ -1,51 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-import SvgBase from "../../../svg.base";
-import {dom} from "../../../../decorators/dom";
-import BlockModel from "../../../../models/block.model";
-import Block from "./block-item.index";
-import {BoundItem} from "./bound/bound-item.index";
-
-@dom({
-    tag: "g",
-    class: "bounds",
-    autoGenerate: false
-})
-export default class BlockBounds extends SvgBase {
-
-    public bound1: BoundItem;
-    public bound2: BoundItem;
-
-    constructor(public parent: Block, public item: BlockModel) {
-        super(parent);
-        return this;
-    }
-
-    update(): this {
-
-        // add Border Bounds container
-        this.bound1 = new BoundItem(this, this.item);
-        this.bound1.attr("fill", this.parent.item.border_color);
-        this.bound1.attr("stroke-width", 70);
-        this.bound1.attr("stroke", this.parent.item.border_color);
-        this.bound1.classed("block-hull-border");
-
-        // add Border Bounds container
-        this.bound2 = new BoundItem(this, this.item);
-        this.bound2.attr("fill", this.item.color);
-        this.bound2.attr("stroke-width", 60);
-        this.bound2.attr("stroke", this.item.color);
-        this.bound2.classed("block-hull");
-
-
-        this.addChild(this.bound1);
-        this.addChild(this.bound2);
-
-        this.updateChilds();
-
-        return this;
-    }
-}

package/src/lib/svg/stage/blocks/block-item/block-item.index.ts

@@ -1,185 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-import {mouse as d3Mouse} from 'd3-selection'
-
-import BlocksManager from "../blocks.index";
-import SvgBase from "../../../svg.base";
-import {dom} from "../../../../decorators/dom";
-import BlockModel from "../../../../models/block.model";
-import Seats from "./block-item.seats.index";
-import BlockInfo from "./block-item.info.index";
-import BlockBounds from "./block-item.bounds";
-import {EventType, SeatAction, ZoomLevel} from "../../../../enums/global";
-import BlockMask from "./block-item.mask";
-import Labels from "./block-item.labels.index";
-import SeatModel from "../../../../models/seat.model";
-
-
-@dom({
-    tag: "g",
-    class: "block",
-    autoGenerate: false
-})
-export default class Block extends SvgBase {
-
-
-    public seats: Seats;
-    public labels: Labels;
-    public info: BlockInfo;
-    public mask: BlockMask;
-    public bounds: BlockBounds;
-
-    public center_position: any = {
-        x: null,
-        y: null
-    };
-    public top_position: any = {
-        x: null,
-        y: null
-    };
-
-    constructor(public parent: BlocksManager, public item: BlockModel) {
-        super(parent);
-        this.attr("id", item.id);
-        this.attr("opacity", 0);
-
-
-        this.global.eventManager.addEventListener(EventType.ZOOM_LEVEL_CHANGE, (levelObject: any) => {
-            if (levelObject.level === ZoomLevel.VENUE) {
-                this.mask.blockLevelMask.show();
-                this.mask.seatLevelMask.show();
-                this.seats.resetSeatsColors(false);
-                this.infosToCenter();
-            } else if (levelObject.level === ZoomLevel.BLOCK) {
-                this.mask.blockLevelMask.hide();
-                this.mask.seatLevelMask.show();
-                this.infosToTop();
-            } else if (levelObject.level === ZoomLevel.SEAT) {
-                this.mask.blockLevelMask.hide();
-                this.mask.seatLevelMask.hide();
-                this.seats.resetSeatsColors(false);
-                this.infosToTop();
-            }
-        });
-
-        this.global.eventManager.addEventListener(EventType.MULTI_SELECT_ENABLE, () => {
-            this.seats.resetSeatsColors(false);
-        });
-        this.global.eventManager.addEventListener(EventType.MULTI_SELECT_DISABLE, () => {
-            this.seats.resetSeatsColors(false);
-        });
-
-
-        // grid search
-        this.global.eventManager.addEventListener(EventType.MOUSEMOVE_BLOCK, (block_item: Block) => {
-
-            if (!this.parent.parent.searchCircle.is_enable) return;
-            if (this.global.multi_select) return;
-            let cor = d3Mouse(this.parent.parent.blocks.node.node());
-            let gap = this.global.config.zoom_focus_circle_radius;
-
-            if (this.global.zoomManager.zoomLevel === ZoomLevel.BLOCK) {
-                for (let i = 0; i < block_item.seats.getSeatsCount(); i++) {
-                    let _seat = block_item.seats.getSeatByIndex(i);
-                    let _item: SeatModel = _seat.item;
-                    let color = _seat.getColor();
-                    if (_seat.isSelected()) {
-                        color = _seat.getColor(SeatAction.SELECT);
-                    } else {
-                        if ((_item.x - gap < cor[0] && _item.x + gap > cor[0]) && (_item.y - gap < cor[1] && _item.y + gap > cor[1])) {
-                            color = _seat.getColor(SeatAction.FOCUS);
-                        }
-                        _seat.setColor(color);
-                    }
-
-
-                }
-            }
-        });
-
-        this.global.eventManager.addEventListener(EventType.MOUSELEAVE_BLOCK, (block_item: Block) => {
-            console.log(block_item)
-            this.seats.resetSeatsColors()
-
-        })
-
-        // grid search
-        // this.global.eventManager.addEventListener(EventType.TOUCHSTART_BLOCK, (block_item: Block) => {
-        //     console.log(block_item);
-        // });
-
-        this.parent.node.on("mouseleave.seats", () => {
-            this.seats.resetSeatsColors(false);
-        });
-
-        return this;
-    }
-
-
-    public update() {
-
-        // add Block Bounds container
-        this.bounds = new BlockBounds(this, this.item);
-        this.addChild(this.bounds);
-
-
-        // add Seat container
-        this.seats = new Seats(this, this.item);
-        this.addChild(this.seats);
-
-
-        // add Labels container
-        this.labels = new Labels(this, this.item);
-        this.addChild(this.labels);
-
-
-        // add Block Info container
-        this.mask = new BlockMask(this, this.item);
-        this.addChild(this.mask);
-
-
-        this.info = new BlockInfo(this, this.item);
-        this.addChild(this.info);
-
-
-        this.center_position.x = ((this.item.bounds[1][0] - this.item.bounds[2][0]) / 2) + this.item.bounds[2][0];
-        this.center_position.y = ((this.item.bounds[0][1] - this.item.bounds[1][1]) / 2) + this.item.bounds[1][1];
-
-        this.top_position.x = this.center_position.x;
-        this.top_position.y = (this.item.bounds[1][1] - 50);
-
-
-        // update childs
-        this.updateChilds();
-
-
-        this.infosToCenter();
-
-
-        this.node.interrupt().transition().duration(this.global.config.animation_speed).attr("opacity", 1);
-
-        if (this.item.rotate) {
-            this.node.attr("transform-origin", `${this.center_position.x} ${this.center_position.y}`);
-            this.node.attr("transform", 'rotate(' + this.item.rotate + ')');
-        }
-
-
-        return this;
-    }
-
-    public infosToTop() {
-        if (this.info.node && this.top_position.x)
-            this.info.node.interrupt().transition().duration(this.global.config.animation_speed).attr("transform", "translate(" + this.top_position.x + "," + this.top_position.y + ")").attr("opacity", 1).attr("font-size", 14).attr("fill", "#ffffff");
-    }
-
-    public infosToCenter() {
-        if (this.info.node && this.center_position.x)
-            this.info.node.interrupt().transition().duration(this.global.config.animation_speed).attr("transform", "translate(" + this.center_position.x + "," + this.center_position.y + ")").attr("opacity", 1).attr("font-size", 28).attr("fill", "#ffffff");
-
-    }
-
-
-}

package/src/lib/svg/stage/blocks/block-item/block-item.info.index.ts

@@ -1,39 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-import SvgBase from "../../../svg.base";
-import {dom} from "../../../../decorators/dom";
-import BlockModel from "../../../../models/block.model";
-import Block from "./block-item.index";
-import {BlockTitle} from "./info/title";
-
-@dom({
-    tag: "g",
-    class: "info",
-    autoGenerate: false
-})
-export default class BlockInfo extends SvgBase {
-
-    public title: BlockTitle;
-
-
-    constructor(public parent: Block, public item: BlockModel) {
-        super(parent);
-        console.log('item',item)
-        this.attr("opacity", 0);
-        let x = ((this.item.bounds[1][0] - this.item.bounds[2][0]) / 2) + this.item.bounds[2][0];
-        let y = ((this.item.bounds[0][1] - this.item.bounds[1][1]) / 2) + this.item.bounds[1][1];
-        this.attr("transform", "translate(" + [x, y] + ")");
-        return this;
-    }
-
-    update(): this {
-        this.title = new BlockTitle(this);
-        this.addChild(this.title);
-        this.updateChilds();
-        this.title.node.text(this.parent.item.title);
-        return this;
-    }
-}

package/src/lib/svg/stage/blocks/block-item/block-item.labels.index.ts

@@ -1,41 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-import SvgBase from "../../../svg.base";
-import {dom} from "../../../../decorators/dom";
-import Block from "./block-item.index";
-import BlockModel from "../../../../models/block.model";
-import {LabelItem} from "./label/label-item.index";
-import LabelModel from "../../../../models/label.model";
-
-
-@dom({
-    tag: "g",
-    class: "labels",
-    autoGenerate: false
-})
-export default class Labels extends SvgBase {
-
-    constructor(public parent: Block, public item: BlockModel) {
-        super(parent);
-        return this;
-    }
-
-    update(): this {
-        // add seat items in blockItem container
-        this.item.labels.map((label: LabelModel) => {
-            this.addChild(new LabelItem(this, label))
-        });
-        this.updateChilds();
-        return this;
-    }
-
-    // Getting labels method
-    // ex: seatmap.stage.blocks.getBlock(2).seats.getSeat("1-1")
-    public getLabels(): Array<LabelItem> {
-        return this.child_items;
-    }
-}

package/src/lib/svg/stage/blocks/block-item/block-item.mask.ts

@@ -1,67 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-import SvgBase from "../../../svg.base";
-import {dom} from "../../../../decorators/dom";
-import BlockModel from "../../../../models/block.model";
-import Block from "./block-item.index";
-import {BoundItem} from "./bound/bound-item.index";
-import {EventType} from "../../../../enums/global";
-
-@dom({
-    tag: "g",
-    class: "masks",
-    autoGenerate: false
-})
-export default class BlockMask extends SvgBase {
-
-    public blockLevelMask: BoundItem;
-    public seatLevelMask: BoundItem;
-
-    constructor(public parent: Block, public item: BlockModel) {
-        super(parent);
-
-        this.global.eventManager.addEventListener(EventType.BOUND_CLICK, (bound: BoundItem) => {
-            if(this.global.multi_select)return;
-            let _block = bound.parent.parent.item;
-            if (bound.hasTag("block-level")) {
-                parent.global.zoomManager.zoomToBlock(_block.id);
-            } else if (bound.hasTag("seat-level")) {
-                parent.global.zoomManager.zoomToSelection();
-            }
-        });
-
-
-        return this;
-    }
-
-    update(): this {
-
-        // add Border Bounds container
-        this.seatLevelMask = new BoundItem(this, this.item);
-        this.seatLevelMask.attr("fill", this.item.color);
-        this.seatLevelMask.attr("stroke-width", 59);
-        this.seatLevelMask.attr("stroke", this.item.color);
-        this.seatLevelMask.tags.push("seat-level");
-        this.seatLevelMask.classed("seat-level-mask");
-
-
-        // add Border Bounds container
-        this.blockLevelMask = new BoundItem(this, this.item);
-        this.blockLevelMask.attr("fill", this.item.color);
-        this.blockLevelMask.attr("stroke-width", 59);
-        this.blockLevelMask.attr("stroke", this.item.color);
-        this.blockLevelMask.tags.push("block-level");
-        this.blockLevelMask.classed("block-level-mask");
-
-        this.addChild(this.seatLevelMask);
-        this.addChild(this.blockLevelMask);
-
-
-        this.updateChilds();
-
-        return this;
-    }
-}

package/src/lib/svg/stage/blocks/block-item/block-item.seats.index.ts

@@ -1,81 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-import SvgBase from "../../../svg.base";
-import {dom} from "../../../../decorators/dom";
-import Block from "./block-item.index";
-import SeatModel from "../../../../models/seat.model";
-import {SeatItem} from "./seat/seat-item.index";
-import BlockModel from "../../../../models/block.model";
-import {EventType, SeatAction} from "../../../../enums/global";
-
-
-@dom({
-    tag: "g",
-    class: "seats",
-    autoGenerate: false
-})
-export default class Seats extends SvgBase {
-
-    constructor(public parent: Block, public item: BlockModel) {
-        super(parent);
-
-        this.global.eventManager.addEventListener(EventType.MOUSEENTER_SEAT, (seat: SeatItem) => {
-            if (this.global.multi_select) return;
-            seat.setColor(seat.getColor(SeatAction.HOVER));
-            //this.global.zoomManager.zoomDisable();
-        });
-        this.global.eventManager.addEventListener(EventType.MOUSELEAVE_SEAT, (seat: SeatItem) => {
-            seat.setColor(seat.getColor());
-            //this.global.zoomManager.zoomEnable();
-        });
-
-        return this;
-    }
-
-    update(): this {
-        // add seat items in blockItem container
-        this.item.seats.forEach((seat: SeatModel) => {
-            this.addChild(new SeatItem(this, seat), {id: seat.id})
-        });
-        this.updateChilds();
-        return this;
-    }
-
-    // Getting seat method
-    // ex: seatmap.stage.blocks.getBlock(2).seats.getSeat("1-1")
-    public getSeat(id: any): SeatItem {
-        return this.child_items.find((seat: SeatItem) => seat.item.id == id);
-    }
-
-    // Getting seats method
-    // ex: seatmap.stage.blocks.getBlock(2).seats.getSeat("1-1")
-    public getSeats(): Array<SeatItem> {
-        return this.child_items;
-    }
-
-    public getSeatsCount(): number {
-        return this.child_items.length;
-    }
-
-    public getSeatByIndex(index: number): SeatItem {
-        return this.child_items[index];
-    }
-
-    public resetSeatsColors(animation: boolean = false) {
-        for (let i = 0; i < this.getSeatsCount(); i++) {
-            let _seat = this.getSeatByIndex(i);
-            let _item: SeatModel = _seat.item;
-
-            let color = _seat.getColor();
-
-            if (!_seat.isSelected() && _seat.isSalable()) {
-                color = _seat.getColor(SeatAction.LEAVE);
-                _seat.setColor(color, animation);
-            }
-        }
-    }
-}

package/src/lib/svg/stage/blocks/block-item/bound/bound-item.index.ts

@@ -1,43 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-import SvgBase from "../../../../svg.base";
-import {dom} from "../../../../../decorators/dom";
-import BlockBounds from "../block-item.bounds";
-import BlockModel from "../../../../../models/block.model";
-import BlockMask from "../block-item.mask";
-
-
-@dom({
-    tag: "path",
-    class: "bound",
-    autoGenerate: false
-})
-export class BoundItem extends SvgBase {
-
-
-    constructor(public parent: BlockBounds|BlockMask, public item: BlockModel) {
-        super(parent);
-    }
-
-    show(){
-        this.node.classed("bound-hide",false);
-    }
-
-    hide(){
-        this.node.classed("bound-hide",true);
-    }
-
-    update(): this {
-        this.updateChilds();
-        this.node
-            .datum(this.item.bounds)
-            .attr("d", function (d: any) {
-                return "M" + d.join("L") + "Z";
-            });
-        return this;
-    }
-}

package/src/lib/svg/stage/blocks/block-item/info/title.ts

@@ -1,30 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-import SvgBase from "../../../../svg.base";
-import {dom} from "../../../../../decorators/dom";
-import BlockInfo from "../block-item.info.index";
-
-
-@dom({
-    tag: "text",
-    class: "title",
-    autoGenerate: false
-})
-export class BlockTitle extends SvgBase {
-
-
-    constructor(public parent: BlockInfo) {
-        super(parent);
-        this.attr("fill",this.global.config.block_style.title_color);
-
-    }
-
-
-    update(): this {
-        return this;
-    }
-}