Forker/OpenNoodl
1
0
Fork 0
mirror of https://github.com/The-Low-Code-Foundation/OpenNoodl.git synced 2026-01-13 07:42:55 +01:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity

feat(blockly): Phase C Step 5 WIP - Add imports and template for tabs

Browse Source 
- Updated nodegrapheditor.html template with canvas-tabs-root
- Added imports for CanvasTabsProvider and CanvasTabs
- Added canvasTabsRoot property to NodeGraphEditor class

Next: Add render logic and event handlers
This commit is contained in:
Richard Osborne
2026-01-11 13:59:44 +01:00
parent 30a70a4eb3
commit f861184b96
2 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/noodl-editor/src/editor/src/templates/nodegrapheditor.html
View File

@@ -1,4 +1,7 @@
<div class="nodegrapgeditor-bg nodegrapheditor-canvas" style="width: 100%; height: 100%"> <div class="nodegrapgeditor-bg nodegrapheditor-canvas" style="width: 100%; height: 100%">
<!-- Canvas Tabs Root (for React component) -->
<div id="canvas-tabs-root" style="width: 100%; height: 100%"></div>
<!-- <!--
wrap in a div to not trigger chromium bug where comments "scrolls" all the siblings wrap in a div to not trigger chromium bug where comments "scrolls" all the siblings
if comments are below the bottom of the parent if comments are below the bottom of the parent

3
packages/noodl-editor/src/editor/src/views/nodegrapheditor.ts
View File

@@ -24,6 +24,7 @@ import { PopupToolbar, PopupToolbarProps } from '@noodl-core-ui/components/popup
import { EventDispatcher } from '../../../shared/utils/EventDispatcher'; import { EventDispatcher } from '../../../shared/utils/EventDispatcher';
import View from '../../../shared/view'; import View from '../../../shared/view';
import { CanvasTabsProvider } from '../contexts/CanvasTabsContext';
import { ComponentModel } from '../models/componentmodel'; import { ComponentModel } from '../models/componentmodel';
import { import {
Connection, Connection,
@@ -40,6 +41,7 @@ import DebugInspector from '../utils/debuginspector';
import { rectanglesOverlap, guid } from '../utils/utils'; import { rectanglesOverlap, guid } from '../utils/utils';
import { ViewerConnection } from '../ViewerConnection'; import { ViewerConnection } from '../ViewerConnection';
import { HighlightOverlay } from './CanvasOverlays/HighlightOverlay'; import { HighlightOverlay } from './CanvasOverlays/HighlightOverlay';
import { CanvasTabs } from './CanvasTabs';
import CommentLayer from './commentlayer'; import CommentLayer from './commentlayer';
// Import test utilities for console debugging (dev only) // Import test utilities for console debugging (dev only)
import '../services/HighlightManager/test-highlights'; import '../services/HighlightManager/test-highlights';
@@ -234,6 +236,7 @@ export class NodeGraphEditor extends View {
toolbarRoots: Root[] = []; toolbarRoots: Root[] = [];
titleRoot: Root = null; titleRoot: Root = null;
highlightOverlayRoot: Root = null; highlightOverlayRoot: Root = null;
canvasTabsRoot: Root = null;
constructor(args) { constructor(args) {
super(); super();