Changeset 0c6b92a for imaps-frontend/src/scripts/rendered_shapes/RenderedRoom.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/rendered_shapes/RenderedRoom.js (modified) (1 diff)

imaps-frontend/src/scripts/rendered_shapes/RenderedRoom.js

@@ -1 @@
-import RenderedMapShape from "./RenderedMapShape.js";
+import RenderedMapShape from "../base/RenderedMapShape.js";
+import {_registerNode} from "konva/lib/Global";
 
-export default class RenderedRoom extends RenderedMapShape{
-    constructor(attrs,scaleX,scaleY){
-        super({
-            x: attrs.x,
-            y: attrs.y,
-            width: attrs.width * scaleX,
-            height: attrs.height * scaleY,
-            fill: 'white',
-            stroke: 'black',
-            strokeWidth: 1,
-            draggable: false,
-            rotation: attrs.rotation,
-            cornerRadius:3,
-            zIndex: 0
-        });
+export default class RenderedRoom extends RenderedMapShape {
+  constructor(attrs, scaleX, scaleY) {
+    super({
+      x: attrs.x,
+      y: attrs.y,
+      width: attrs.width * scaleX,
+      height: attrs.height * scaleY,
+      fill: "#A2D9FF",
+      stroke: "black",
+      strokeWidth: 1,
+      draggable: false,
+      rotation: attrs.rotation,
+      cornerRadius: 3
+    });
 
-        this.info.name = attrs.obj_name;
-        this.info.description = attrs.description;
+    console.info("FNUM RENDER:",attrs.floor_num)
 
-        this.textOffsetX = -50
-        
-    
-        this.on("mouseenter",() => {
-        console.log("HOVER ROOM IN", this.x());
-        console.log(this.info.name,"NAME");
-        this.opacity(0.7);
-        this.fill("pink");
-        })
-        this.on("mouseleave", () => {
-            console.log("HOVER ROOM OUT");
-            this.opacity(1);
-            this.fill("white");
-        })
+    this.floorNum = attrs.floor_num
 
-        this.initText()
-    }
+    this.info.name = attrs.obj_name;
+    this.info.type = attrs.room_type;
+    this.info.description = attrs.description;
+    this.class = "Room";
+    this.textOffsetX = -50;
 
-   
+    this.eventName = "openRoomInfoPanel"
+
+    this.on("mouseenter", () => {
+      console.log(this.info.name, "NAME");
+      this.fill("#65c3f8");
+    });
+    this.on("mouseleave", () => {
+      this.fill("#A2D9FF");
+    });
+
+
+
+    // searched(){
+    //   this.fill("#b92d39")
+    // }
+    // unsearched(){
+    //   this.fill("#A2D9FF");
+    // }
+
+    // console.log("ATTRS: " + attrs);
+
+    this.initText();
+  }
+  highlight(){
+    this.fill("rgba(29,238,78,0.49)");
+    this.strokeWidth(2)
+  }
+  unHighlight(){
+    this.fill("#A2D9FF");
+    this.strokeWidth(1);
+  }
 }
+RenderedRoom.prototype.className = "RenderedRoom";
+_registerNode(RenderedRoom);