<!DOCTYPE html>
<html>
<head>
<title>DMDesign</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="dependencies/analytics.js"></script>
<!--flatUI bootstrap theme-->
<link href="dependencies/flatUI/css/vendor/bootstrap.min.css" rel="stylesheet"><!-- Loading Bootstrap -->
<link href="dependencies/flatUI/css/flat-ui.css" rel="stylesheet"><!-- Loading Flat UI -->
<!--bootstrap slider-->
<link href="dependencies/bootstrap-slider/bootstrap-slider.css" rel="stylesheet">
<!--<script src="dependencies/bootstrap-slider/bootstrap-slider.js"></script>-->
<!--<!– code mirror –>-->
<!--<script src="dependencies/codemirror/codemirror.js"></script>-->
<!--<script src="dependencies/codemirror/javascript.js"></script>-->
<link rel="stylesheet" type="text/css" href="dependencies/codemirror/codemirror.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<script data-main="js/main" src="dependencies/require/require.js"></script>
</head>
<body>
<nav id="globalNav" class="navbar navbar-inverse navbar-embossed" role="navigation">
<div class="navbar-header">
<a id="mainNavLink" class="navbar-brand" target="_blank" href="http://cba.mit.edu"><img id="logo" src="assets/imgs/logo.png"></a>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-01">
<ul class="nav navbar-nav navbar-left">
<li><a data-menu-id="navDesign" class="menuHoverControls" href="#">Design</a></li>
<li><a data-menu-id="navSim" class="menuHoverControls" href="#">Simulate</a></li>
<li><a data-menu-id="navOptimize" class="menuHoverControls" href="#">Optimize</a></li>
<li><a data-menu-id="navAssemble" class="menuHoverControls" href="#">Assemble</a></li>
<li><a data-menu-id="navComm" class="menuHoverControls" href="#">Comm</a></li>
<li class="dropdown navDropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">File <b class="caret"></b></a>
<span class="dropdown-arrow"></span>
<ul class="dropdown-menu">
<li><a class="saveJSON" href="#">Save Assembly     (CTRL/⌘ + S)</a></li>
<li><a data-toggle="modal" data-target="#saveAsModel" href="#">Save Assembly As...     (CTRL/⌘ + Shift + S)</a></li>
<li><a class="importJSON" href="#">Open Assembly...     (CTRL/⌘ + O)</a></li>
<li class="dropdown-submenu">
<a tabindex="-1">Demo Files<span class="pull-right fui-arrow-right"></span></a>
<ul class="dropdown-menu">
<li><a data-file="oneBitBot.json" class="loadDemo" href="#">One Bit Assembly</a></li>
</ul></li>
<li class="divider"></li>
<li class="dropdown-submenu">
<a tabindex="-1">Load User Settings<span class="pull-right fui-arrow-right"></span></a>
<ul class="dropdown-menu">
<!--<li><a id="resetDefaultSettings" href="#">Reset Settings</a></li>-->
<li><a data-file="ben.user" class="loadUser" href="#">Ben</a></li>
<li><a data-file="matt.user" class="loadUser" href="#">Matt</a></li>
<li><a data-file="will.user" class="loadUser" href="#">Will</a></li>
<li><a class="importJSON" href="#">From File...</a></li>
</ul>
</li>
<li><a id="saveUserSettings" data-toggle="modal" data-target="#saveUserModel" href="#">Save User Settings...</a></li>
<li class="divider"></li>
<li><a id="exportSTL" href="#">Export STL</a></li>
</ul>
</li>
<li class="dropdown navDropdown">
<a href="#" class="dropdown-toggle" id="viewMenuDropdown" data-toggle="dropdown">View <b class="caret"></b></a>
<span class="dropdown-arrow"></span>
<ul id="navViewMenu" class="dropdown-menu"></ul>
</li>
<li><a data-menu-id="about" class="menuHoverControls" target="_blank" href="http://dma.cba.mit.edu/">About</a></li>
</ul>
<!--<ul class="nav navbar-nav pull-right">-->
<!--<li><a id="showHideMenu" href="#">Hide Menu >></a></li>-->
<!--</ul>-->
</div><!-- /.navbar-collapse -->
<input id="jsonInput" type="file">
</nav>
<div class="modal fade" id="saveAsModel" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<p class="modal-title" >Enter File Name</p>
</div>
<div class="modal-body">
<input id="saveAsFileName" type="text" value="DM Assembly" placeholder="Enter file name" class="form-control filename">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="saveAsJSON btn btn-primary">Save</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="saveUserModel" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<p class="modal-title" >Save User Settings</p>
</div>
<div class="modal-body">
<input id="saveUserFileName" type="text" value="User" placeholder="Enter file name" class="form-control filename">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="saveUser btn btn-primary">Save</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true"></div>
<div id="menuWrapper"><div id="menuHeader"></div><div id="menuContent"></div></div>
<div id="scriptView"></div>
<div id="navRibbon"></div>
<div id="threeContainer"></div>
</body>
</html>