tildefriends/core/index.html

61 lines
2.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Tilde Friends</title>
<link type="text/css" rel="stylesheet" href="/static/style.css">
<link type="image/png" rel="shortcut icon" href="/static/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--HEAD-->
</head>
<body style="display: flex; flex-flow: column">
<div class="navigation">
<span>😎</span>
<span id="title">Tilde Friends</span>
<a href="/">home</a>
<a href="#" onclick="event.preventDefault(); edit()">edit</a>
<a href="#" onclick="event.preventDefault(); trace()">trace</a>
<a href="#" onclick="event.preventDefault(); stats()">stats</a>
<span id="status"></span>
<span id="login"></span>
</div>
<div id="content" class="hbox" style="flex: 1 1; width: 100%">
<div id="editPane" class="vbox" style="display: none">
<div class="navigation">
<input type="button" id="closeEditor" name="closeEditor" value="Close" onclick="closeEditor()">
<input type="button" id="save" name="save" value="Save" onclick="save()">
<input type="text" id="name" name="name"></input>
<input type="checkbox" id="run" name="run" checked><label for="run">Restart after save</label>
<input type="button" id="revert" name="revert" value="Revert to Saved" onclick="revert()">
<a id="latest" href="">Latest</a>
</div>
<div class="hbox" style="height: 100%">
<div id="filesPane">
<ul id="files">
</ul>
<br>
<div><button onclick="newFile()">New File</button></div>
<div><button onclick="removeFile()">Remove File</button></div>
</div>
<div id="docPane" style="display: flex; flex: 1 1 50%; flex-flow: column">
<div style="flex: 1 1 50%; position: relative">
<textarea id="editor" class="main"></textarea>
</div>
</div>
</div>
</div>
<div id="statsPane" class="vbox" style="display: none">
<div class="hbox">
<input type="button" id="closeStats" name="closeStats" value="Close" onclick="closeStats()">
</div>
<canvas id="graph" width="320" height="240"></canvas>
</div>
<div id="viewPane" class="vbox" style="flex: 1 0 50%; overflow: auto">
<iframe id="document" sandbox="allow-forms allow-scripts allow-top-navigation allow-modals" style="width: 100%; height: 100%; border: 0"></iframe>
</div>
</div>
<script src="/static/split.min.js"></script>
<script src="/static/smoothie.js"></script>
<script src="/static/client.js"></script>
</body>
</html>