feat: Add automation route (#3410)

app/javascript/dashboard/i18n/locale/en/automation.json

@@ -0,0 +1,6 @@
+{
+  "AUTOMATION": {
+    "HEADER": "Automation",
+    "HEADER_BTN_TXT": "Add Automation Rule"
+  }
+}

app/javascript/dashboard/i18n/locale/en/index.js

@@ -18,6 +18,7 @@ import { default as _setNewPassword } from './setNewPassword.json';
 import { default as _settings } from './settings.json';
 import { default as _signup } from './signup.json';
 import { default as _teamsSettings } from './teamsSettings.json';
+import { default as _automation } from './automation.json';
 
 export default {
   ..._agentMgmt,
@@ -40,4 +41,5 @@ export default {
   ..._settings,
   ..._signup,
   ..._teamsSettings,
+  ..._automation,
 };

app/javascript/dashboard/i18n/locale/en/settings.json

@@ -140,6 +140,7 @@
     "APPLICATIONS": "Applications",
     "LABELS": "Labels",
     "CUSTOM_ATTRIBUTES": "Custom Attributes",
+    "AUTOMATION": "Automation",
     "TEAMS": "Teams",
     "ALL_CONTACTS": "All Contacts",
     "TAGGED_WITH": "Tagged with",

app/javascript/dashboard/i18n/sidebarItems/settings.js

@@ -28,6 +28,7 @@ const settings = accountId => ({
     'settings_teams_edit',
     'settings_teams_edit_members',
     'settings_teams_edit_finish',
+    'automation_list',
   ],
   menuItems: {
     back: {
@@ -74,6 +75,13 @@ const settings = accountId => ({
       ),
       toStateName: 'attributes_list',
     },
+    automation: {
+      icon: 'ion-wrench',
+      label: 'AUTOMATION',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/automation/list`),
+      toStateName: 'automation_list',
+    },
     cannedResponses: {
       icon: 'ion-chatbox-working',
       label: 'CANNED_RESPONSES',

app/javascript/dashboard/routes/dashboard/settings/automation/Index.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="column content-box">
+    <woot-button
+      color-scheme="success"
+      class-names="button--fixed-right-top"
+      icon="ion-android-add-circle"
+    >
+      {{ $t('AUTOMATION.HEADER_BTN_TXT') }}
+    </woot-button>
+  </div>
+</template>
+<script>

app/javascript/dashboard/routes/dashboard/settings/automation/automation.routes.js

@@ -0,0 +1,30 @@
+import SettingsContent from '../Wrapper';
+import Automation from './Index';
+import { frontendURL } from '../../../../helper/URLHelper';
+
+export default {
+  routes: [
+    {
+      path: frontendURL('accounts/:accountId/settings/automation'),
+      component: SettingsContent,
+      props: {
+        headerTitle: 'AUTOMATION.HEADER',
+        icon: 'ion-wrench',
+        showNewButton: false,
+      },
+      children: [
+        {
+          path: '',
+          name: 'automation_wrapper',
+          redirect: 'list',
+        },
+        {
+          path: 'list',
+          name: 'automation_list',
+          component: Automation,
+          roles: ['administrator'],
+        },
+      ],
+    },
+  ],
+};