Port branding view to vue

dashboard/src/Index.vue

@@ -5,6 +5,7 @@ import { Notification } from 'pankow';
 import AppsView from './views/AppsView.vue';
 import AppstoreView from './views/AppstoreView.vue';
 import BackupsView from './views/BackupsView.vue';
+import BrandingView from './views/BrandingView.vue';
 import DomainsView from './views/DomainsView.vue';
 import EventlogView from './views/EventlogView.vue';
 import NetworkView from './views/NetworkView.vue';
@@ -19,6 +20,7 @@ const VIEWS = {
   APPS: 'apps',
   APPSTORE: 'appstore',
   BACKUPS: 'backups',
+  BRANDING: 'branding',
   DOMAINS: 'domains',
   EVENTLOG: 'eventlog',
   NETWORK: 'network',
@@ -41,6 +43,8 @@ function onHashChange() {
     view.value = VIEWS.APPSTORE;
   } else if (v === VIEWS.BACKUPS) {
     view.value = VIEWS.BACKUPS;
+  } else if (v === VIEWS.BRANDING) {
+    view.value = VIEWS.BRANDING;
   } else if (v === VIEWS.DOMAINS) {
     view.value = VIEWS.DOMAINS;
   } else if (v === VIEWS.EVENTLOG) {
@@ -86,6 +90,7 @@ onMounted(async () => {
     <AppsView v-if="view === VIEWS.APPS" />
     <AppstoreView v-else-if="view === VIEWS.APPSTORE" />
     <BackupsView v-else-if="view === VIEWS.BACKUPS" />
+    <BrandingView v-else-if="view === VIEWS.BRANDING" />
     <DomainsView v-else-if="view === VIEWS.DOMAINS" />
     <EventlogView v-else-if="view === VIEWS.EVENTLOG" />
     <NetworkView v-else-if="view === VIEWS.NETWORK" />