|
|
|
@ -22,41 +22,48 @@
|
|
|
|
|
<v-tabs-items v-model="tab">
|
|
|
|
|
<!-- program tab -->
|
|
|
|
|
<v-tab-item>
|
|
|
|
|
<v-row class="mt-4">
|
|
|
|
|
<v-col
|
|
|
|
|
cols="4"
|
|
|
|
|
class="mb-2"
|
|
|
|
|
v-for="(program, i) in getBookmarksPrograms"
|
|
|
|
|
:key="i"
|
|
|
|
|
<data-iterator
|
|
|
|
|
:loading="getBookmarkProgramsLoading"
|
|
|
|
|
:items="getBookmarksPrograms"
|
|
|
|
|
@pagination="changePaginationPrograms"
|
|
|
|
|
:pagination="getPaginationProgram"
|
|
|
|
|
class="row pb-10 mt-5"
|
|
|
|
|
>
|
|
|
|
|
<BookmarksPrograms :program="program" />
|
|
|
|
|
<template #loading>
|
|
|
|
|
<loading />
|
|
|
|
|
</template>
|
|
|
|
|
<template #no-items>
|
|
|
|
|
<no-items />
|
|
|
|
|
</template>
|
|
|
|
|
<template #items="{ item }">
|
|
|
|
|
<v-col cols="4" class="mb-2">
|
|
|
|
|
<BookmarksPrograms :program="item" />
|
|
|
|
|
</v-col>
|
|
|
|
|
</v-row>
|
|
|
|
|
<div class="text-center mt-40 mb-5">
|
|
|
|
|
<pagination
|
|
|
|
|
:pagination="getPaginationProgram"
|
|
|
|
|
@pagination="changePaginationPrograms"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</data-iterator>
|
|
|
|
|
</v-tab-item>
|
|
|
|
|
<!-- /program tab -->
|
|
|
|
|
<!-- workout tab -->
|
|
|
|
|
<v-tab-item>
|
|
|
|
|
<v-row class="mt-4">
|
|
|
|
|
<v-col
|
|
|
|
|
cols="6"
|
|
|
|
|
v-for="(workout, i) in getBookmarksWorkouts"
|
|
|
|
|
:key="i"
|
|
|
|
|
class="mb-2"
|
|
|
|
|
><BookmarksWorkouts :workout="workout"
|
|
|
|
|
/></v-col>
|
|
|
|
|
</v-row>
|
|
|
|
|
<div class="text-center mt-40 mb-5">
|
|
|
|
|
<pagination
|
|
|
|
|
:pagination="getPaginationWorkout"
|
|
|
|
|
<data-iterator
|
|
|
|
|
:loading="getBookmarkWorkoutsLoading"
|
|
|
|
|
:items="getBookmarksWorkouts"
|
|
|
|
|
@pagination="changePaginationWorkouts"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
:pagination="getPaginationWorkout"
|
|
|
|
|
class="row pb-10 mt-5"
|
|
|
|
|
>
|
|
|
|
|
<template #loading>
|
|
|
|
|
<loading />
|
|
|
|
|
</template>
|
|
|
|
|
<template #no-items>
|
|
|
|
|
<no-items />
|
|
|
|
|
</template>
|
|
|
|
|
<template #items="{ item }">
|
|
|
|
|
<v-col cols="6" class="mb-2"
|
|
|
|
|
><BookmarksWorkouts :workout="item"
|
|
|
|
|
/></v-col>
|
|
|
|
|
</template>
|
|
|
|
|
</data-iterator>
|
|
|
|
|
</v-tab-item>
|
|
|
|
|
<!-- /workout tab -->
|
|
|
|
|
</v-tabs-items>
|
|
|
|
@ -83,6 +90,8 @@ export default {
|
|
|
|
|
computed: {
|
|
|
|
|
...mapGetters("bookmarks", [
|
|
|
|
|
"getBookmarksPrograms",
|
|
|
|
|
"getBookmarkProgramsLoading",
|
|
|
|
|
"getBookmarkWorkoutsLoading",
|
|
|
|
|
"getBookmarksWorkouts",
|
|
|
|
|
"getPaginationWorkout",
|
|
|
|
|
"getPaginationProgram",
|
|
|
|
@ -90,10 +99,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
...mapActions("bookmarks", ["loadBookmarkProgram", "loadBookmarkWorkout"]),
|
|
|
|
|
...mapMutations("bookmarks", [
|
|
|
|
|
"SET_WORKOUTS_PAGINATION",
|
|
|
|
|
"SET_PROGRAMS_PAGINATION",
|
|
|
|
|
]),
|
|
|
|
|
...mapMutations("bookmarks", ["SET_WORKOUTS_PAGINATION", "SET_PROGRAMS_PAGINATION"]),
|
|
|
|
|
changePaginationWorkouts(page) {
|
|
|
|
|
if (this.getPaginationWorkout.page !== page) {
|
|
|
|
|
this.SET_WORKOUTS_PAGINATION(page);
|
|
|
|
@ -113,7 +119,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
<style >
|
|
|
|
|
<style>
|
|
|
|
|
.theme--light.v-tabs > .v-tabs-bar {
|
|
|
|
|
background-color: rgba(0, 0, 0, 0) !important;
|
|
|
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.404);
|
|
|
|
|