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 [selectedEdge, setSelectedEdge] = useState(null);
const [diagramName, setDiagramName] = useState(null); const [diagramName, setDiagramName] = useState(null);
const [diagramList, setDiagramList] = useState([]); const [diagramList, setDiagramList] = useState([]);
const isIframe = window.self !== window.top;
useEffect(() => { useEffect(() => {
let isMounted = true; let isMounted = true;
@ -239,29 +240,33 @@ function Diagram() {
</div> </div>
</div> </div>
<button className="btn" style={{ background: '#d28519' }} onClick={() => { {!isIframe && (
const newName = prompt("Enter new diagram name:"); <>
if (newName) { <button className="btn" style={{ background: '#d28519' }} onClick={() => {
if (!diagramList.includes(newName)) { const newName = prompt("Enter new diagram name:");
const updatedList = [...diagramList, newName]; if (newName) {
setDiagramList(updatedList); if (!diagramList.includes(newName)) {
} const updatedList = [...diagramList, newName];
setDiagramName(newName); setDiagramList(updatedList);
setNodes([]); }
setEdges([]); setDiagramName(newName);
setSelectedNode(null); setNodes([]);
setSelectedEdge(null); setEdges([]);
} setSelectedNode(null);
}}>🆕 New Diagram</button> setSelectedEdge(null);
}
}}>🆕 New Diagram</button>
<button className="btn" onClick={handleSave} style={{ background: 'green' }}>💾 Save</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={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> </div>
{showForm && ( {showForm && (
@ -306,4 +311,4 @@ function Diagram() {
); );
} }
export default Diagram; export default Diagram;