adding mocked detail data for frontend viewing. placeholders for settings panels. Add dialog panel for Details setings.

webapp/frontend/src/app/data/mock/device/details/index.ts

@@ -2,7 +2,11 @@ import { Injectable } from '@angular/core';
 import * as _ from 'lodash';
 import { TreoMockApi } from '@treo/lib/mock-api/mock-api.interfaces';
 import { TreoMockApiService } from '@treo/lib/mock-api/mock-api.service';
-import { details as detailsData } from 'app/data/mock/device/details/data';
+import { sda } from 'app/data/mock/device/details/sda';
+import { sdb } from 'app/data/mock/device/details/sdb';
+import { sdc } from 'app/data/mock/device/details/sdc';
+import { sdd } from 'app/data/mock/device/details/sdd';
+import { sde } from 'app/data/mock/device/details/sde';
 
 @Injectable({
     providedIn: 'root'
@@ -21,9 +25,6 @@ export class DetailsMockApi implements TreoMockApi
         private _treoMockApiService: TreoMockApiService
     )
     {
-        // Set the data
-        this._details = detailsData;
-
         // Register the API endpoints
         this.register();
     }
@@ -37,16 +38,53 @@ export class DetailsMockApi implements TreoMockApi
      */
     register(): void
     {
-        // -----------------------------------------------------------------------------------------------------
-        // @ Sales - GET
-        // -----------------------------------------------------------------------------------------------------
         this._treoMockApiService
-            .onGet('/api/device/:wwn/details')
+            .onGet('/api/device/0x5002538e40a22954/details')
             .reply(() => {
 
                 return [
                     200,
-                    _.cloneDeep(this._details)
+                    _.cloneDeep(sda)
+                ];
+            });
+
+        this._treoMockApiService
+            .onGet('/api/device/0x5000cca264eb01d7/details')
+            .reply(() => {
+
+                return [
+                    200,
+                    _.cloneDeep(sdb)
+                ];
+            });
+
+        this._treoMockApiService
+            .onGet('/api/device/0x5000cca264ec3183/details')
+            .reply(() => {
+
+                return [
+                    200,
+                    _.cloneDeep(sdc)
+                ];
+            });
+
+        this._treoMockApiService
+            .onGet('/api/device/0x5000cca252c859cc/details')
+            .reply(() => {
+
+                return [
+                    200,
+                    _.cloneDeep(sdd)
+                ];
+            });
+
+        this._treoMockApiService
+            .onGet('/api/device/0x5000cca264ebc248/details')
+            .reply(() => {
+
+                return [
+                    200,
+                    _.cloneDeep(sde)
                 ];
             });
     }