3 files changed, 35 insertions, 3 deletions

diff --git a/webgui/data/index.html b/webgui/data/index.html
index 3bdd047..e4a6c63 100644
--- a/webgui/data/index.html
+++ b/webgui/data/index.html
@@ -18,7 +18,7 @@
       <ul class="tab-links">
         <li class="active"><a href="#editor">Editor</a></li>
         <li><a href="#drafts">Drafts</a></li>
-        <li><a href="#queue">Queue</a></li>
+        <li><a href="#printers">Printers & Jobs</a></li>
         <li id="errors-tab" style="display:none;"><a href="#errors">Errors</a></li>
       </ul>
 
@@ -44,6 +44,7 @@
             </div>
           </div>
         </div>
+
         <div class="tab" id="drafts" style="text-align:center;">
           <table style="width:100%;" id="draftList">
             <thead>
@@ -65,8 +66,33 @@
           </table>
         </div>
 
-        <div class="tab" id="queue">
-          Blub.
+        <div class="tab" id="printers" style="text-align:center;">
+          <table style="width:100%;" id="printerList">
+            <thead>
+              <tr>
+                <td style="width:10em;">Printer Id</td>
+                <td style="width:10em;">Job Id</td>
+                <td style="width:20em;">Created</td>
+                <td>Status</td>
+                <td style="width:20em;">Actions</td>
+              </tr>
+            </thead>
+            <tbody id="printerListBody"></tbody>
+            <tfoot>
+              <tr>
+                <td colspan="4" style="border-style:none;"></td>
+                <td>
+                  <input id="autoselectPrinter" type="radio" name="printer" value="Nothing" checked="checked" /><label for="autoselectPrinter">Have server select printer</label>
+                </td>
+              </tr>
+              <tr>
+                <td colspan="4" style="border-style:none;"></td>
+                <td>
+                  <input id="allowAbortion" type="checkbox" /><label for="allowAbortion">Allow Abortion</label>
+                </td>
+              </tr>
+            </tfoot>
+          </table>
         </div>
 
         <ul class="tab" id="errors">
diff --git a/webgui/data/style.css b/webgui/data/style.css
index 9946208..6ab1704 100644
--- a/webgui/data/style.css
+++ b/webgui/data/style.css
@@ -89,6 +89,10 @@ tfoot tr:first-child td {
     width:6em;
 }
 
+tr.focused td {
+    background-color:#d0d0d0;
+}
+
 /*----- Tabs -----*/
 .tabs {
     display:block;
diff --git a/webgui/data/tabs.js b/webgui/data/tabs.js
index 1d178d9..d3263c6 100644
--- a/webgui/data/tabs.js
+++ b/webgui/data/tabs.js
@@ -7,6 +7,8 @@ jQuery(document).ready(function() {
  
         // Change/remove current tab to active
         jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
+
+        jQuery('.focused').removeClass('focused');
  
         e.preventDefault();
     });