4aba4cc503
See #156. This change adjusts the project manager to have a loading bar during lengthy operations. It also adds a `tick()` method that queues up operations in 15ms chunks--we'll still blow the frame budget most times, but it keeps things reasonably responsive (at least until the render tree has to be added to the DOM).
50 lines
No EOL
1.2 KiB
HTML
50 lines
No EOL
1.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Caret</title>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" type="text/css" href="css/caret.css" id="theme">
|
|
</head>
|
|
<body>
|
|
|
|
<ul class="toolbar"></ul>
|
|
|
|
<div class="central">
|
|
|
|
<div class="project">
|
|
<div class="tree"></div>
|
|
<div class="load-ui">
|
|
loading
|
|
<div class="progress"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="editing">
|
|
<div class="tabs"></div>
|
|
<div id="editor"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="bottom-bar">
|
|
<div class="status-text"></div>
|
|
<div class="mode-theme">
|
|
<select class="syntax" command="session:syntax" tabindex=-1></select>
|
|
<select class="theme" command="editor:theme" tabindex=-1></select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="palette">
|
|
<div class="main">
|
|
<h1 class="mode"></h1>
|
|
<input class="request"></input>
|
|
</div>
|
|
<ul class="results"></ul>
|
|
</div>
|
|
|
|
<script src="js/ace/ace.js"></script>
|
|
<script src="js/lib/promise-0.1.1.min.js"></script>
|
|
<script data-main="./js/main.js" src="require.js"></script>
|
|
|
|
</body>
|
|
</html> |