|
|
|
@ -3,7 +3,7 @@
|
|
|
|
|
<main-back height="100%">
|
|
|
|
|
<div class="mt-16">
|
|
|
|
|
<ul class="pl-0 ml-0">
|
|
|
|
|
<template v-if="type === 'admin'">
|
|
|
|
|
<template v-if="role === 'admin'">
|
|
|
|
|
<MenuItem
|
|
|
|
|
v-for="item in sideBar"
|
|
|
|
|
:key="item.id"
|
|
|
|
@ -12,7 +12,7 @@
|
|
|
|
|
:link="item.link"
|
|
|
|
|
/>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="type === 'trainee'">
|
|
|
|
|
<template v-if="role === 'trainee'">
|
|
|
|
|
<MenuItem
|
|
|
|
|
v-for="item in sideBar"
|
|
|
|
|
:key="item.id"
|
|
|
|
@ -21,7 +21,7 @@
|
|
|
|
|
:link="item.link"
|
|
|
|
|
/>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="type === 'trainer'">
|
|
|
|
|
<template v-if="role === 'trainer'">
|
|
|
|
|
<MenuItem
|
|
|
|
|
v-for="item in sideBar"
|
|
|
|
|
:key="item.id"
|
|
|
|
@ -43,12 +43,12 @@ export default {
|
|
|
|
|
MenuItem,
|
|
|
|
|
},
|
|
|
|
|
data: () => ({
|
|
|
|
|
type: UserStorage.get() ? UserStorage.get().type : null,
|
|
|
|
|
role: UserStorage.get() ? UserStorage.get().role : null,
|
|
|
|
|
}),
|
|
|
|
|
computed: {
|
|
|
|
|
sideBar() {
|
|
|
|
|
var menuItems = [];
|
|
|
|
|
this.type === "admin"
|
|
|
|
|
this.role === "admin"
|
|
|
|
|
? (menuItems = [
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
@ -75,8 +75,8 @@ export default {
|
|
|
|
|
active:
|
|
|
|
|
this.$route.name === "programs" ||
|
|
|
|
|
this.$route.name === "addProgram" ||
|
|
|
|
|
this.$route.name === "editProgram" ||
|
|
|
|
|
this.$route.name === "programSeries" ||
|
|
|
|
|
this.$route.name === "addProgram" ||
|
|
|
|
|
this.$route.name === "workoutsSeries",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
@ -90,17 +90,19 @@ export default {
|
|
|
|
|
text: "products",
|
|
|
|
|
link: "products",
|
|
|
|
|
active:
|
|
|
|
|
this.$route.name === "products" || this.$route.name === "addProduct",
|
|
|
|
|
this.$route.name === "products" ||
|
|
|
|
|
this.$route.name === "addProduct" ||
|
|
|
|
|
this.$route.name === "editProduct",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 7,
|
|
|
|
|
text: "workouts",
|
|
|
|
|
link: "workouts",
|
|
|
|
|
active:
|
|
|
|
|
this.$route.name === "workouts" || this.$route.name === "addWorkout",
|
|
|
|
|
this.$route.name === "workouts" || this.$route.name === "addWorkout"|| this.$route.name === "editWorkout"
|
|
|
|
|
},
|
|
|
|
|
])
|
|
|
|
|
: this.type === "trainer"
|
|
|
|
|
: this.role === "trainer"
|
|
|
|
|
? (menuItems = [
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
@ -118,7 +120,10 @@ export default {
|
|
|
|
|
id: 3,
|
|
|
|
|
text: "my programs",
|
|
|
|
|
link: "programs",
|
|
|
|
|
active: this.$route.name === "programs",
|
|
|
|
|
active:
|
|
|
|
|
this.$route.name === "programs" ||
|
|
|
|
|
this.$route.name === "addProgram" ||
|
|
|
|
|
this.$route.name === "editProgram",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 4,
|
|
|
|
@ -159,7 +164,6 @@ export default {
|
|
|
|
|
active: this.$route.name === "bookmarks",
|
|
|
|
|
},
|
|
|
|
|
]);
|
|
|
|
|
console.log(this.$route.name);
|
|
|
|
|
return menuItems;
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|