Start migration of System view

dashboard/src/Index.vue

@@ -7,6 +7,7 @@ import AppstoreView from './views/AppstoreView.vue';
 import NetworkView from './views/NetworkView.vue';
 import ProfileView from './views/ProfileView.vue';
 import ServicesView from './views/ServicesView.vue';
+import SettingsView from './views/SettingsView.vue';
 import SupportView from './views/SupportView.vue';
 import UserDirectoryView from './views/UserDirectoryView.vue';
 import VolumesView from './views/VolumesView.vue';
@@ -20,8 +21,9 @@ const VIEWS = {
   APPSTORE: 'appstore',
   NETWORK: 'network',
   PROFILE: 'profile',
-  SUPPORT: 'support',
   SERVICES: 'services',
+  SETTINGS: 'settings',
+  SUPPORT: 'support',
   USER_DIRECTORY: 'user-directory',
   VOLUMES: 'volumes',
 };
@@ -34,8 +36,9 @@ export default {
     NetworkView,
     Notification,
     ProfileView,
-    SupportView,
     ServicesView,
+    SettingsView,
+    SupportView,
     UserDirectoryView,
     VolumesView,
   },
@@ -72,6 +75,8 @@ export default {
         that.view = VIEWS.PROFILE;
       } else if (view === VIEWS.SERVICES) {
         that.view = VIEWS.SERVICES;
+      } else if (view === VIEWS.SETTINGS) {
+        that.view = VIEWS.SETTINGS;
       } else if (view === VIEWS.SUPPORT) {
         that.view = VIEWS.SUPPORT;
       }  else if (view === VIEWS.USER_DIRECTORY) {
@@ -102,6 +107,7 @@ export default {
     <NetworkView v-else-if="view === VIEWS.NETWORK" />
     <ProfileView v-else-if="view === VIEWS.PROFILE" />
     <ServicesView v-else-if="view === VIEWS.SERVICES" />
+    <SettingsView v-else-if="view === VIEWS.SETTINGS" />
     <SupportView v-else-if="view === VIEWS.SUPPORT" />
     <UserDirectoryView v-else-if="view === VIEWS.USER_DIRECTORY" />
     <VolumesView v-else-if="view === VIEWS.VOLUMES" />