212 lines
6.9 KiB
HTML
212 lines
6.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="file:new" disabled data-enable-on="config:end">New</button>
|
|
<button data-alt="o" data-button="file:load" disabled data-enable-on="config:end">Open</button>
|
|
<button data-alt="s" data-button="file:save" disabled data-enable-on="config:end">Save</button>
|
|
<div data-section="Configuiration" data-alt="c">
|
|
<button data-alt="d" data-button="load-configuration" data-configuration="default">Default</button>
|
|
<button data-alt="e" data-button="load-configuration" data-configuration="e2ee">E2EE</button>
|
|
<button data-alt="s" data-button="load-configuration">Select file...</button>
|
|
</div>
|
|
</div>
|
|
<div data-section="Edit" data-alt="e">
|
|
<button data-alt="u" data-button="edit:undo" disabled>Undo</button>
|
|
<button data-alt="r" data-button="edit:redo" disabled>Redo</button>
|
|
<button data-alt="e" data-toggle="planner:resize" data-toggled="false">Resize mode</button>
|
|
<button data-toggle="dev-mode:toggle" data-toggled="false">Developer mode</button>
|
|
</div>
|
|
<div data-section="Select" data-alt="s">
|
|
<button data-alt="i" disabled>Invert</button>
|
|
<button data-alt="e" disabled>Expand</button>
|
|
<button data-alt="r" disabled>Reduce</button>
|
|
<button data-alt="c" disabled>All cells</button>
|
|
<button data-alt="m" disabled>All moderators</button>
|
|
<button data-alt="h" disabled>All heatsinks</button>
|
|
<button data-alt="a" disabled>All casings</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>
|
|
<button data-alt="r" data-toggle="planner:toggle-block-recipe-overlay" data-toggled="true">Show block recipes</button>
|
|
<button data-alt="c" data-button="dialogs:welcome">Show welcome</button>
|
|
</div>
|
|
</nav>
|
|
<aside id="left-menu" data-state="planning">
|
|
<span data-resize="left-menu"></span>
|
|
<section id="block-picker" data-state="planning">
|
|
<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>
|
|
<aside id="bottom-menu" data-resize-max="0.8">
|
|
<span data-resize="bottom-menu"></span>
|
|
</aside>
|
|
<main>
|
|
<div data-state="initialization" class="m2">
|
|
Select configuration file:
|
|
<div class="m1">
|
|
<button data-button="load-configuration" data-configuration="default">Default</button>
|
|
</div>
|
|
<div class="m1">
|
|
<button data-button="load-configuration" data-configuration="e2ee">E2EE</button>
|
|
</div>
|
|
<div class="m1">
|
|
<button data-button="load-configuration">Select file...</button>
|
|
</div>
|
|
</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">
|
|
<template>
|
|
<div class="grid m2">
|
|
<template>
|
|
<div class="planner--cell"></div>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<aside id="right-menu">
|
|
<span data-resize="right-menu"></span>
|
|
<section id="recipe-selector" data-state="planning" data-retain-tooltip-hover>
|
|
<template id="recipe-selector:template">
|
|
<div>
|
|
<header data-text="recipe:type"></header>
|
|
<div class="recipe recipe--selected">
|
|
<div data-atlas="recipe:selected"></div>
|
|
<div data-text="recipe:selected"></div>
|
|
</div>
|
|
<input placeholder="Filter" type="text" data-input="recipe:filter" autofocus>
|
|
<div class="select">
|
|
<template>
|
|
<div class="recipe">
|
|
<div data-atlas="recipe:item"></div>
|
|
<div data-text="recipe:item"></div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<div id="recipe-selector:design" class="recipe-selector">
|
|
</div>
|
|
<div id="recipe-selector:selection" class="recipe-selector">
|
|
</div>
|
|
</section>
|
|
</aside>
|
|
<footer>
|
|
<div>pre-alpha 1.6</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>Reactor verification and stats</li>
|
|
<li>Casing improvements</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>
|
|
<div class="dialog hidden dialog--error" data-dialog="error:user">
|
|
<section>
|
|
<header>Error</header>
|
|
<main data-text="error">
|
|
</main>
|
|
<footer>
|
|
<button data-dialog-action="cancel">Close</button>
|
|
</footer>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html>
|