159 lines
4.6 KiB
HTML
159 lines
4.6 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="file:new">New</button>
|
|
<button data-alt="o" data-button="file:load">Open</button>
|
|
<button data-alt="s" data-button="file:save">Save</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="edit:undo">Undo</button>
|
|
<button data-alt="r" data-button="edit: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="i" data-button="planner:zoom:+">Zoom in</button>
|
|
<button data-alt="o" data-button="planner:zoom:-">Zoom out</button>
|
|
<button data-alt="c" data-toggle="planner:toggle-casing" data-toggled="false">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-picker:filter">
|
|
</label>
|
|
<div class="list" id="block-picker-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">
|
|
<header class="status-bar">
|
|
<div>
|
|
<!--left-->
|
|
</div>
|
|
<div>
|
|
<!--center-->
|
|
</div>
|
|
<div>
|
|
<!--right-->
|
|
<label title="Planner zoom level" class="m1">
|
|
Zoom:
|
|
<select data-input="planner:zoom"></select>
|
|
</label>
|
|
</div>
|
|
</header>
|
|
<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>
|
|
<aside id="bottom-menu">
|
|
<span data-resize="bottom-menu"></span>
|
|
</aside>
|
|
<footer>
|
|
<div>pre-alpha 1.0</div>
|
|
<div>
|
|
<a href="https://discord.gg/Eq72HwPqfg">Discord server</a>
|
|
</div>
|
|
</footer>
|
|
<div class="dialog hidden" data-dialog="welcome">
|
|
<section>
|
|
<header>Hi hello!!</header>
|
|
<main>
|
|
<p>
|
|
This project is in pre-alpha, welcome!
|
|
</p>
|
|
<p>
|
|
There are very few working features, it's basically just opening SFR and saving SFR.<br />
|
|
Expect many features to be non-functional, but still, bug reports are very welcome!
|
|
</p>
|
|
<p>
|
|
Roadmap:
|
|
</p>
|
|
<ul>
|
|
<li>Block and reactor recipe selection</li>
|
|
<li>Reactor verification and stats</li>
|
|
<li>Keyboard shortcuts</li>
|
|
<li>MSR support</li>
|
|
<li>Turbine support</li>
|
|
<li>Multi-design save support</li>
|
|
<li>PBR implementation and support</li>
|
|
<li>QMD support</li>
|
|
<li>Online reactor publishing and browsing</li>
|
|
</ul>
|
|
<p>
|
|
If you wanna follow the progress, join the <a href="https://discord.gg/Eq72HwPqfg">Discord server</a>.
|
|
</p>
|
|
</main>
|
|
<footer>
|
|
<button data-dialog-action="cancel">Close</button>
|
|
</footer>
|
|
</section>
|
|
</div>
|
|
<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>
|
|
<div class="dialog hidden" data-dialog="fileSave:nameDesign">
|
|
<section>
|
|
<header>Save your design</header>
|
|
<main class="list-choice">
|
|
<form id="fileSave:nameDesign:form" data-form="fileSave:nameDesign">
|
|
<label>
|
|
Name:
|
|
<input name="name" autofocus />
|
|
</label>
|
|
</form>
|
|
</main>
|
|
<footer>
|
|
<button data-dialog-action="cancel">Cancel</button>
|
|
<button form="fileSave:nameDesign:form">Save</button>
|
|
</footer>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html>
|