From fb8c5c3bf0f6072db711e844121faedb89fe5da8 Mon Sep 17 00:00:00 2001
From: Stephen Birarda <commit@birarda.com>
Date: Wed, 8 Oct 2014 14:52:53 -0700
Subject: [PATCH] initial styling changes to domain table

---
 domain-server/resources/describe-settings.json | 13 +++++++++++++
 domain-server/resources/web/css/style.css      |  4 ++++
 domain-server/resources/web/js/settings.js     | 16 ++++++----------
 3 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/domain-server/resources/describe-settings.json b/domain-server/resources/describe-settings.json
index 8b33fede2e..04c8c5bf1f 100644
--- a/domain-server/resources/describe-settings.json
+++ b/domain-server/resources/describe-settings.json
@@ -59,6 +59,19 @@
         "type": "password",
         "help": "Password used for basic HTTP authentication. Leave this blank if you do not want to change it.",
         "value-hidden": true
+      },
+      {
+        "name": "allowed_users",
+        "type": "table",
+        "label": "Allowed Users",
+        "help": "A list of usernames for the High Fidelity users you want to allow into your domain. Users not found in this list will not be allowed to connect.",
+        "number": false,
+        "can_add": true,
+        "can_delete": true,
+        "key": {
+          "name": "username",
+          "label": "Username"
+        }
       }
     ]
   },
diff --git a/domain-server/resources/web/css/style.css b/domain-server/resources/web/css/style.css
index 60f493593a..46e8b94a3a 100644
--- a/domain-server/resources/web/css/style.css
+++ b/domain-server/resources/web/css/style.css
@@ -74,3 +74,7 @@ span.port {
   width: 100%;
   margin-bottom: 15px;
 }
+
+td.buttons {
+  width: 14px;
+}
diff --git a/domain-server/resources/web/js/settings.js b/domain-server/resources/web/js/settings.js
index d6646a87da..246a9a1705 100644
--- a/domain-server/resources/web/js/settings.js
+++ b/domain-server/resources/web/js/settings.js
@@ -280,12 +280,9 @@ $('body').on('click', '.save-button', function(e){
 });
 
 function makeTable(setting, setting_name, setting_value) {
-  var html = "<div class='panel panel-default'>"
-  html += "<div class='panel-heading'>" + setting.label + "</div>"
-  html += "<div class='panel-body'>"
-  html += "<p>" + setting.help + "</p>"
-  html += "</div>"
-  html += "<table class='table' name='" + setting_name + "'>"
+  var html = "<label class='control-label'>" + setting.label + "</label>"
+  html += "<span class='help-block'>" + setting.help + "</span>"
+  html += "<table class='table table-bordered' name='" + setting_name + "'>"
     
   // Column names
   html += "<tr class='headers'>"
@@ -297,7 +294,7 @@ function makeTable(setting, setting_name, setting_value) {
     html += "<td class='data'><strong>" + col.label + "</strong></td>" // Data
   })
   if (setting.can_delete === true || setting.can_add === true) {
-    html += "<td class='buttons'></td>" // Buttons
+    html += "<td class='buttons'><strong>+/-</strong></td>" // Buttons
   }
   html += "</tr>"
     
@@ -329,9 +326,8 @@ function makeTable(setting, setting_name, setting_value) {
   if (setting.can_add === true) {
     html += makeTableInputs(setting)
   }
-    
+  
   html += "</table>"
-  html += "</div>"
     
   return html;
 }
@@ -342,7 +338,7 @@ function makeTableInputs(setting) {
     html += "<td class='number'></td>"
   }
   html += "<td class='key' name='" + setting.key.name + "'>\
-           <input type='text' class='form-control' placeholder='" + setting.key.placeholder + "' value=''>\
+           <input type='text' class='form-control' placeholder='" + (_.has(setting.key, 'placeholder') ? setting.key.placeholder : "") + "' value=''>\
            </td>"
   _.each(setting.columns, function(col) {
     html += "<td class='row-data'name='" + col.name + "'>\