Cory McWilliams
2926f855a1
git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4266 ed5197a5-7fde-0310-b194-c3ffbd925b24
70 lines
2.9 KiB
HTML
70 lines
2.9 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>
|
|
<body style="display: flex; flex-flow: column">
|
|
<div class="navigation">
|
|
<span>😎</span>
|
|
<a accesskey="h" data-tip="Open home app." href="/" style="color: #fff">Tilde Friends</a>
|
|
<a accesskey="a" data-tip="Open apps list." href="/~core/apps/">apps</a>
|
|
<a accesskey="e" data-tip="Toggle the app editor." href="#" id="edit_link">edit</a>
|
|
<a accesskey="p" data-tip="View and change permissions." href="#" id="show_permissions_link">🎛️</a>
|
|
<span id="status"></span>
|
|
<span id="requests"></span>
|
|
<span id="permissions_settings"></span>
|
|
<span id="permissions"></span>
|
|
<span id="login"></span>
|
|
</div>
|
|
<div id="content" class="hbox" style="flex: 1 1; width: 100%">
|
|
<div id="statsPane" class="vbox" style="display: none; flex 1 1">
|
|
<div class="hbox">
|
|
<input type="button" id="closeStats" name="closeStats" value="Close">
|
|
</div>
|
|
<div id="graphs" class="vbox" style="height: 100%"></div>
|
|
</div>
|
|
<div id="editPane" class="vbox" style="display: none">
|
|
<div class="navigation hbox">
|
|
<input type="button" id="closeEditor" name="closeEditor" value="Close">
|
|
<input type="button" id="save" name="save" value="Save">
|
|
<input type="button" id="icon" name="icon" value="📦">
|
|
<input type="text" id="name" name="name" style="flex: 1 1; min-width: 1em"></input>
|
|
<input type="button" id="delete" name="delete" value="Delete">
|
|
<input type="button" id="trace_button" value="Trace">
|
|
<input type="button" id="stats_button" value="Stats">
|
|
</div>
|
|
<div class="hbox" style="height: 100%">
|
|
<div id="filesPane">
|
|
<div class="hbox">
|
|
<span id="files_header">Files</span>
|
|
<span id="files_hide">«</span>
|
|
<span id="files_show">»</span>
|
|
</div>
|
|
<tf-files id="files_list"></tf-files>
|
|
<div id="files_content">
|
|
<ul id="files"></ul>
|
|
<br>
|
|
<div><button id="new_file_button">New File</button></div>
|
|
<div><button id="remove_file_button">Remove File</button></div>
|
|
</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="viewPane" class="vbox" style="flex: 1 0; overflow: auto">
|
|
<iframe id="document" sandbox="allow-forms allow-scripts allow-top-navigation allow-modals allow-downloads" style="width: 100%; height: 100%; border: 0"></iframe>
|
|
</div>
|
|
</div>
|
|
<script src="/split/split.min.js"></script>
|
|
<script src="/smoothie/smoothie.js"></script>
|
|
<script src="/static/client.js" type="module"></script>
|
|
</body>
|
|
</html>
|