fix: separate lead/deal view for mobile view
This commit is contained in:
parent
56b17166a4
commit
d36e2a2316
@ -1,6 +1,7 @@
|
|||||||
import { createRouter, createWebHistory } from 'vue-router'
|
import { createRouter, createWebHistory } from 'vue-router'
|
||||||
import { usersStore } from '@/stores/users'
|
import { usersStore } from '@/stores/users'
|
||||||
import { sessionStore } from '@/stores/session'
|
import { sessionStore } from '@/stores/session'
|
||||||
|
import { isMobileView } from '@/stores/settings'
|
||||||
|
|
||||||
const routes = [
|
const routes = [
|
||||||
{
|
{
|
||||||
@ -17,7 +18,8 @@ const routes = [
|
|||||||
{
|
{
|
||||||
path: '/leads/:leadId/:tabName?',
|
path: '/leads/:leadId/:tabName?',
|
||||||
name: 'Lead',
|
name: 'Lead',
|
||||||
component: () => import('@/pages/Lead.vue'),
|
component: () =>
|
||||||
|
import(`@/pages/${handleMobileView('Lead')}.vue`),
|
||||||
props: true,
|
props: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -29,7 +31,7 @@ const routes = [
|
|||||||
{
|
{
|
||||||
path: '/deals/:dealId/:tabName?',
|
path: '/deals/:dealId/:tabName?',
|
||||||
name: 'Deal',
|
name: 'Deal',
|
||||||
component: () => import('@/pages/Deal.vue'),
|
component: () => import(`@/pages/${handleMobileView('Deal')}.vue`),
|
||||||
props: true,
|
props: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -101,6 +103,10 @@ const routes = [
|
|||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
|
||||||
|
const handleMobileView = (componentName) => {
|
||||||
|
return isMobileView.value ? `Mobile${componentName}` : componentName
|
||||||
|
}
|
||||||
|
|
||||||
const scrollBehavior = (to, from, savedPosition) => {
|
const scrollBehavior = (to, from, savedPosition) => {
|
||||||
if (to.name === from.name) {
|
if (to.name === from.name) {
|
||||||
to.meta?.scrollPos && (to.meta.scrollPos.top = 0)
|
to.meta?.scrollPos && (to.meta.scrollPos.top = 0)
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user