diff options
| author | Gregor Kleen <gkleen@yggdrasil.li> | 2016-02-24 15:33:15 +0000 |
|---|---|---|
| committer | Gregor Kleen <gkleen@yggdrasil.li> | 2016-02-24 15:33:15 +0000 |
| commit | d687710cb8f5a5ceb605d9859cd8ba76fb2c45a0 (patch) | |
| tree | 4e3245ad820c769187615ae95b9f177d24bfc9dc /webgui/data | |
| parent | c09c2786d0654f144dab103292c47411ff1afa9a (diff) | |
| download | thermoprint-d687710cb8f5a5ceb605d9859cd8ba76fb2c45a0.tar thermoprint-d687710cb8f5a5ceb605d9859cd8ba76fb2c45a0.tar.gz thermoprint-d687710cb8f5a5ceb605d9859cd8ba76fb2c45a0.tar.bz2 thermoprint-d687710cb8f5a5ceb605d9859cd8ba76fb2c45a0.tar.xz thermoprint-d687710cb8f5a5ceb605d9859cd8ba76fb2c45a0.zip | |
Style tweaks
Diffstat (limited to 'webgui/data')
| -rw-r--r-- | webgui/data/index.html | 63 | ||||
| -rw-r--r-- | webgui/data/style.css | 8 |
2 files changed, 33 insertions, 38 deletions
diff --git a/webgui/data/index.html b/webgui/data/index.html index af780bd..79e7bc2 100644 --- a/webgui/data/index.html +++ b/webgui/data/index.html | |||
| @@ -17,54 +17,45 @@ | |||
| 17 | <div class="tabs"> | 17 | <div class="tabs"> |
| 18 | <ul class="tab-links"> | 18 | <ul class="tab-links"> |
| 19 | <li class="active"><a href="#editor">Editor</a></li> | 19 | <li class="active"><a href="#editor">Editor</a></li> |
| 20 | <li><a href="#drafts">Drafts</a></li> | ||
| 20 | <li><a href="#queue">Queue</a></li> | 21 | <li><a href="#queue">Queue</a></li> |
| 21 | <li id="errors-tab" style="display:none;"><a href="#errors">Errors</a></li> | 22 | <li id="errors-tab" style="display:none;"><a href="#errors">Errors</a></li> |
| 22 | </ul> | 23 | </ul> |
| 23 | 24 | ||
| 24 | <div class="tab-content"> | 25 | <div class="tab-content"> |
| 25 | <div class="tab active" id="editor"> | 26 | <div class="tab active" id="editor"> |
| 26 | <div class="table" style="width:100%"> | 27 | <!-- <label id="titleLabel" for="editorTitle">Title</label> --> |
| 28 | <input id="editorTitle" /> | ||
| 29 | <textarea id="editorText"></textarea> | ||
| 30 | <span id="bbcodeStatus"></span> | ||
| 31 | <span id="editorStatus">Not connected to server</span> | ||
| 32 | <div class="table"> | ||
| 27 | <div class="tr"> | 33 | <div class="tr"> |
| 28 | <h1 class="tc">Current Draft</h1> | 34 | <div class="editorButtonContainer tc"> |
| 29 | <h1 class="tc">Saved Drafts</h1> | 35 | <button class="editorButton" id="saveButton">Save</button> |
| 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> | 36 | </div> |
| 52 | <div class="tc" style="text-align:center;"> | 37 | <div class="editorButtonContainer tc"> |
| 53 | <input id="allowDeletion" type="checkbox" /><label for="allowDeletion">Allow Deletion</label> | 38 | <button class="editorButton" id="printButton">Print</button> |
| 54 | <table id="draftList"> | 39 | </div> |
| 55 | <thead> | 40 | <div class="editorButtonContainer tc"> |
| 56 | <tr> | 41 | <button class="editorButton" id="discardButton">Discard</button> |
| 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> | 42 | </div> |
| 65 | </div> | 43 | </div> |
| 66 | </div> | 44 | </div> |
| 67 | </div> | 45 | </div> |
| 46 | <div class="tab" id="drafts" style="text-align:center;"> | ||
| 47 | <table style="width:100%;" id="draftList"> | ||
| 48 | <thead> | ||
| 49 | <tr> | ||
| 50 | <td style="width:5em;">Id</td> | ||
| 51 | <td>Title</td> | ||
| 52 | <td style="width:12em;">Actions</td> | ||
| 53 | </tr> | ||
| 54 | </thead> | ||
| 55 | <tbody id="draftListBody"></tbody> | ||
| 56 | </table> | ||
| 57 | <input id="allowDeletion" type="checkbox" /><label for="allowDeletion">Allow Deletion</label> | ||
| 58 | </div> | ||
| 68 | 59 | ||
| 69 | <div class="tab" id="queue"> | 60 | <div class="tab" id="queue"> |
| 70 | Blub. | 61 | Blub. |
diff --git a/webgui/data/style.css b/webgui/data/style.css index 53ddb7a..7520e42 100644 --- a/webgui/data/style.css +++ b/webgui/data/style.css | |||
| @@ -30,10 +30,10 @@ thead td { | |||
| 30 | text-align:center; | 30 | text-align:center; |
| 31 | } | 31 | } |
| 32 | 32 | ||
| 33 | thead tr:last-child { | 33 | thead tr:last-child td { |
| 34 | margin:0 0 0.125em 0; | ||
| 34 | padding-bottom:0.125em; | 35 | padding-bottom:0.125em; |
| 35 | border-bottom:1px solid #ddd; | 36 | border-bottom:1px solid #ddd; |
| 36 | margin-bottom:0.125em; | ||
| 37 | } | 37 | } |
| 38 | 38 | ||
| 39 | .editorButtonContainer { | 39 | .editorButtonContainer { |
| @@ -79,6 +79,10 @@ thead tr:last-child { | |||
| 79 | color:#c00000; | 79 | color:#c00000; |
| 80 | } | 80 | } |
| 81 | 81 | ||
| 82 | #draftListBody button { | ||
| 83 | width:6em; | ||
| 84 | } | ||
| 85 | |||
| 82 | /*----- Tabs -----*/ | 86 | /*----- Tabs -----*/ |
| 83 | .tabs { | 87 | .tabs { |
| 84 | display:block; | 88 | display:block; |
