sending info about group lock state. wip

front/src/Connexion/ConnexionModels.ts

@@ -45,6 +45,7 @@ export interface GroupCreatedUpdatedMessageInterface {
     position: PositionInterface;
     groupId: number;
     groupSize: number;
+    locked: boolean;
 }
 
 export interface GroupUsersUpdateMessageInterface {

front/src/Connexion/RoomConnection.ts

@@ -636,6 +636,7 @@ export class RoomConnection implements RoomConnection {
             groupId: message.groupId,
             position: position,
             groupSize: message.groupSize,
+            locked: message.locked,
         };
     }
 
@@ -851,6 +852,20 @@ export class RoomConnection implements RoomConnection {
         this.socket.send(bytes);
     }
 
+    public emitLockGroup(groupId: number, lock: boolean = true): void {
+        const bytes = ClientToServerMessageTsProto.encode({
+            message: {
+                $case: "lockGroupMessage",
+                lockGroupMessage: {
+                    groupId,
+                    lock,
+                },
+            },
+        }).finish();
+
+        this.socket.send(bytes);
+    }
+
     public getAllTags(): string[] {
         return this.tags;
     }

front/src/Phaser/Game/GameScene.ts

@@ -718,6 +718,16 @@ export class GameScene extends DirtyScene {
                     e
                 )
             );
+
+        this.input.keyboard.on("keydown-L", (event: Event) => {
+            console.log("group locked");
+            this.connection?.emitLockGroup(1, true);
+        });
+
+        this.input.keyboard.on("keydown-U", (event: Event) => {
+            console.log("group unlocked");
+            this.connection?.emitLockGroup(1, false);
+        });
     }
 
     /**
@@ -782,6 +792,7 @@ export class GameScene extends DirtyScene {
 
                 this.connection.groupUpdateMessageStream.subscribe(
                     (groupPositionMessage: GroupCreatedUpdatedMessageInterface) => {
+                        console.log(groupPositionMessage);
                         this.shareGroupPosition(groupPositionMessage);
                     }
                 );
@@ -1809,8 +1820,13 @@ ${escapedMessage}
                     break;
                 }
                 case "GroupCreatedUpdatedEvent":
+                    console.log("CREATE OR UPDATE GROUP");
                     this.doShareGroupPosition(event.event);
                     break;
+                // TODO: CALL THIS ON GROUP LOCK CHANGE
+                // case "GroupCreatedUpdatedEvent":
+                //     this.doShareGroupPosition(event.event);
+                //     break;
                 case "DeleteGroupEvent":
                     this.doDeleteGroup(event.groupId);
                     break;
@@ -1985,7 +2001,9 @@ ${escapedMessage}
             this,
             Math.round(groupPositionMessage.position.x),
             Math.round(groupPositionMessage.position.y),
-            groupPositionMessage.groupSize === MAX_PER_GROUP ? "circleSprite-red" : "circleSprite-white"
+            groupPositionMessage.groupSize === MAX_PER_GROUP || groupPositionMessage.locked
+                ? "circleSprite-red"
+                : "circleSprite-white"
         );
         sprite.setDisplayOrigin(48, 48);
         this.add.existing(sprite);