73 lines
1.9 KiB
HTML
73 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>NC Planner</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script type="module" src="scripts/main.js"></script>
|
|
</head>
|
|
<body>
|
|
<nav id="top-menu" class="menu-bar">
|
|
<div data-section="File" data-alt="f">
|
|
<button data-alt="n" data-button="new-file">New</button>
|
|
<button data-alt="o" data-button="open-file">Open</button>
|
|
<div data-section="Recent Files" data-alt="r">
|
|
<button disabled>-</button>
|
|
</div>
|
|
</div>
|
|
<div data-section="Edit" data-alt="e">
|
|
<button data-alt="u" data-button="undo">Undo</button>
|
|
<button data-alt="r" data-button="redo" disabled>Redo</button>
|
|
</div>
|
|
<div data-section="Select" data-alt="s">
|
|
<button data-alt="i">Invert</button>
|
|
</div>
|
|
<div data-section="View" data-alt="v">
|
|
<div data-section="Test" data-alt="e">
|
|
<div data-section="Test" data-alt="e">
|
|
<button disabled>-</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<nav id="left-menu" data-state="planning">
|
|
<span data-resize="left-menu"></span>
|
|
<section id="block-picker">
|
|
<label>
|
|
Filter:
|
|
<input data-input="block-filter">
|
|
</label>
|
|
<div class="list" id="block-list">
|
|
<template>
|
|
<div class="m1"></div>
|
|
</template>
|
|
</div>
|
|
</section>
|
|
</nav>
|
|
<main>
|
|
<div data-state="initialization">
|
|
Select configuration file:
|
|
<button data-button="load-configuration" data-configuration="default">Default (2026-07-06)</button>
|
|
<input type="file" data-input="configuration" accept=".ncpf.json" />
|
|
</div>
|
|
<div data-state="planning">
|
|
<div class="list" id="planner-list">
|
|
<template>
|
|
<div class="grid m2">
|
|
<template>
|
|
<div></div>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<nav id="right-menu">
|
|
<span data-resize="right-menu"></span>
|
|
</nav>
|
|
<nav id="bottom-menu">
|
|
<span data-resize="bottom-menu"></span>
|
|
</nav>
|
|
</body>
|
|
</html>
|