84 lines
2.4 KiB
HTML
84 lines
2.4 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">
|
|
<button data-alt="c" data-toggle data-toggled="false" data-button="show-casing">Show casing</button>
|
|
</div>
|
|
</nav>
|
|
<aside 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" data-retain-tooltip-hover>
|
|
<template>
|
|
<div class="m1"></div>
|
|
</template>
|
|
</div>
|
|
</section>
|
|
</aside>
|
|
<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" data-retain-tooltip-hover>
|
|
<template>
|
|
<div class="grid m2">
|
|
<template>
|
|
<div></div>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<aside id="right-menu">
|
|
<span data-resize="right-menu"></span>
|
|
</aside>
|
|
<footer id="bottom-menu">
|
|
<span data-resize="bottom-menu"></span>
|
|
</footer>
|
|
<div class="dialog hidden" data-dialog="fileLoad:chooseDesign">
|
|
<section>
|
|
<header>Choose a design to open</header>
|
|
<main class="list-choice">
|
|
<template>
|
|
<button>
|
|
<span data-text="Name" class="bold"></span> by <span data-text="Author"></span>
|
|
</button>
|
|
</template>
|
|
</main>
|
|
<footer>
|
|
<button data-dialog-action="cancel">Cancel</button>
|
|
</footer>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html>
|