About page display node version (#170)

* Update target property from localhost to 127.0.0.1

* System section, node version on about page

* about component node version included

* back to localhost

Author: kimura-developer

service/src/config.js

@@ -5,6 +5,7 @@ const version = packageJson.version.split(".");
 module.exports = {
   api: {
     name: packageJson.name,
+    nodeVersion: process.versions.node,
     description: packageJson.description,
     version: {
       major: parseInt(version[0]),

web-app/src/ng1/about/about.component.js

@@ -8,6 +8,7 @@ class AboutController {
       this.name = api.name;
       this.serverVersion = api.version;
       this.apk = api.apk;
+      this.nodeVersion = api.nodeVersion;
     });
   }
 }

web-app/src/ng1/about/about.html

@@ -1,5 +1,5 @@
 <div class="content-flex about-content">
-  <h2>About {{$ctrl.name}} {{$ctrl.serverVersion.major}}.{{$ctrl.serverVersion.minor}}.{{$ctrl.serverVersion.micro}}</h2>
+  <h2>About MAGE Server {{$ctrl.serverVersion.major}}.{{$ctrl.serverVersion.minor}}.{{$ctrl.serverVersion.micro}}</h2>
   <p>
       MAGE is a dynamic, secure, mobile situational awareness and field data collection platform that supports
       low-bandwidth and disconnected users. MAGE can integrate with existing command centers and common operating
@@ -26,7 +26,10 @@ <h2 class="top-gap-l">Mobile Applications</h2>
   <h2 class="top-gap-l">API</h2>
   <p>Browse and try the MAGE API live with <a ui-sref="swagger">Swagger UI.</a></p>
   <p><strong>Important:</strong> Swagger interactive documentation will modify MAGE data via API calls; please be careful with <strong>POST/PUT/DELETE</strong> operations.</p>
-
+  <h2>System</h2>
+  <ul>
+    <li>Node Version: {{$ctrl.nodeVersion}} </li>
+  </ul>
   <h2 class="top-gap-l">Acknowledgements</h2>
   <div class="row bottom-gap-l">
     <div class="col-md-6">