sajjad.talkhabi
/
champya
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
master
sajjad 3 years ago
parent 72154c82af
commit 7bcc9b3efc
6 changed files with 60 additions and 24 deletions
Show Stats Download Patch File Download Diff File

2
src/components/ProgramSeries/Modals/AddSeriesModal.vue
Unescape View File

@ -56,7 +56,7 @@
<template #footer>
<v-spacer></v-spacer>
<div
class="d-flex justify-space-between align-items-center w-100 px-4 pb-10"
class="d-flex justify-space-between align-items-center w-100 pb-10"
>
<RectangleButton
class="btn__modal--cancel pl-0"

2
src/components/Users/Modals/ChangeRoleModal.vue
Unescape View File

@ -30,7 +30,7 @@
</template>
<template #footer>
<v-spacer></v-spacer>
<div class="d-flex justify-space-between align-items-center w-100 px-4">
<div class="d-flex justify-space-between align-items-center w-100">
<RectangleButton
class="btn__modal--cancel pl-0"
text="cancel"

2
src/components/Workouts/Modals/FiltersModal.vue
Unescape View File

@ -51,7 +51,7 @@
</template>
<template #footer>
<v-spacer></v-spacer>
<div class="d-flex justify-space-between align-items-center w-100 px-4">
<div class="d-flex justify-space-between align-items-center w-100">
<RectangleButton
class="btn__modal--cancel pl-0"
text="clear"

3
src/components/WorkoutsSeries/Main.vue
Unescape View File

@ -39,7 +39,7 @@
</div>
</main-back>
<div class="text-center">
<AddWorkoutModal />
<AddWorkoutModal v-if="isModal('modal_add_workout')" />
</div>
</div>
</template>
@ -57,6 +57,7 @@ export default {
},
computed: {
...mapGetters("workoutToSeries", ["getWorkouts"]),
...mapGetters("modal", [ "isModal"]),
seriesId() {
return this.$route.params.seriesId;
},

65
src/components/WorkoutsSeries/Modals/AddWorkoutModal.vue
Unescape View File

@ -4,6 +4,7 @@
transition="slide-x-transition"
tag="form"
@submit="WorkoutToSeries"
@open="openModal"
>
<template #header>
<div class="close__modal">
@ -32,27 +33,39 @@
:search-input.sync="search"
>
<template #item="{ item }">
<div class="dashfkl w-100">
<AddWorkoutsItem
@click.native="joinWorkout(item.id)"
<div
class="w-100"
style="border-bottom: 1px solid white"
@click="joinWorkout(item.id)"
>
<!-- <AddWorkoutsItem
:addWorkout="item"
:add="true"
class="mt-3"
/>
/> -->
<div class="pb-3 align mt-2">
<div class="series__workout__title wa__f__m__eb text-uppercase mb-2">
{{ item.title }}
</div>
<div class="series__workout__description">
{{ item.description }}
</div>
</div>
</div>
</template>
</v-autocomplete>
</div>
<template v-if="Object.keys(getWorkoutToSeries).length !== 0">
<template v-if="Object.keys(selectedWorkout).length !== 0">
<v-divider class="mt-6"></v-divider>
<v-row class="mt-1">
<v-col cols="12"
><AddWorkoutsItem :addWorkout="getWorkoutToSeries" :add="true"
><AddWorkoutsItem :addWorkout="selectedWorkout" :add="true"
/></v-col>
</v-row>
</template>
<div class="mt-6">
<v-row :class="{ 'mt-9': Object.keys(getWorkoutToSeries).length === 0 }">
<v-row :class="{ 'mt-9': Object.keys(selectedWorkout).length === 0 }">
<v-col cols="4">
<v-text-field
dark
@ -97,7 +110,7 @@
</template>
<template #footer>
<v-spacer></v-spacer>
<div class="d-flex justify-space-between align-items-center w-100 px-4">
<div class="d-flex justify-space-between align-items-center w-100">
<RectangleButton
class="btn__modal--cancel pl-0"
text="cancel"
@ -124,6 +137,8 @@ import AddWorkoutsItem from "../Item.vue";
import { mapActions, mapGetters, mapMutations } from "vuex";
import { cloneDeep } from "lodash";
import toast from "@/utils/toast";
import WorkoutToSeriesRepository from "@/abstraction/repository/workoutToSeriesRepository";
let cancelId;
const defaultFilter = {
title: {
@ -141,9 +156,10 @@ export default {
isLoadingTimeout: null,
form: {},
workoutId: null,
selectedWorkout: {},
}),
computed: {
...mapGetters("workoutToSeries", ["getWorkoutsToSeries", "getWorkoutToSeries"]),
...mapGetters("workoutToSeries", ["getWorkoutsToSeries"]),
...mapGetters("programSeries", ["getCurrentSeriesId"]),
},
watch: {
@ -165,15 +181,16 @@ export default {
},
},
methods: {
...mapActions("workoutToSeries", [
"loadWorkoutsToSeries",
"loadWorkoutToSeries",
"addWorkoutToSeries",
]),
...mapActions("workoutToSeries", ["loadWorkoutsToSeries", "addWorkoutToSeries"]),
...mapMutations("workoutToSeries", ["SET_FILTER_WORKOUTS_TO_SERIES"]),
openModal() {
console.log("s");
},
async joinWorkout(id) {
this.workoutId = id;
await this.loadWorkoutToSeries(this.workoutId);
let repository = new WorkoutToSeriesRepository();
this.selectedWorkout = await repository.show(this.workoutId);
console.log(this.selectedWorkout);
},
async WorkoutToSeries() {
if (this.workoutId) {
@ -182,6 +199,7 @@ export default {
seriesId: Number(this.getCurrentSeriesId),
workoutId: this.workoutId,
});
this.isLoading = false;
this.$_closeModal();
return;
}
@ -197,4 +215,21 @@ export default {
.theme--light.v-list {
background-color: rgb(46, 45, 45) !important;
}
.series__workout__title {
letter-spacing: 4px;
color: var(--color-white);
}
.series__workout__description {
font-size: 10px;
text-align: left;
line-height: 10px;
color: #e3e3e3;
white-space: nowrap;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
}
.align {
line-height: 4px;
}
</style>

10
src/store/modules/workoutToSeries/actions.js
Unescape View File

@ -15,11 +15,11 @@ export default {
return e;
}
},
async loadWorkoutToSeries({ commit }, workoutId) {
let repository = new WorkoutToSeriesRepository();
const resource = await repository.show(workoutId);
commit("SET_WORKOUT_TO_SERIES", resource);
},
// async loadWorkoutToSeries({ commit }, workoutId) {
// let repository = new WorkoutToSeriesRepository();
// const resource = await repository.show(workoutId);
// commit("SET_WORKOUT_TO_SERIES", resource);
// },
async addWorkoutToSeries({ commit }, data) {
let repository = new WorkoutToSeriesRepository();
const resource = await repository.store(data.data, data.seriesId, data.workoutId);

Write Preview
Loading…
Cancel
Save