From 0b310f849aefaf3d86ce6c6a86212e531e4eec5d Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Fri, 3 Oct 2025 17:03:13 +0200
Subject: [PATCH] rename Metrics to SystemInfo , Graphs

---
 dashboard/src/Index.vue                              | 12 ++++++------
 .../{SystemMetrics.vue => SystemGraphs.vue}          |  0
 .../views/{MetricsView.vue => SystemInfoView.vue}    |  4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)
 rename dashboard/src/components/{SystemMetrics.vue => SystemGraphs.vue} (100%)
 rename dashboard/src/views/{MetricsView.vue => SystemInfoView.vue} (73%)

diff --git a/dashboard/src/Index.vue b/dashboard/src/Index.vue
index edf47efc2..1aa7b5d2b 100644
--- a/dashboard/src/Index.vue
+++ b/dashboard/src/Index.vue
@@ -34,7 +34,7 @@ import ServicesView from './views/ServicesView.vue';
 import SystemLocaleView from './views/SystemLocaleView.vue';
 import SystemUpdateView from './views/SystemUpdateView.vue';
 import SystemDockerView from './views/SystemDockerView.vue';
-import MetricsView from './views/MetricsView.vue';
+import SystemInfoView from './views/SystemInfoView.vue';
 import UserDirectorySettingsView from './views/UserDirectorySettingsView.vue';
 import UserDirectoryLdapServerView from './views/UserDirectoryLdapServerView.vue';
 import UserDirectoryOpenIdProviderView from './views/UserDirectoryOpenIdProviderView.vue';
@@ -58,7 +58,7 @@ const VIEWS = {
   EMAIL_MAILINGLISTS: 'email-mailinglists',
   EMAIL_SETTINGS: 'email-settings',
   EMAIL_EVENTLOG: 'email-eventlog',
-  METRICS: 'metrics',
+  SYSTEM_INFO: 'system-info',
   NETWORK: 'network',
   PROFILE: 'profile',
   SERVICES: 'services',
@@ -175,8 +175,8 @@ function onHashChange() {
     view.value = VIEWS.EMAIL_SETTINGS;
   } else if (v === VIEWS.EMAIL_EVENTLOG && profile.value.isAtLeastMailManager) {
     view.value = VIEWS.EMAIL_EVENTLOG;
-  } else if (v === VIEWS.METRICS && profile.value.isAtLeastAdmin) {
-    view.value = VIEWS.METRICS;
+  } else if (v === VIEWS.SYSTEM_INFO && profile.value.isAtLeastAdmin) {
+    view.value = VIEWS.SYSTEM_INFO;
   } else if (v === VIEWS.NETWORK && profile.value.isAtLeastAdmin) {
     view.value = VIEWS.NETWORK;
   } else if (v.indexOf(VIEWS.PROFILE) === 0) {
@@ -350,7 +350,7 @@ onMounted(async () => {
 
           <hr v-show="profile.isAtLeastAdmin"/>
 
-          <a class="sidebar-item" :class="{ active: activeSidebarItem === 'metrics' }" v-show="profile.isAtLeastAdmin" href="#/metrics" @click="onSidebarClose()"><i class="fa fa-chart-area fa-fw"></i> {{ $t('system.title') }}</a>
+          <a class="sidebar-item" :class="{ active: activeSidebarItem === 'system-info' }" v-show="profile.isAtLeastAdmin" href="#/system-info" @click="onSidebarClose()"><i class="fa fa-chart-area fa-fw"></i> {{ $t('system.title') }}</a>
           <a class="sidebar-item" :class="{ active: activeSidebarItem === 'cloudron-account' }" v-show="profile.isAtLeastOwner" href="#/cloudron-account" @click="onSidebarClose()"><i class="fa fa-crown fa-fw"></i> {{ $t('settings.appstoreAccount.title') }}</a>
         </div>
       </SideBar>
@@ -377,7 +377,7 @@ onMounted(async () => {
           <EmailSettingsView v-else-if="view === VIEWS.EMAIL_SETTINGS" />
           <EmailEventlogView v-else-if="view === VIEWS.EMAIL_EVENTLOG" />
           <EventlogView v-else-if="view === VIEWS.SYSTEM_EVENTLOG" />
-          <MetricsView v-else-if="view === VIEWS.METRICS" />
+          <SystemInfoView v-else-if="view === VIEWS.SYSTEM_INFO" />
           <NetworkView v-else-if="view === VIEWS.NETWORK" />
           <ProfileView v-else-if="view === VIEWS.PROFILE" />
           <ServicesView v-else-if="view === VIEWS.SERVICES" />
diff --git a/dashboard/src/components/SystemMetrics.vue b/dashboard/src/components/SystemGraphs.vue
similarity index 100%
rename from dashboard/src/components/SystemMetrics.vue
rename to dashboard/src/components/SystemGraphs.vue
diff --git a/dashboard/src/views/MetricsView.vue b/dashboard/src/views/SystemInfoView.vue
similarity index 73%
rename from dashboard/src/views/MetricsView.vue
rename to dashboard/src/views/SystemInfoView.vue
index 26db835ae..d04f5ad23 100644
--- a/dashboard/src/views/MetricsView.vue
+++ b/dashboard/src/views/SystemInfoView.vue
@@ -1,7 +1,7 @@
 <script setup>
 
 import SystemInfo from '../components/SystemInfo.vue';
-import SystemMetrics from '../components/SystemMetrics.vue';
+import SystemGraphs from '../components/SystemGraphs.vue';
 import DiskUsage from '../components/DiskUsage.vue';
 
 </script>
@@ -9,7 +9,7 @@ import DiskUsage from '../components/DiskUsage.vue';
 <template>
   <div class="content">
     <SystemInfo/>
-    <SystemMetrics/>
+    <SystemGraphs/>
     <DiskUsage />
   </div>
 </template>