From 9d22aa44b28aab07e3e45eb08b42a96d90e35223 Mon Sep 17 00:00:00 2001
From: Jeffrey Phillips Freeman <jeffrey.freeman@syncleus.com>
Date: Sun, 12 Jul 2015 21:56:57 -0400
Subject: [PATCH] Changed the color and weight of the http method tag.

---
 dist/views/analyzer.endpoints.html | 118 +++++++++++++++++++++++++++++
 dist/views/analyzer.html           |  13 ++--
 scss/main.scss                     |  24 +++++-
 3 files changed, 148 insertions(+), 7 deletions(-)

diff --git a/dist/views/analyzer.endpoints.html b/dist/views/analyzer.endpoints.html
index d9729da..9cf2270 100644
--- a/dist/views/analyzer.endpoints.html
+++ b/dist/views/analyzer.endpoints.html
@@ -36,3 +36,121 @@
         <div>}</div>
     </div>
 </div>
+
+<div class="datapoint-container">
+    <div class="datapoint-title">
+        <h1>Insight detection</h1>
+    </div>
+    <div class="datapoint-details">
+        <div><span class="datapoint-http-method get-method">GET</span> https://aide.syncleus.com/robotek/customers/insight</div>
+        <hr/>
+        Request parameters
+        <table>
+            <tbody>
+            <tr ng-repeat-start="datapoint in datapoints">
+                <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>
+                <td ng-if="datapoint.type == 'number'"><span ng-if="datapoint.rangeMin != null">{{datapoint.rangeMin}}</span><span ng-if="datapoint.rangeMin == null">-&infin;</span> to <span ng-if="datapoint.rangeMax != null">{{datapoint.rangeMax}}</span><span ng-if="datapoint.rangeMax == null">&infin;</span></td>
+                <td ng-if="datapoint.type == 'discrete'">{{datapoint.states}}</td>
+            </tr>
+            </tbody>
+        </table>
+        <hr/>
+        <div style="padding-bottom: 10px;">Request example</div>
+        <div>Content-Type: application/json</div>
+        <div>{</div>
+        <div ng-repeat="datapoint in datapoints" style="padding-left: 20px;">"{{datapoint.key}}": "Hello world",</div>
+        <div>}</div>
+        <hr/>
+        <div style="padding-bottom: 10px;">Response example</div>
+        <div><span>201</span> Datapoint successfully recorded.</div>
+        <div>Content-Type: application/json</div>
+        <div>{</div>
+        <div style="padding-left: 20px;">"responseMessage": "Success!",</div>
+        <div>}</div>
+    </div>
+</div>
+
+
+<div class="datapoint-container">
+    <div class="datapoint-title">
+        <h1>Discovery example1</h1>
+    </div>
+    <div class="datapoint-details">
+        <div><span class="datapoint-http-method get-method">GET</span> https://aide.syncleus.com/robotek/customers/discovery/example1</div>
+        <hr/>
+        Request parameters
+        <table>
+            <tbody>
+            <tr ng-repeat-start="datapoint in datapoints">
+                <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>
+                <td ng-if="datapoint.type == 'number'"><span ng-if="datapoint.rangeMin != null">{{datapoint.rangeMin}}</span><span ng-if="datapoint.rangeMin == null">-&infin;</span> to <span ng-if="datapoint.rangeMax != null">{{datapoint.rangeMax}}</span><span ng-if="datapoint.rangeMax == null">&infin;</span></td>
+                <td ng-if="datapoint.type == 'discrete'">{{datapoint.states}}</td>
+            </tr>
+            </tbody>
+        </table>
+        <hr/>
+        <div style="padding-bottom: 10px;">Request example</div>
+        <div>Content-Type: application/json</div>
+        <div>{</div>
+        <div ng-repeat="datapoint in datapoints" style="padding-left: 20px;">"{{datapoint.key}}": "Hello world",</div>
+        <div>}</div>
+        <hr/>
+        <div style="padding-bottom: 10px;">Response example</div>
+        <div><span>201</span> Datapoint successfully recorded.</div>
+        <div>Content-Type: application/json</div>
+        <div>{</div>
+        <div style="padding-left: 20px;">"responseMessage": "Success!",</div>
+        <div>}</div>
+    </div>
+</div>
+
+<div class="datapoint-container">
+    <div class="datapoint-title">
+        <h1>Discovery example2</h1>
+    </div>
+    <div class="datapoint-details">
+        <div><span class="datapoint-http-method get-method">GET</span> https://aide.syncleus.com/robotek/customers/discovery/example2</div>
+        <hr/>
+        Request parameters
+        <table>
+            <tbody>
+            <tr ng-repeat-start="datapoint in datapoints">
+                <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>
+                <td ng-if="datapoint.type == 'number'"><span ng-if="datapoint.rangeMin != null">{{datapoint.rangeMin}}</span><span ng-if="datapoint.rangeMin == null">-&infin;</span> to <span ng-if="datapoint.rangeMax != null">{{datapoint.rangeMax}}</span><span ng-if="datapoint.rangeMax == null">&infin;</span></td>
+                <td ng-if="datapoint.type == 'discrete'">{{datapoint.states}}</td>
+            </tr>
+            </tbody>
+        </table>
+        <hr/>
+        <div style="padding-bottom: 10px;">Request example</div>
+        <div>Content-Type: application/json</div>
+        <div>{</div>
+        <div ng-repeat="datapoint in datapoints" style="padding-left: 20px;">"{{datapoint.key}}": "Hello world",</div>
+        <div>}</div>
+        <hr/>
+        <div style="padding-bottom: 10px;">Response example</div>
+        <div><span>201</span> Datapoint successfully recorded.</div>
+        <div>Content-Type: application/json</div>
+        <div>{</div>
+        <div style="padding-left: 20px;">"responseMessage": "Success!",</div>
+        <div>}</div>
+    </div>
+</div>
diff --git a/dist/views/analyzer.html b/dist/views/analyzer.html
index bed03bd..cd1040b 100644
--- a/dist/views/analyzer.html
+++ b/dist/views/analyzer.html
@@ -39,6 +39,13 @@
                     </a>
                 </li>
 
