Mounting UI config file

Change-Id: Ib5ceb89ffdd7b37afe7d5d72031ed440974dd3ab
diff --git a/mcord/ui-style-config.js b/mcord/ui-style-config.js
new file mode 100644
index 0000000..d4f5bc9
--- /dev/null
+++ b/mcord/ui-style-config.js
@@ -0,0 +1,31 @@
+angular.module('app')
+  .constant('StyleConfig', {
+    projectName: 'M-CORD',
+    favicon: 'cord-favicon.png',
+    background: 'mcord-bg.jpg',
+    payoff: 'Your way toward 5G',
+    logo: 'cord-logo.png',
+    routes: [
+        {
+            label: 'Slices',
+            state: 'xos.core.slices'
+        },
+        {
+            label: 'Instances',
+            state: 'xos.core.instances'
+        },
+        {
+            label: 'Nodes',
+            state: 'xos.core.nodes'
+        },
+        {
+            label: 'MCORD',
+            state: 'xos.mcord'
+        },
+        {
+            label: 'Topology',
+            state: 'xos.mcord.topology',
+            parent: 'xos.mcord'
+        }
+    ]
+});
diff --git a/mcord/xos-gui.yaml b/mcord/xos-gui.yaml
index 457e946..ac50a71 100644
--- a/mcord/xos-gui.yaml
+++ b/mcord/xos-gui.yaml
@@ -16,6 +16,17 @@
         name: xos-spa-gui
         image: xosproject/xos-gui
         ports: 4000:4000
+        
+    # UI Style Config
+    /var/www/dist/style.config.js:
+      type: tosca.nodes.ComponentVolume
+      properties:
+          host_path: { path_join: [ SELF, CONFIG_DIR, ./ui-style-config.js, ENV_VAR ] }
+          read_only: false
+      requirements:
+          - xos:
+             node: xos-spa-gui
+             relationship: tosca.relationships.VolumeOfComponent
 
     gui-to-gw:
       type: tosca.nodes.ComponentLink