wip

apps/web/src/app/modules/board/board/directives/board-drag.directive.ts

@@ -29,7 +29,11 @@ export class BoardDragDirective {
       draggableIds: (triggerNode: string) => {
         const node = this.#boardFacade.getNode(triggerNode);
 
-        if (node && (isPanel(node) || isGroup(node))) {
+        if (
+          node &&
+          (isPanel(node) || isGroup(node)) &&
+          !node.content.unLocked
+        ) {
           const nodesInside = nodesInsideNode(
             node,
             this.#boardFacade.get().map((node) => {

apps/web/src/app/modules/board/components/board-context-menu/board-contextmenu.component.ts

@@ -14,7 +14,15 @@ import { CopyPasteService } from '../../../../services/copy-paste.service';
 import { BoardFacade } from '../../../../services/board-facade.service';
 import { MatDialog, MatDialogModule } from '@angular/material/dialog';
 import { VotesModalComponent } from '../votes-modal/votes-modal.component';
-import { Group, NodePatch, Note, TuNode } from '@tapiz/board-commons';
+import {
+  Group,
+  isGroup,
+  isPanel,
+  NodePatch,
+  Note,
+  Panel,
+  TuNode,
+} from '@tapiz/board-commons';
 import { CommentsStore } from '@tapiz/nodes/comments/comments.store';
 import { NodesActions } from '@tapiz/nodes/services/nodes-actions';
 import Pickr from '@simonwep/pickr';
@@ -306,6 +314,37 @@ export class BoardContextMenuComponent implements OnInit {
             });
           }
 
+          const nodeWithNested = currentNodes
+            .filter((node) => {
+              return isGroup(node) || isPanel(node);
+            })
+            .at(0) as TuNode<Group | Panel> | undefined;
+
+          if (nodeWithNested && currentNodes.length === 1) {
+            actions.push({
+              label: nodeWithNested.content.unLocked
+                ? 'Lock Nested Items'
+                : 'Unlock  Nested Items',
+              icon: 'unfold_more',
+              action: () => {
+                this.store.dispatch(
+                  BoardActions.batchNodeActions({
+                    history: true,
+                    actions: currentNodes.map((node) => {
+                      return this.nodesActions.patch({
+                        type: node.type,
+                        id: node.id,
+                        content: {
+                          unLocked: !nodeWithNested.content.unLocked,
+                        },
+                      });
+                    }),
+                  }),
+                );
+              },
+            });
+          }
+
           return actions;
         }
 

libs/board-commons/src/lib/models/group.model.ts

@@ -11,6 +11,7 @@ export interface Group {
     userId: string;
     vote: number;
   }[];
+  unLocked?: boolean;
 }
 
 export function isGroup(node: TuNode): node is TuNode<Group> {

libs/board-commons/src/lib/models/panel.model.ts

@@ -16,6 +16,7 @@ export interface Panel {
   borderRadius?: number | null;
   textAlign?: 'start' | 'center' | 'end';
   drawing: Drawing[];
+  unLocked?: boolean;
 }
 
 export function isPanel(node: TuNode): node is TuNode<Panel> {

libs/board-commons/src/lib/validators/group.validator.ts

@@ -14,6 +14,7 @@ const group = z.object({
       vote: z.number().int().min(0),
     }),
   ),
+  unLocked: z.boolean().optional(),
 });
 
 export const patchGroup = group.partial();

libs/board-commons/src/lib/validators/panel.validator.ts

@@ -27,6 +27,7 @@ const panel = z.object({
       ),
     }),
   ),
+  unLocked: z.boolean().optional(),
 });
 
 export const patchPanel = panel.partial();