feat: Add SLA reports page

2024-03-29 10:03:12 +05:30
parent 6956436a76
commit 8bc7ebb890
5 changed files with 40 additions and 0 deletions
@@ -71,6 +71,13 @@ const reports = accountId => ({
      toState: frontendURL(`accounts/${accountId}/reports/teams`),
      toStateName: 'team_reports',
    },
+    {
+      icon: 'people',
+      label: 'REPORTS_SLA',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/reports/sla`),
+      toStateName: 'sla_reports',
+    },
  ],
 });

@@ -505,5 +505,8 @@
    "THURSDAY": "Thursday",
    "FRIDAY": "Friday",
    "SATURDAY": "Saturday"
+  },
+  "SLA_REPORTS": {
+    "HEADER": "SLA Reports"
  }
 }
@@ -239,6 +239,7 @@
    "REPORTS_LABEL": "Labels",
    "REPORTS_INBOX": "Inbox",
    "REPORTS_TEAM": "Team",
+    "REPORTS_SLA": "SLA",
    "SET_AVAILABILITY_TITLE": "Set yourself as",
    "SLA": "SLA",
    "BETA": "Beta",
@@ -0,0 +1,11 @@
+<template>
+  <div class="flex-1 overflow-auto p-4">
+    <h1>SLA Reports</h1>
+  </div>
+</template>
+<script>
+import { defineComponent, ref, watch, watchEffect } from 'vue';
+export default {
+  name: 'SLAReports',
+};
+</script>
@@ -9,6 +9,7 @@ const TeamReports = () => import('./TeamReports.vue');
 const CsatResponses = () => import('./CsatResponses.vue');
 const BotReports = () => import('./BotReports.vue');
 const LiveReports = () => import('./LiveReports.vue');
+const SLAReports = () => import('./SLAReports.vue');

 export default {
  routes: [
@@ -151,5 +152,22 @@ export default {
        },
      ],
    },
+    {
+      path: frontendURL('accounts/:accountId/reports'),
+      component: SettingsContent,
+      props: {
+        headerTitle: 'SLA_REPORTS.HEADER',
+        icon: 'people-team',
+        keepAlive: false,
+      },
+      children: [
+        {
+          path: 'sla',
+          name: 'sla_reports',
+          roles: ['administrator'],
+          component: SLAReports,
+        },
+      ],
+    },
  ],
 };