@alisaitteke/seatmap-canvas 2.0.3 → 2.3.0

package/src/lib/models/seat.model.ts

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 
@@ -9,23 +9,19 @@ import ModelBase from "./model.base";
 import {SeatItem} from "../svg/stage/blocks/block-item/seat/seat-item.index";
 
 export default class SeatModel extends ModelBase {
-    private _id: any;
-    private _x: number;
-    private _y: number;
-    private _title?: string;
-    private _selected: boolean;
-
-    private _color: string;
-    private _block: BlockModel;
-    private _salable: boolean;
-    private _note: string;
-
-    private _tags: Array<string>;
-    private _tag_index: any = {};
-
-    private _custom_data: any;
-
-    private _svg: SeatItem;
+    id: any;
+    x: number;
+    y: number;
+    title?: string;
+    selected: boolean;
+    color: string;
+    block: BlockModel;
+    salable: boolean;
+    note: string;
+    tags: Array<string>;
+    tag_index: any = {};
+    custom_data: any;
+    svg: SeatItem | null;
 
     // public item_type: string = "Seat";
 
@@ -43,7 +39,8 @@ export default class SeatModel extends ModelBase {
         this.selected = item.selected || false;
         this.tags = item.tags || [];
         this.custom_data = item.custom_data || {};
-        this._tag_index = {};
+        this.tag_index = {};
+        this.svg = null
     }
 
     public selectedToggle(): boolean {
@@ -51,98 +48,10 @@ export default class SeatModel extends ModelBase {
         return this.selected;
     }
 
-    get x(): number {
-        return this._x;
-    }
-
-    set x(value: number) {
-        this._x = value;
-    }
-
-    get y(): number {
-        return this._y;
-    }
-
-    set y(value: number) {
-        this._y = value;
-    }
-
-    get title(): string {
-        return this._title;
-    }
-
-    set title(value: string) {
-        this._title = value;
-    }
-
-    get selected(): boolean {
-        return this._selected;
-    }
-
-    set selected(value: boolean) {
-        this._selected = value;
-    }
-
-    get color(): string {
-        return this._color;
-    }
-
-    set color(value: string) {
-        this._color = value;
-    }
-
-    get block(): BlockModel {
-        return this._block;
-    }
-
-    set block(value: BlockModel) {
-        this._block = value;
-    }
-
-    get salable(): boolean {
-        return this._salable;
-    }
-
-    set salable(value: boolean) {
-        this._salable = value;
-    }
-
-    get note(): string {
-        return this._note;
-    }
-
-    set note(value: string) {
-        this._note = value;
-    }
-
-    get id(): any {
-        return this._id;
-    }
-
-    set id(value: any) {
-        this._id = value;
-    }
-
-
-    get tags(): Array<string> {
-        return this._tags;
-    }
-
-    set tags(value: Array<string>) {
-        this._tags = value;
-    }
-
-    get svg(): SeatItem {
-        return this._svg;
-    }
-
-    set svg(value: SeatItem) {
-        this._svg = value;
-    }
 
     public addTag(tag: string) {
-        if (!this._tag_index[tag]) {
-            this._tag_index[tag] = true;
+        if (!this.tag_index[tag]) {
+            this.tag_index[tag] = true;
             this.tags.push(tag);
         }
     }
@@ -151,23 +60,6 @@ export default class SeatModel extends ModelBase {
 
     }
 
-    get tag_index(): any {
-        return this._tag_index;
-    }
-
-    set tag_index(value: any) {
-        this._tag_index = value;
-    }
-
-
-    get custom_data(): any {
-        return this._custom_data;
-    }
-
-    set custom_data(value: any) {
-        this._custom_data = value;
-    }
-
     public toJson() {
         return {
             id: this.id,

package/src/lib/svg/event.manager.ts

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import {SeatMapCanvas} from "../canvas.index";
@@ -13,23 +13,23 @@ export interface EventObject {
 }
 
 export default class EventManager {
-    private _events: Array<EventObject>;
+    events: Array<EventObject>;
 
 
     constructor(private _self: SeatMapCanvas) {
-        this._events = [];
+        this.events = [];
     }
 
     addEventListener(type: string | any, fn: any): this {
         if (isArray(type)) {
             for (let i = 0; i < type.length; i++) {
-                this._events.push({
+                this.events.push({
                     type: type[i],
                     fn: fn
                 });
             }
         } else {
-            this._events.push({
+            this.events.push({
                 type: type,
                 fn: fn
             });
@@ -39,18 +39,10 @@ export default class EventManager {
     }
 
     dispatch(type: string, data: any): this {
-        this._events
+        this.events
             .filter((event: EventObject) => event.type === type)
             .map((event: EventObject) => event.fn(data));
         return this;
     }
 
-
-    get events(): Array<EventObject> {
-        return this._events;
-    }
-
-    set events(value: Array<EventObject>) {
-        this._events = value;
-    }
 }

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 
@@ -38,10 +38,13 @@ export default class LegendItem extends SvgBase {
 
         this.title.node.text(this.legend_data.title);
 
-        let x = 0;
-        let y = this.child_index * this.global.config.legend_style.padding;
+        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] + ")")
+        }
 
-        this.node.attr("transform", "translate(" + [x, y] + ")")
 
 
     }

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 
@@ -15,10 +15,10 @@ import LegendItem from "./legend.item";
 })
 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,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import SvgBase from "../../../svg.base";

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import {mouse as d3Mouse} from 'd3-selection'
@@ -45,6 +45,8 @@ export default class Block extends SvgBase {
         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();
@@ -63,10 +65,10 @@ export default class Block extends SvgBase {
             }
         });
 
-        this.global.eventManager.addEventListener(EventType.MULTI_SELECT_ENABLE,()=>{
+        this.global.eventManager.addEventListener(EventType.MULTI_SELECT_ENABLE, () => {
             this.seats.resetSeatsColors(false);
         });
-        this.global.eventManager.addEventListener(EventType.MULTI_SELECT_DISABLE,()=>{
+        this.global.eventManager.addEventListener(EventType.MULTI_SELECT_DISABLE, () => {
             this.seats.resetSeatsColors(false);
         });
 
@@ -83,8 +85,6 @@ export default class Block extends SvgBase {
                 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);
@@ -100,6 +100,12 @@ export default class Block extends SvgBase {
             }
         });
 
+        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);
@@ -152,8 +158,14 @@ export default class Block extends SvgBase {
 
         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;
     }

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import SvgBase from "../../../svg.base";
@@ -21,6 +21,7 @@ export default class BlockInfo extends SvgBase {
 
     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];

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import SvgBase from "../../../svg.base";

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import SvgBase from "../../../../svg.base";

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import SvgBase from "../../../../svg.base";

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import SvgBase from "../../../../svg.base";
@@ -8,7 +8,7 @@ import {dom} from "../../../../../decorators/dom";
 import {SeatItem} from "./seat-item.index";
 
 @dom({
-    tag: "path",
+    tag: "text",
     class: "seat-check",
     autoGenerate: false
 })
@@ -16,11 +16,16 @@ export class SeatItemCheck extends SvgBase {
 
     constructor(public parent: SeatItem) {
         super(parent);
-        this.attr("d", "M12.9,953.7l-6.3,6.5l-2.9-2.5l-2.1,2.4l4.1,3.5l1.1,1l1.1-1.1l7.3-7.6L12.9,953.7L12.9,953.7z");
-        this.attr("fill", this.global.config.seat_style.check_color);
-        this.attr("transform", "translate(-8,-959.36218)");
+        // this.attr("d", "M12.9,953.7l-6.3,6.5l-2.9-2.5l-2.1,2.4l4.1,3.5l1.1,1l1.1-1.1l7.3-7.6L12.9,953.7L12.9,953.7z");
+        this.text('\uf005')
+        this.attr("class", 'fa');
+        // this.attr("fill", '#ff0000');
+
+        this.attr("fill", this.global.config.seat_style.check_icon_color);
+        this.attr("transform", "translate(-7,4) scale(0.8)");
         this.attr("pointer-events", "none");
         this.attr("display", "none");
+        this.attr("opacity", 0);
 
         return this;
     }
@@ -35,11 +40,13 @@ export class SeatItemCheck extends SvgBase {
 
     show():this {
         this.node.attr("display", "block");
+        this.node.attr("opacity", 1);
         return this;
     }
 
     hide():this {
         this.node.attr("display", "none");
+        this.node.attr("opacity", 0);
         return this;
     }
 }

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import SvgBase from "../../../../svg.base";

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2018 Ali Sait TEKE
  */
 
 
@@ -45,12 +45,12 @@ export class SeatItem extends SvgBase {
         return this;
     }
 
-    public updateColor(color: string = null): this {
+    public updateColor(color: string | null = null): this {
         this.setColor(this.getColor());
         return this;
     }
 
-    public select(color: string = null): this {
+    public select(color: string | null = null): this {
         this.item.selected = true;
         this.node.classed("selected", true);
         this.circle.node.attr("fill", this.global.config.seat_style.selected);
@@ -82,7 +82,7 @@ export class SeatItem extends SvgBase {
         this.setColor(this.getColor());
     }
 
-    public getColor(action: SeatAction = null): string {
+    public getColor(action: SeatAction| null = null): string {
 
         if (this.isSalable()) {
 

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

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import SvgBase from "../../../../svg.base";

package/src/lib/svg/stage/blocks/blocks.index.ts

@@ -1,6 +1,6 @@
 /*
  * blocks.ts
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import {polygonHull} from 'd3-polygon'
@@ -43,8 +43,7 @@ export default class Blocks extends SvgBase {
             }
 
             let bound_items: Array<any> = _seats.map((item: SeatModel) => [item.x, item.y]).concat(block_item.labels.map((item: LabelModel) => [item.x, item.y]));
-            let _bounds = polygonHull(bound_items);
-            block_item.bounds = _bounds;
+            block_item.bounds = polygonHull(bound_items);
 
             this.addChild(_blockItem);
         });
@@ -54,8 +53,12 @@ export default class Blocks extends SvgBase {
         return this;
     }
 
-    public getBlock(id: any): Block {
-        return this.getBlocks().find((block: Block) => block.item.id == id);
+    public getBlock(id: any): Block | null {
+        const block = this.getBlocks().find((block: Block) => block.item.id == id)
+        if (block)
+            return block;
+        else
+            return null;
     }
 
     public getBlocks(): Array<Block> {

package/src/lib/svg/stage/blocks.search-circle.ts

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 

package/src/lib/svg/stage/multi-select/rect.ts

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 

package/src/lib/svg/stage/multi-select.ts

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import {mouse as d3Mouse} from 'd3-selection'

package/src/lib/svg/stage/search-circle/circle.ts

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 

package/src/lib/svg/stage/stage.index.ts

@@ -1,6 +1,6 @@
 /*
  * index.ts
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import Blocks from "./blocks/blocks.index";