Adding column description to configuration screen (#422)

* Adding column description to configuration screen

* Tweaks

- tweaked list header copy
- tweaked list header style
- tweaked configuration screen tabs copy
- tweaked title of configuration pages

* CHanging label to be Monitored Endpoints

Author: WojcikMike

src/ServicePulse.Host/app/css/particular.css

@@ -1308,6 +1308,12 @@ span.metadata.danger, i.fa.fa-trash-o.danger, sp-moment.danger {
     left: 214px;
 }
 
+.table-header p {
+    color: #777f7f !important;
+    font-weight: bold;
+    margin: 12px 0 0;
+}
+
 /* RESPONSIVE TWEAKS */
 
 @media only screen and (min-width: 993px) {

src/ServicePulse.Host/app/js/directives/ui.particular.configurationTabs.tpl.html

@@ -1,7 +1,7 @@
 <div class="row">
     <div class="col-sm-12">
         <div class="tabs">
-            <h5 ng-class="{ active: isActive('/configuration/endpoints') }"><a href="#/configuration/endpoints">Endpoints ({{counters.endpoints | number}})</a></h5>
+            <h5 ng-class="{ active: isActive('/configuration/endpoints') }"><a href="#/configuration/endpoints">Monitored endpoints ({{counters.endpoints | number}})</a></h5>
             <h5 ng-class="{ active: isActive('/configuration/redirects') }"><a href="#/configuration/redirects">Retry redirects ({{counters.redirects | number}})</a></h5>
         </div>
     </div>

src/ServicePulse.Host/app/js/views/configuration/configuration.html

@@ -17,6 +17,14 @@ <h1>Configuration</h1>
 
         <div class="row">
             <div class="col-sm-12">
+                <div class="row box box-no-click table-header">
+                    <div class="col-xs-3 col-sm-2 col-lg-1 no-side-padding">
+                        <p>Monitoring</p>
+                    </div>
+                    <div class="col-xs-9 col-sm-10 col-lg-11">
+                        <p>Endpoint name</p>
+                    </div>
+                </div>
                 <div class="row box box-no-click" ng-class="{'box-info': e.monitor_heartbeat, 'box-danger':  !e.monitor_heartbeat}" ng-repeat="e in model.endpoints | orderBy:'name'">
                     <div class="col-sm-12 no-side-padding">
                         <div class="row">
@@ -44,7 +52,6 @@ <h1>Configuration</h1>
                                     </div>
                                 </div>
                             </div>
-
                         </div>
                     </div>
                 </div>

src/ServicePulse.Host/app/js/views/configuration/configuration.route.js

@@ -7,7 +7,7 @@
             redirectTo: '/configuration/endpoints'
         }).when('/configuration/endpoints', {
             data: {
-                pageTitle: 'Configuration'
+                pageTitle: 'Monitored endpoints - Configuration'
             },
             templateUrl: 'js/views/configuration/configuration.html',
             controller: 'ConfigurationCtrl',

src/ServicePulse.Host/app/js/views/redirect/route.js

@@ -6,7 +6,7 @@
             redirectTo: "/configuration/redirects"
         }).when('/configuration/redirects', {
             data: {
-                pageTitle: 'Retry Redirects'
+                pageTitle: 'Retry Redirects - Configuration'
             },
             templateUrl: 'js/views/redirect/view.html',
             controller: 'redirectController',