feat: Creates custom attributes route (#2877)

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

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

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

@@ -0,0 +1,30 @@
+import SettingsContent from '../Wrapper';
+import AttributesHome from './Index';
+import { frontendURL } from '../../../../helper/URLHelper';
+
+export default {
+  routes: [
+    {
+      path: frontendURL('accounts/:accountId/settings/attributes'),
+      component: SettingsContent,
+      props: {
+        headerTitle: 'ATTRIBUTES_MGMT.HEADER',
+        icon: 'ion-code',
+        showNewButton: false,
+      },
+      children: [
+        {
+          path: '',
+          name: 'attributes_wrapper',
+          redirect: 'list',
+        },
+        {
+          path: 'list',
+          name: 'attributes_list',
+          component: AttributesHome,
+          roles: ['administrator'],
+        },
+      ],
+    },
+  ],
+};

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

@@ -10,6 +10,7 @@ import profile from './profile/profile.routes';
 import reports from './reports/reports.routes';
 import campaigns from './campaigns/campaigns.routes';
 import teams from './teams/teams.routes';
+import attributes from './attributes/attributes.routes';
 import store from '../../../store';
 
 export default {
@@ -35,6 +36,7 @@ export default {
     ...reports.routes,
     ...teams.routes,
     ...campaigns.routes,
+    ...attributes.routes,
     ...integrationapps.routes,
   ],
 };