8066b36ebf
--------- Co-authored-by: Pranav <pranavrajs@gmail.com> Co-authored-by: Shivam Mishra <scm.mymail@gmail.com>
54 lines
1.3 KiB
Vue
54 lines
1.3 KiB
Vue
<script>
|
|
import { mapGetters } from 'vuex';
|
|
import globalConfigMixin from 'shared/mixins/globalConfigMixin';
|
|
|
|
export default {
|
|
mixins: [globalConfigMixin],
|
|
computed: {
|
|
...mapGetters({
|
|
globalConfig: 'globalConfig/get',
|
|
}),
|
|
createFlowSteps() {
|
|
const steps = ['CHANNEL', 'INBOX', 'AGENT', 'FINISH'];
|
|
|
|
const routes = {
|
|
CHANNEL: 'settings_inbox_new',
|
|
INBOX: 'settings_inboxes_page_channel',
|
|
AGENT: 'settings_inboxes_add_agents',
|
|
FINISH: 'settings_inbox_finish',
|
|
};
|
|
|
|
return steps.map(step => {
|
|
return {
|
|
title: this.$t(`INBOX_MGMT.CREATE_FLOW.${step}.TITLE`),
|
|
body: this.$t(`INBOX_MGMT.CREATE_FLOW.${step}.BODY`),
|
|
route: routes[step],
|
|
};
|
|
});
|
|
},
|
|
items() {
|
|
return this.createFlowSteps.map(item => ({
|
|
...item,
|
|
body: this.useInstallationName(
|
|
item.body,
|
|
this.globalConfig.installationName
|
|
),
|
|
}));
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="grid grid-cols-1 md:grid-cols-8 overflow-auto h-full">
|
|
<woot-wizard
|
|
class="hidden md:block col-span-2"
|
|
:global-config="globalConfig"
|
|
:items="items"
|
|
/>
|
|
<div class="col-span-6">
|
|
<router-view />
|
|
</div>
|
|
</div>
|
|
</template>
|