dvirlabs/labmap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix iframe

Browse Source
This commit is contained in:
dvirlabs 2025-07-11 19:16:16 +03:00
parent 05a8a64039
commit f48a5210b8
1 changed files with 25 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
frontend/src/components/Diagram.jsx
View File

@ -31,6 +31,7 @@ function Diagram() {
const [selectedEdge, setSelectedEdge] = useState(null);
const [diagramName, setDiagramName] = useState(null);
const [diagramList, setDiagramList] = useState([]);
const isIframe = window.self !== window.top;
useEffect(() => {
let isMounted = true;
@ -239,29 +240,33 @@ function Diagram() {
</div>
</div>
<button className="btn" style={{ background: '#d28519' }} onClick={() => {
const newName = prompt("Enter new diagram name:");
if (newName) {
if (!diagramList.includes(newName)) {
const updatedList = [...diagramList, newName];
setDiagramList(updatedList);
}
setDiagramName(newName);
setNodes([]);
setEdges([]);
setSelectedNode(null);
setSelectedEdge(null);
}
}}>🆕 New Diagram</button>
{!isIframe && (
<>
<button className="btn" style={{ background: '#d28519' }} onClick={() => {
const newName = prompt("Enter new diagram name:");
if (newName) {
if (!diagramList.includes(newName)) {
const updatedList = [...diagramList, newName];
setDiagramList(updatedList);
}
setDiagramName(newName);
setNodes([]);
setEdges([]);
setSelectedNode(null);
setSelectedEdge(null);
}
}}>🆕 New Diagram</button>
<button className="btn" onClick={handleSave} style={{ background: 'green' }}>💾 Save</button>
<button className="btn" onClick={handleAddNode} style={{ background: 'blue' }}>➕ Add Node</button>
<button className="btn" onClick={handleSave} style={{ background: 'green' }}>💾 Save</button>
<button className="btn" onClick={handleAddNode} style={{ background: 'blue' }}>➕ Add Node</button>
<button className="btn" onClick={handleDeleteNode} style={{ background: selectedNode ? '#b81a1a' : '#ccc', color: selectedNode ? 'white' : '#666', cursor: selectedNode ? 'pointer' : 'not-allowed' }} disabled={!selectedNode}>🗑️ Delete Node</button>
<button className="btn" onClick={handleDeleteNode} style={{ background: selectedNode ? '#b81a1a' : '#ccc', color: selectedNode ? 'white' : '#666', cursor: selectedNode ? 'pointer' : 'not-allowed' }} disabled={!selectedNode}>🗑️ Delete Node</button>
<button className="btn" onClick={handleDeleteEdge} style={{ background: selectedEdge ? '#b81a1a' : '#ccc', color: selectedEdge ? 'white' : '#666', cursor: selectedEdge ? 'pointer' : 'not-allowed' }} disabled={!selectedEdge}>🗑️ Delete Edge</button>
<button className="btn" onClick={handleDeleteEdge} style={{ background: selectedEdge ? '#b81a1a' : '#ccc', color: selectedEdge ? 'white' : '#666', cursor: selectedEdge ? 'pointer' : 'not-allowed' }} disabled={!selectedEdge}>🗑️ Delete Edge</button>
<button className="btn" onClick={handleDeleteDiagram} style={{ background: 'red' }}>🗑️ Delete Diagram</button>
<button className="btn" onClick={handleDeleteDiagram} style={{ background: 'red' }}>🗑️ Delete Diagram</button>
</>
)}
</div>
{showForm && (
@ -306,4 +311,4 @@ function Diagram() {
);
}
export default Diagram;
export default Diagram;