Admin/elcalc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
Chop
2025-06-26 20:00:04 +02:00
commit c2e91bca1c
4 changed files with 1358 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
index.html Normal file
View File

@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Object Flow Designer</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="container">
<header class="header">
<h1>Object Flow Designer</h1>
<div class="controls">
<button id="clearBtn" class="btn btn-danger">Clear All</button>
<button id="exportBtn" class="btn btn-secondary">Export Data</button>
<button id="importBtn" class="btn btn-secondary">Import Data</button>
<input
type="file"
id="fileInput"
accept=".json"
style="display: none"
/>
</div>
</header>
<div class="main-content">
<div class="toolbar">
<h3>Objects</h3>
<div class="object-palette">
<div class="palette-item" data-type="triangle">
<div class="triangle-preview"></div>
<span>Triangle</span>
<small>One output only</small>
</div>
<div class="palette-item" data-type="square">
<div class="square-preview"></div>
<span>Square</span>
<small>Multiple outputs</small>
</div>
</div>
<div class="connection-mode">
<h4>Connection Mode</h4>
<button id="connectionBtn" class="btn btn-primary">
Connect Objects
</button>
<button id="selectBtn" class="btn btn-outline">Select Mode</button>
</div>
</div>
<div class="canvas-container">
<canvas id="canvas" width="1200" height="800"></canvas>
<div id="tooltip" class="tooltip"></div>
</div>
<div class="properties-panel">
<h3>Properties</h3>
<div id="objectProperties">
<p class="no-selection">No object selected</p>
</div>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>