From 2e3718e8ad111aa914e96c3ed92457b4688fb99d Mon Sep 17 00:00:00 2001
From: Jeffrey Phillips Freeman <jeffrey.freeman@syncleus.com>
Date: Sun, 12 Jul 2015 21:07:12 -0400
Subject: [PATCH] Added classes to the datapoint page in place of much of the
 hard coded style tags.

---
 dist/index.html                    |  2 +-
 dist/views/analyzer.endpoints.html | 16 +++++++--------
 scss/main.scss                     | 33 ++++++++++++++++++++++++++++++
 3 files changed, 42 insertions(+), 9 deletions(-)

diff --git a/dist/index.html b/dist/index.html
index 6f8171d..2cd06a5 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -35,7 +35,7 @@
                 <div class="header-container">
                     <div class="header-content">
                         <div class="header-identity">
-                            <a ui-sref="home"><img src="img/logo.png" class="header-logo"/><span class="header-title">AIDE</span></a>
+                            <a ui-sref="home"><img src="img/logo.png" class="header-logo"/><span class="header-title">AIDER</span></a>
                         </div>
                         <div class="header-navigate">
                             <span class="inbox" ng-class='{unread: user.unreadNotifications}'></span>&nbsp;
diff --git a/dist/views/analyzer.endpoints.html b/dist/views/analyzer.endpoints.html
index d0b687a..d9729da 100644
--- a/dist/views/analyzer.endpoints.html
+++ b/dist/views/analyzer.endpoints.html
@@ -1,18 +1,18 @@
-<div style="border: 1px solid #d0d0d0; border-radius: 5px; border-collapse: separate;background-color: #f5f5f5;">
-    <div style="padding: 10px;">
+<div class="datapoint-container">
+    <div class="datapoint-title">
         <h1>Datapoint receiver</h1>
     </div>
-    <div style="background-color: #ffffff; padding: 10px;">
-        <div><span style="border: 2px solid #d0d0d0; padding: 2px 7px; border-radius: 4px;">POST</span> https://aide.syncleus.com/robotek/customers/receiver</div>
+    <div class="datapoint-details">
+        <div><span class="datapoint-http-method post-method">POST</span> https://aide.syncleus.com/robotek/customers/receiver</div>
         <hr/>
         Request parameters
         <table>
             <tbody>
             <tr ng-repeat-start="datapoint in datapoints">
-                <td><i class="fa fa-circle" style="color: #bbbbbb; padding-right: 10px; padding-top: 10px;"></i></td>
-                <td style="padding-right: 10px; padding-top: 10px;">{{datapoint.key}}</td>
-                <td style="padding-right: 10px; padding-top: 10px;">{{datapoint.type}}</td>
-                <td style="padding-top: 10px;">{{datapoint.description}}</td>
+                <td><i class="datapoint-cell datapoint-required optional"></i></td>
+                <td class="datapoint-cell">{{datapoint.key}}</td>
+                <td class="datapoint-cell">{{datapoint.type}}</td>
+                <td class="datapoint-cell">{{datapoint.description}}</td>
             </tr>
             <tr ng-repeat-end="">
                 <td colspan="3"></td>
diff --git a/scss/main.scss b/scss/main.scss
index d6dc8f3..71d6e52 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -453,3 +453,36 @@ footer div {
 .expand-collapse-links a:first-child {
     margin-left: 0;
 }
+
+.datapoint-container {
+    border: 1px solid #d0d0d0;
+    border-radius: 5px;
+    border-collapse: separate;
+    background-color: #f5f5f5;
+}
+
+.datapoint-title {
+    padding: 10px;
+}
+
+.datapoint-details {
+    background-color: #ffffff;
+    padding: 10px;
+}
+
+.datapoint-http-method.post-method {
+    border: 2px solid #d0d0d0;
+    padding: 2px 7px;
+    border-radius: 4px;
+}
+
+.datapoint-required.optional {
+    @extend .fa;
+    @extend .fa-circle;
+    color: #bbbbbb;
+}
+
+.datapoint-cell {
+    padding-right: 10px;
+    padding-top: 10px;
+}
-- 
GitLab