Small aesthetic and format changes

calvellido · calvellido · commit b23ba0765de8 · 2017-09-28T13:23:16.000+02:00
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -12,7 +12,7 @@
       <md-sidenav #sidenav class="sidenav" mode="side" opened="true">
         <md-nav-list>
           <md-list-item *ngFor="let link of links">
-            <a routerLink="/ws-viewer" routerLinkActive="active" mdLine>Item {{ link }}</a>
+            <a routerLink="/ws-viewer" routerLinkActive="active" mdLine>Microservice MS{{ link | number:'2.0-0'}}</a>
             <button md-icon-button>
               <md-icon>info</md-icon>
             </button>
diff --git a/src/app/ws-viewer/ws-viewer.component.html b/src/app/ws-viewer/ws-viewer.component.html
@@ -1,10 +1,9 @@
   <div class="ws-viewer">
 
-    <h1>
-      Welcome to {{title}}!
-    </h1>
+    <h1>{{title}}</h1>
     <p>
-      This example will connect to a websocket server and start listening to it, printing the received value on screen
+      In this section you can connect to a Freestyle metrics server and start listening to it,
+      the values will be shown on screen as they are received
     </p>
 
     <button md-raised-button color="{{ isCurrentlyListening() ? 'warn' : 'primary' }}" (click)="toggleListening()">
@@ -24,7 +23,7 @@ <h1>
           <h2>{{ metric?.metric }}</h2>
         </md-grid-tile>
         <md-grid-tile>
-          <h2>{{ metric?.value }}</h2>
+          <h2>{{ metric?.value | number:'1.15-15' }}</h2>
         </md-grid-tile>
       </md-grid-list>
 
diff --git a/src/app/ws-viewer/ws-viewer.component.ts b/src/app/ws-viewer/ws-viewer.component.ts
@@ -1,5 +1,4 @@
 import { Component, OnInit } from '@angular/core';
-import { DatePipe } from '@angular/common';
 import { Subscription } from 'rxjs/Subscription';
 
 import { WsService } from './ws.service';
@@ -11,7 +10,7 @@ import { Metric } from '../shared/metric.model';
   styleUrls: ['./ws-viewer.component.scss']
 })
 export class WsViewerComponent implements OnInit {
-  title = 'WebSockets example';
+  title = 'Metric streaming example';
   metric: Metric;
   subscription: Subscription;
 
diff --git a/src/index.html b/src/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>PollingExample</title>
+  <title>Freestyle Opscenter</title>
   <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
