Convert most of the services view

dashboard/src/components/Index.vue

@@ -5,6 +5,7 @@ import { Notification } from 'pankow';
 import AppsView from './AppsView.vue';
 import AppstoreView from './AppstoreView.vue';
 import ProfileView from './ProfileView.vue';
+import ServicesView from '../views/ServicesView.vue';
 import SupportView from './SupportView.vue';
 import UserDirectoryView from './UserDirectoryView.vue';
 import VolumesView from './VolumesView.vue';
@@ -18,6 +19,7 @@ const VIEWS = {
   APPSTORE: 'appstore',
   PROFILE: 'profile',
   SUPPORT: 'support',
+  SERVICES: 'services',
   USER_DIRECTORY: 'user-directory',
   VOLUMES: 'volumes',
 };
@@ -30,6 +32,7 @@ export default {
     Notification,
     ProfileView,
     SupportView,
+    ServicesView,
     UserDirectoryView,
     VolumesView,
   },
@@ -62,6 +65,8 @@ export default {
         that.view = VIEWS.APPSTORE;
       } else if (view === VIEWS.PROFILE) {
         that.view = VIEWS.PROFILE;
+      } else if (view === VIEWS.SERVICES) {
+        that.view = VIEWS.SERVICES;
       } else if (view === VIEWS.SUPPORT) {
         that.view = VIEWS.SUPPORT;
       }  else if (view === VIEWS.USER_DIRECTORY) {
@@ -91,6 +96,7 @@ export default {
       <AppsView v-if="view === VIEWS.APPS" />
       <AppstoreView v-else-if="view === VIEWS.APPSTORE" />
       <ProfileView v-else-if="view === VIEWS.PROFILE" />
+      <ServicesView v-else-if="view === VIEWS.SERVICES" />
       <SupportView v-else-if="view === VIEWS.SUPPORT" />
       <UserDirectoryView v-else-if="view === VIEWS.USER_DIRECTORY" />
       <VolumesView v-else-if="view === VIEWS.VOLUMES" />