First step to move network view to vue

dashboard/src/Index.vue

@@ -4,6 +4,7 @@ import { Notification } from 'pankow';
 
 import AppsView from './views/AppsView.vue';
 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 SupportView from './views/SupportView.vue';
@@ -17,6 +18,7 @@ const API_ORIGIN = import.meta.env.VITE_API_ORIGIN ? import.meta.env.VITE_API_OR
 const VIEWS = {
   APPS: 'apps',
   APPSTORE: 'appstore',
+  NETWORK: 'network',
   PROFILE: 'profile',
   SUPPORT: 'support',
   SERVICES: 'services',
@@ -29,6 +31,7 @@ export default {
   components: {
     AppsView,
     AppstoreView,
+    NetworkView,
     Notification,
     ProfileView,
     SupportView,
@@ -63,6 +66,8 @@ export default {
         that.view = VIEWS.APPS;
       } else if (view.indexOf(VIEWS.APPSTORE) === 0) {
         that.view = VIEWS.APPSTORE;
+      } else if (view === VIEWS.NETWORK) {
+        that.view = VIEWS.NETWORK;
       } else if (view === VIEWS.PROFILE) {
         that.view = VIEWS.PROFILE;
       } else if (view === VIEWS.SERVICES) {
@@ -92,14 +97,13 @@ export default {
   <div>
     <Notification />
 
-    <TransitionGroup name="grid-animation">
-      <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" />
-    </TransitionGroup>
+    <AppsView v-if="view === VIEWS.APPS" />
+    <AppstoreView v-else-if="view === VIEWS.APPSTORE" />
+    <NetworkView v-else-if="view === VIEWS.NETWORK" />
+    <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" />
   </div>
 </template>