fix: Update route permissions in the new primary menu (#3499)

* fix: Display rolewise primary sidebar * Fix issues with roles * Fix active style * Fix accessible menu * Fix key missing * Changes menu icon size Co-authored-by: Nithin David <1277421+nithindavid@users.noreply.github.com>
2021-12-01 21:32:43 -08:00
parent b826319776
commit 8b4134c790
23 changed files with 282 additions and 349 deletions
--- a/app/javascript/dashboard/components/layout/config/sidebarItems/campaigns.js
+++ b/app/javascript/dashboard/components/layout/config/sidebarItems/campaigns.js
@@ -0,0 +1,26 @@
+import { frontendURL } from '../../../../helper/URLHelper';
+
+const campaigns = accountId => ({
+  parentNav: 'campaigns',
+  routes: ['settings_account_campaigns', 'one_off'],
+  menuItems: [
+    {
+      icon: 'arrow-swap',
+      label: 'ONGOING',
+      key: 'ongoingCampaigns',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/campaigns/ongoing`),
+      toStateName: 'settings_account_campaigns',
+    },
+    {
+      key: 'oneOffCampaigns',
+      icon: 'sound-source',
+      label: 'ONE_OFF',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/campaigns/one_off`),
+      toStateName: 'one_off',
+    },
+  ],
+});
+
+export default campaigns;
--- a/app/javascript/dashboard/components/layout/config/sidebarItems/contacts.js
+++ b/app/javascript/dashboard/components/layout/config/sidebarItems/contacts.js
@@ -0,0 +1,21 @@
+import { frontendURL } from '../../../../helper/URLHelper';
+
+const contacts = accountId => ({
+  parentNav: 'contacts',
+  routes: [
+    'contacts_dashboard',
+    'contact_profile_dashboard',
+    'contacts_labels_dashboard',
+  ],
+  menuItems: [
+    {
+      icon: 'contact-card-group',
+      label: 'ALL_CONTACTS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/contacts`),
+      toStateName: 'contacts_dashboard',
+    },
+  ],
+});
+
+export default contacts;
--- a/app/javascript/dashboard/components/layout/config/sidebarItems/conversations.js
+++ b/app/javascript/dashboard/components/layout/config/sidebarItems/conversations.js
@@ -0,0 +1,28 @@
+import { frontendURL } from '../../../../helper/URLHelper';
+
+const conversations = accountId => ({
+  parentNav: 'conversations',
+  routes: [
+    'home',
+    'inbox_dashboard',
+    'inbox_conversation',
+    'conversation_through_inbox',
+    'notifications_dashboard',
+    'label_conversations',
+    'conversations_through_label',
+    'team_conversations',
+    'conversations_through_team',
+  ],
+  menuItems: [
+    {
+      icon: 'chat',
+      label: 'ALL_CONVERSATIONS',
+      key: 'conversations',
+      toState: frontendURL(`accounts/${accountId}/dashboard`),
+      toolTip: 'Conversation from all subscribed inboxes',
+      toStateName: 'home',
+    },
+  ],
+});
+
+export default conversations;
--- a/app/javascript/dashboard/components/layout/config/sidebarItems/notifications.js
+++ b/app/javascript/dashboard/components/layout/config/sidebarItems/notifications.js
@@ -0,0 +1,7 @@
+const notifications = () => ({
+  parentNav: 'notifications',
+  routes: ['notifications_index'],
+  menuItems: [],
+});
+
+export default notifications;
--- a/app/javascript/dashboard/components/layout/config/sidebarItems/primaryMenu.js
+++ b/app/javascript/dashboard/components/layout/config/sidebarItems/primaryMenu.js
@@ -0,0 +1,46 @@
+import { frontendURL } from '../../../../helper/URLHelper';
+
+const primaryMenuItems = accountId => [
+  {
+    icon: 'chat',
+    key: 'conversations',
+    label: 'CONVERSATIONS',
+    toState: frontendURL(`accounts/${accountId}/dashboard`),
+    toStateName: 'home',
+    roles: ['administrator', 'agent'],
+  },
+  {
+    icon: 'book-contacts',
+    key: 'contacts',
+    label: 'CONTACTS',
+    toState: frontendURL(`accounts/${accountId}/contacts`),
+    toStateName: 'contacts_dashboard',
+    roles: ['administrator', 'agent'],
+  },
+  {
+    icon: 'arrow-trending-lines',
+    key: 'reports',
+    label: 'REPORTS',
+    toState: frontendURL(`accounts/${accountId}/reports`),
+    toStateName: 'settings_account_reports',
+    roles: ['administrator'],
+  },
+  {
+    icon: 'megaphone',
+    key: 'campaigns',
+    label: 'CAMPAIGNS',
+    toState: frontendURL(`accounts/${accountId}/campaigns`),
+    toStateName: 'settings_account_campaigns',
+    roles: ['administrator'],
+  },
+  {
+    icon: 'settings',
+    key: 'settings',
+    label: 'SETTINGS',
+    toState: frontendURL(`accounts/${accountId}/settings`),
+    toStateName: 'settings_home',
+    roles: ['administrator', 'agent'],
+  },
+];
+
+export default primaryMenuItems;
--- a/app/javascript/dashboard/components/layout/config/sidebarItems/profileSettings.js
+++ b/app/javascript/dashboard/components/layout/config/sidebarItems/profileSettings.js
@@ -0,0 +1,7 @@
+const profileSettings = () => ({
+  parentNav: 'profileSettings',
+  routes: ['profile_settings_index'],
+  menuItems: [],
+});
+
+export default profileSettings;
--- a/app/javascript/dashboard/components/layout/config/sidebarItems/reports.js
+++ b/app/javascript/dashboard/components/layout/config/sidebarItems/reports.js
@@ -0,0 +1,59 @@
+import { frontendURL } from '../../../../helper/URLHelper';
+
+const reports = accountId => ({
+  parentNav: 'reports',
+  routes: [
+    'settings_account_reports',
+    'csat_reports',
+    'agent_reports',
+    'label_reports',
+    'inbox_reports',
+    'team_reports',
+  ],
+  menuItems: [
+    {
+      icon: 'arrow-trending-lines',
+      label: 'REPORTS_OVERVIEW',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/reports/overview`),
+      toStateName: 'settings_account_reports',
+    },
+    {
+      icon: 'emoji',
+      label: 'CSAT',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/reports/csat`),
+      toStateName: 'csat_reports',
+    },
+    {
+      icon: 'people',
+      label: 'REPORTS_AGENT',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/reports/agent`),
+      toStateName: 'agent_reports',
+    },
+    {
+      icon: 'tag',
+      label: 'REPORTS_LABEL',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/reports/label`),
+      toStateName: 'label_reports',
+    },
+    {
+      icon: 'mail-inbox-all',
+      label: 'REPORTS_INBOX',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/reports/inboxes`),
+      toStateName: 'inbox_reports',
+    },
+    {
+      icon: 'people-team',
+      label: 'REPORTS_TEAM',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/reports/teams`),
+      toStateName: 'team_reports',
+    },
+  ],
+});
+
+export default reports;
--- a/app/javascript/dashboard/components/layout/config/sidebarItems/settings.js
+++ b/app/javascript/dashboard/components/layout/config/sidebarItems/settings.js
@@ -0,0 +1,112 @@
+import { frontendURL } from '../../../../helper/URLHelper';
+
+const settings = accountId => ({
+  parentNav: 'settings',
+  routes: [
+    'agent_list',
+    'canned_list',
+    'labels_list',
+    'settings_inbox',
+    'attributes_list',
+    'settings_inbox_new',
+    'settings_inbox_list',
+    'settings_inbox_show',
+    'settings_inboxes_page_channel',
+    'settings_inboxes_add_agents',
+    'settings_inbox_finish',
+    'settings_integrations',
+    'settings_integrations_webhook',
+    'settings_integrations_integration',
+    'settings_applications',
+    'settings_applications_webhook',
+    'settings_applications_integration',
+    'general_settings',
+    'general_settings_index',
+    'settings_teams_list',
+    'settings_teams_new',
+    'settings_teams_add_agents',
+    'settings_teams_finish',
+    'settings_teams_edit',
+    'settings_teams_edit_members',
+    'settings_teams_edit_finish',
+    'automation_list',
+  ],
+  menuItems: [
+    {
+      icon: 'people',
+      label: 'AGENTS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/agents/list`),
+      toStateName: 'agent_list',
+    },
+    {
+      icon: 'people-team',
+      label: 'TEAMS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/teams/list`),
+      toStateName: 'settings_teams_list',
+    },
+    {
+      icon: 'mail-inbox-all',
+      label: 'INBOXES',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/inboxes/list`),
+      toStateName: 'settings_inbox_list',
+    },
+    {
+      icon: 'tag',
+      label: 'LABELS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/labels/list`),
+      toStateName: 'labels_list',
+    },
+    {
+      icon: 'code',
+      label: 'CUSTOM_ATTRIBUTES',
+      hasSubMenu: false,
+      toState: frontendURL(
+        `accounts/${accountId}/settings/custom-attributes/list`
+      ),
+      toStateName: 'attributes_list',
+    },
+    {
+      icon: 'autocorrect',
+      label: 'AUTOMATION',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/automation/list`),
+      toStateName: 'automation_list',
+    },
+    {
+      icon: 'chat-multiple',
+      label: 'CANNED_RESPONSES',
+      hasSubMenu: false,
+      toState: frontendURL(
+        `accounts/${accountId}/settings/canned-response/list`
+      ),
+      toStateName: 'canned_list',
+    },
+    {
+      icon: 'flash-on',
+      label: 'INTEGRATIONS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/integrations`),
+      toStateName: 'settings_integrations',
+    },
+    {
+      icon: 'star-emphasis',
+      label: 'APPLICATIONS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/applications`),
+      toStateName: 'settings_applications',
+    },
+    {
+      icon: 'settings',
+      label: 'ACCOUNT_SETTINGS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/general`),
+      toStateName: 'general_settings_index',
+    },
+  ],
+});
+
+export default settings;