165 lines
7.4 KiB
HTML
165 lines
7.4 KiB
HTML
<!doctype html>
|
|
<html class="no-js" lang="" style="height: 100%;">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<meta property="og:title" content="">
|
|
<meta property="og:type" content="">
|
|
<meta property="og:url" content="">
|
|
<meta property="og:image" content="">
|
|
|
|
<link rel="apple-touch-icon" href="icon.png">
|
|
<!-- Place favicon.ico in the root directory -->
|
|
|
|
<link rel="stylesheet" href="css/normalize.css">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
|
|
<meta name="theme-color" content="#fafafa">
|
|
</head>
|
|
|
|
<body style="height: 100%;">
|
|
|
|
<div id="WelcomeWindow">
|
|
<h2>MatCat BrowserLogic Engine</h2>
|
|
<p>Welcome to logic.parts, a free to use logic simulator for anyone to use. This is opensource software, you can find the project at <a href="https://www.mygit.space/MatCat.OpenSource/BrowserLogic">https://www.mygit.space/MatCat.OpenSource/BrowserLogic</a>. This is an early development project, so expect bugs and some things to not work :) If you would like to contribute please feel free to find me on IRC on Freenode in channel #LogicParts.</p>
|
|
<p><span style="font-weight: bold; font-size: 1.2em;">Now on Version 0.4!</span> This new version brings an improved UI, panning, more settings options, and much more!</p>
|
|
<input type="button" id="btn_CloseWelcome" value="Simulate Some Logic!"><br />
|
|
<input type="checkbox" id="chk_dontDisplayWelcome" name="chk_dontDisplayWelcome" value="1">
|
|
<label for="chk_dontDisplayWelcome">Don't show welcome window again</label>
|
|
<input type="file" id="file_Load" accept=".LogicParts" style="display: none;" />
|
|
</div>
|
|
<script src="js/vendor/modernizr-3.11.2.min.js"></script>
|
|
<div id="top-bar">
|
|
<div id="top-menu">
|
|
<div id="left-top-menu">
|
|
<ul>
|
|
<li id="tm_File" class="top-menu-item">File
|
|
<div id="tm_FileMenu" class="top-menu-div">
|
|
<ul>
|
|
<li id="tfm_New">New</li>
|
|
<li id="tfm_Open">Open</li>
|
|
<li id="tfm_Save">Save</li>
|
|
<li id="tfm_SaveAs" class="disabled" title="Feature coming soon">Save As</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li id="tm_Edit" class="top-menu-item">Edit
|
|
<div id="tm_EditMenu" class="top-menu-div">
|
|
<ul>
|
|
<li id="tfm_Undo" class="disabled" title="Feature coming soon">Undo</li>
|
|
<li id="tfm_Redo" class="disabled" title="Feature coming soon">Redo</li>
|
|
<li class="tfm_seperator"></li>
|
|
<li id="tfm_Cut" class="disabled" title="Feature coming soon">Cut</li>
|
|
<li id="tfm_Copy" class="disabled" title="Feature coming soon">Copy</li>
|
|
<li id="tfm_Paste" class="disabled" title="Feature coming soon">Paste</li>
|
|
<li class="tfm_seperator"></li>
|
|
<li id="tfm_Delete" class="disabled">Delete</li>
|
|
<li id="tfm_Disconnect" class="disabled">Disconnect</li>
|
|
<li class="tfm_seperator"></li>
|
|
<li id="tfm_SelectAll" class="disabled" title="Feature coming soon">Select All</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li id="tm_View" class="top-menu-item">View
|
|
<div id="tm_ViewMenu" class="top-menu-div">
|
|
<ul>
|
|
<li id="tfm_Pan2Center">Pan to Center</li>
|
|
<li class="tfm_seperator"></li>
|
|
<li id="tfm_ShowConnections">Show Connections <span>✓</span></li>
|
|
<li id="tfm_ConnectionLayer">Connections Below</li>
|
|
<li class="tfm_seperator"></li>
|
|
<li id="tfm_ShowGrid">Show Grid <span>✓</span></li>
|
|
<li id="tfm_SnapGrid">Snap to Grid <span>✓</span></li>
|
|
<li id="tfm_GridSize">Grid Size <input type="number" id="in_GridSize" value="20" min="2" max="100" style="margin-left: 10px; width: 40px;"></li>
|
|
<li class="tfm_seperator"></li>
|
|
<li id="tfm_ShowFPS">Show FPS <span>✓</span></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li id="tm_Tools" class="top-menu-item">Tools
|
|
<div id="tm_ToolsMenu" class="top-menu-div">
|
|
<ul>
|
|
<li id="tfm_CreateIC" class="disabled" title="Turn the current design into an IC, must have atleast one IC Output to create">Create IC</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li id="tm_Help" class="top-menu-item">Help
|
|
<div id="tm_HelpMenu" class="top-menu-div">
|
|
<ul>
|
|
<li id="tfm_GITRepo"><a target="new" href="https://mygit.space/MatCat.OpenSource/BrowserLogic">GIT Repo</a></li>
|
|
<li class="tfm_seperator"></li>
|
|
<li id="tfm_About">About</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div id="SiteTitle">MatCat BrowserLogic <span id="version"> </span></div>
|
|
</div>
|
|
</div>
|
|
<div id="left-menu">
|
|
<div id="inner-left-menu">
|
|
LOADING
|
|
</div>
|
|
</div>
|
|
<canvas id="GridPlane" width="400" height="300" style="position: absolute; top: 50px; left 202px;"></canvas>
|
|
<canvas id="LogicPlane" width="400" height="300" style="margin: 0px; padding: 0px; position: absolute; top: 50px; left: 202px;"></canvas>
|
|
<div id="PropertiesBox">
|
|
<div id="PropertiesBoxTitle">
|
|
Properties
|
|
</div>
|
|
<div id="PropertiesBoxContent">
|
|
Content
|
|
</div>
|
|
</div>
|
|
<div id="CreateICBox">
|
|
<div id="CreateICBoxTitle">
|
|
Create new IC
|
|
</div>
|
|
<div id="CreateICBoxContent">
|
|
<p>To create an IC you must give it a few parameters below:</p>
|
|
<div><span style="display: inline-block; text-align: right; vertical-align: middle; width: 100px; height: 100%; padding-right: 10px;">Name</span><input type="text" id="ICName" style="width: 250px" pattern="[a-zA-Z0-9_]+" title="Only letters, numbers, and underscore, no special characters or spaces! Spaces will be converted to _"></div>
|
|
<div><span style="display: inline-block; text-align: right; vertical-align: middle; width: 100px; height: 100%; padding-right: 10px;">Description</span><textarea id="ICDescription" style="width: 250px" rows="5"></textarea></div>
|
|
<center><input type="button" id="btn_CreateIC_Create" value="Create IC" disabled> <input type="button" id="btn_CreateIC_Cancel" value="Cancel"></center>
|
|
</div>
|
|
</div>
|
|
<div id="RightClickMenu">
|
|
<ul>
|
|
<li id="rcm_New">New</li>
|
|
<li id="rcm_seperator1" class="rcm_seperator"></li>
|
|
<li id="rcm_CreateIC">Create IC</li>
|
|
<li id="rcm_seperator2" class="rcm_seperator"></li>
|
|
<li id="rcm_Delete">Delete</li>
|
|
<li id="rcm_Disconnect">Disconnect</li>
|
|
</ul>
|
|
</div>
|
|
<div id="SaveWindow">
|
|
<div id="SaveWindowTitle">
|
|
Save Design
|
|
</div>
|
|
<div id="SaveWindowContent">
|
|
<div>
|
|
<span style="padding-right: 10px;">Design Name</span><span><input type="text" id="saveName" value="My Design"></span>
|
|
</div>
|
|
<div style="margin-top: 10px;">
|
|
<center><input type="button" id="btn_SaveDesign" value="Save"> <input type="button" id="btn_CancelSave" value="Cancel"></center>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="darkout-overlay"></div>
|
|
<script src="js/globalfunctions.js"></script>
|
|
<script src="js/baseclasses.js"></script>
|
|
<script src="js/scheduler.js"></script>
|
|
<script src="js/elements.js"></script>
|
|
<script src="js/logicengine.js"></script>
|
|
<script src="js/main.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|