+                <li class="analyzer-nav-item" ng-class="{selected: analyzerNav.navSelected == 'discoveries'}">
+                    <a ui-sref="analyzer.discoveries">
+                        <span class="analyzer-discoveries-icon"></span> Discoveries
+                        <span class="counter">3</span>
+                    </a>
+                </li>
+
                 <li class="analyzer-nav-item" ng-class="{selected: analyzerNav.navSelected == 'fitness'}">
                     <a ui-sref="analyzer.fitness">
                         <span class="analyzer-fitness-icon"></span> Fitness
@@ -56,12 +63,6 @@
             <div class="analyzer-nav-separator"></div>
 
             <ul class="analyzer-nav-group">
-                <li class="analyzer-nav-item" ng-class="{selected: analyzerNav.navSelected == 'discoveries'}">
-                    <a ui-sref="analyzer.discoveries">
-                        <span class="analyzer-discoveries-icon"></span> Discoveries
-                        <span class="counter">3</span>
-                    </a>
-                </li>
 
                 <li class="analyzer-nav-item" ng-class="{selected: analyzerNav.navSelected == 'insights'}">
                     <a ui-sref="analyzer.insights">
diff --git a/scss/main.scss b/scss/main.scss
index 71d6e52..c587d22 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -459,6 +459,7 @@ footer div {
     border-radius: 5px;
     border-collapse: separate;
     background-color: #f5f5f5;
+    margin-bottom: 25px;
 }
 
 .datapoint-title {
@@ -470,10 +471,31 @@ footer div {
     padding: 10px;
 }
 
-.datapoint-http-method.post-method {
+.datapoint-http-method {
     border: 2px solid #d0d0d0;
     padding: 2px 7px;
     border-radius: 4px;
+    font-weight: bold;
+}
+
+.datapoint-http-method.delete-method {
+    border-color: #f8c3b6;
+    color: #a10000;
+}
+
+.datapoint-http-method.post-method {
+    border-color: #c0bff8;
+    color: #0800a1;
+}
+
+.datapoint-http-method.put-method {
+    border-color: #f8bef4;
+    color: #a1009b;
+}
+
+.datapoint-http-method.get-method {
+    border-color: #a6d29f;
+    color: #03a100;
 }
 
 .datapoint-required.optional {
-- 
GitLab