Changeset 0c6b92a for imaps-frontend/src/scripts/shapes/InfoPin.js

Timestamp:

12/12/24 17:06:06 (5 weeks ago)

Author:

stefan toskovski <stefantoska84@…>

Branches:

main

Parents:

d565449

Message:

Pred finalna verzija

File:

• imaps-frontend/src/scripts/shapes/InfoPin.js (modified) (4 diffs)

imaps-frontend/src/scripts/shapes/InfoPin.js

@@ -1 @@
-import Konva from "konva";
-import MapShape from "./MapShape";
-import Factory from "../util/Factory";
+
 import { _registerNode } from "konva/lib/Global";
-export default class InfoPin extends MapShape {
-  constructor(mousePos, blockSize, layer, snappable,id) {
+import MapNode from "../base/MapNode.js";
+import {node} from "prop-types";
+import draw from "../../pages/Draw/Draw.jsx";
+export default class InfoPin extends MapNode {
+  constructor(attrs,id) {
+    attrs.snap = false;
     super(
       {
-        x: mousePos.x,
-        y: mousePos.y,
-        radiusX: blockSize * 0.5,
-        radiusY: blockSize * 0.7,
-        tailHeight: blockSize * 1.2,
-        fill: "#d70113",
+        x: attrs.position.x,
+        y: attrs.position.y,
+        radiusX: attrs.blockSize * 0.5,
+        radiusY: attrs.blockSize * 0.7,
+        tailHeight: attrs.blockSize * 1.2,
+        fill: "#f60000",
         stroke: "#1b1b1b",
-        strokeWidth: 0.2,
+        strokeWidth: 1,
         draggable: true,
         name: "mapObj",
       },
-      layer,
-      blockSize,
-      snappable
+      attrs.layer,
+      attrs.blockSize,
+      attrs.snap
     );
 
     this.id = id;
+    this.eventName = "openPinModalEvent";
+    this.floorNum = attrs.floorNum;
 
-    this.modalEventName = "openPinModalEvent";
     this.type = "InfoPin";
     this._info = {
-      name: `Pin ${id}`,
+      name: `Pin${id} [${this.floorNum}F]`,
       selectedPins: [],
       description: "",
@@ -34 +37 @@
 
     this.on("mouseover", () => {
-      this.fill("yellow");
+      this.fill("#FFD700");
     });
     this.on("mouseout", () => {
-      this.fill("red");
+      this.fill("#f60000");
     });
+
 
     this.initText();
   }
   _sceneFunc(context, shape) {
-    const { radiusX, radiusY, tailHeight } = this.attrs;
+    const { radiusX, radiusY, tailHeight } = this.attrs; // attrs od konva
 
     context.beginPath();
@@ -59 +63 @@
   }
 
+
   loadInfo(attrs) {
     this.info.name = attrs.obj_name;
     this.info.selectedPins = attrs.connected_pins;
     this.info.description = attrs.description;
+    this.floorNum = attrs.floor_num
   }
 
@@ -69 +75 @@
     this.setAttr("connected_pins", this.info.selectedPins);
     this.setAttr("description", this.info.description);
+    this.setAttr("floor_num",this.floorNum)
     console.log(this.info, "vnatre vo info");
+  }
+
+  connect(node, draw = true) {
+    if(this.floorNum !== node.floorNum) return;
+    super.connect(node)
   }
 }