diff options
| author | Gregor Kleen <gkleen@yggdrasil.li> | 2016-02-24 04:18:03 +0000 |
|---|---|---|
| committer | Gregor Kleen <gkleen@yggdrasil.li> | 2016-02-24 04:18:03 +0000 |
| commit | c09c2786d0654f144dab103292c47411ff1afa9a (patch) | |
| tree | 9a49cf5c1a0502ef7382bb54312097c375666ced /webgui/data/index.html | |
| parent | c1451ffcbc021e4f25721541538173f24be8f3cc (diff) | |
| download | thermoprint-c09c2786d0654f144dab103292c47411ff1afa9a.tar thermoprint-c09c2786d0654f144dab103292c47411ff1afa9a.tar.gz thermoprint-c09c2786d0654f144dab103292c47411ff1afa9a.tar.bz2 thermoprint-c09c2786d0654f144dab103292c47411ff1afa9a.tar.xz thermoprint-c09c2786d0654f144dab103292c47411ff1afa9a.zip | |
Partial GUI prototype
Diffstat (limited to 'webgui/data/index.html')
| -rw-r--r-- | webgui/data/index.html | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/webgui/data/index.html b/webgui/data/index.html new file mode 100644 index 0000000..af780bd --- /dev/null +++ b/webgui/data/index.html | |||
| @@ -0,0 +1,77 @@ | |||
| 1 | <!doctype html> | ||
| 2 | <html> | ||
| 3 | <head> | ||
| 4 | <meta charset="UTF-8" /> | ||
| 5 | <title>Thermoprint</title> | ||
| 6 | <link rel="stylesheet" type="text/css" href="static/style.css" /> | ||
| 7 | <script src="haskell.js"></script> | ||
| 8 | <script src="static/tabs.js"></script> | ||
| 9 | <script type="text/javascript" charset="utf-8"> | ||
| 10 | Haskell.initFFI(); | ||
| 11 | </script> | ||
| 12 | </head> | ||
| 13 | <body> | ||
| 14 | <p id="javascriptError" class="error fatal"> | ||
| 15 | Need javascript to function. | ||
| 16 | </p> | ||
| 17 | <div class="tabs"> | ||
| 18 | <ul class="tab-links"> | ||
| 19 | <li class="active"><a href="#editor">Editor</a></li> | ||
| 20 | <li><a href="#queue">Queue</a></li> | ||
| 21 | <li id="errors-tab" style="display:none;"><a href="#errors">Errors</a></li> | ||
| 22 | </ul> | ||
| 23 | |||
| 24 | <div class="tab-content"> | ||
| 25 | <div class="tab active" id="editor"> | ||
| 26 | <div class="table" style="width:100%"> | ||
| 27 | <div class="tr"> | ||
| 28 | <h1 class="tc">Current Draft</h1> | ||
| 29 | <h1 class="tc">Saved Drafts</h1> | ||
| 30 | </div> | ||
| 31 | <div class="tr"> | ||
| 32 | <div id="currentDraft" class="tc"> | ||
| 33 | <!-- <label id="titleLabel" for="editorTitle">Title</label> --> | ||
| 34 | <input id="editorTitle" /> | ||
| 35 | <textarea id="editorText"></textarea> | ||
| 36 | <span id="bbcodeStatus"></span> | ||
| 37 | <span id="editorStatus">Not connected to server</span> | ||
| 38 | <div class="table"> | ||
| 39 | <div class="tr"> | ||
| 40 | <div class="editorButtonContainer tc"> | ||
| 41 | <button class="editorButton" id="saveButton">Save</button> | ||
| 42 | </div> | ||
| 43 | <div class="editorButtonContainer tc"> | ||
| 44 | <button class="editorButton" id="printButton">Print</button> | ||
| 45 | </div> | ||
| 46 | <div class="editorButtonContainer tc"> | ||
| 47 | <button class="editorButton" id="discardButton">Discard</button> | ||
| 48 | </div> | ||
| 49 | </div> | ||
| 50 | </div> | ||
| 51 | </div> | ||
| 52 | <div class="tc" style="text-align:center;"> | ||
| 53 | <input id="allowDeletion" type="checkbox" /><label for="allowDeletion">Allow Deletion</label> | ||
| 54 | <table id="draftList"> | ||
| 55 | <thead> | ||
| 56 | <tr> | ||
| 57 | <td>Id</td> | ||
| 58 | <td>Title</td> | ||
| 59 | <td>Actions</td> | ||
| 60 | </tr> | ||
| 61 | </thead> | ||
| 62 | <tbody id="draftListBody"></tbody> | ||
| 63 | </table> | ||
| 64 | </div> | ||
| 65 | </div> | ||
| 66 | </div> | ||
| 67 | </div> | ||
| 68 | |||
| 69 | <div class="tab" id="queue"> | ||
| 70 | Blub. | ||
| 71 | </div> | ||
| 72 | |||
| 73 | <ul class="tab" id="errors"> | ||
| 74 | </ul> | ||
| 75 | </div> | ||
| 76 | </body> | ||
| 77 | </html> | ||