sajjad 3 years ago
commit f73b51279b

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

@ -120,7 +120,7 @@
></v-col> ></v-col>
<v-col cols="3" <v-col cols="3"
><v-text-field ><v-text-field
label="lge diameter" label="leg diameter"
class="no-error-msg pt-0" class="no-error-msg pt-0"
suffix="cm" suffix="cm"
dark dark

@ -107,7 +107,7 @@
></v-col> ></v-col>
<v-col cols="3" <v-col cols="3"
><v-text-field ><v-text-field
label="lge diameter" label="leg diameter"
class="no-error-msg pt-0" class="no-error-msg pt-0"
suffix="cm" suffix="cm"
dark dark

@ -42,7 +42,6 @@
width="48" width="48"
class="ml-1 custom-btn custom-icon" class="ml-1 custom-btn custom-icon"
icon="WMi-yoga-posture" icon="WMi-yoga-posture"
@click.native.prevent=""
/> />
<RectangleButton <RectangleButton
size="large" size="large"
@ -52,6 +51,7 @@
icon="WMi-pencil" icon="WMi-pencil"
/> />
<RectangleButton <RectangleButton
v-if="role === 'admin'"
size="large" size="large"
height="35" height="35"
width="48" width="48"
@ -67,6 +67,7 @@
</template> </template>
<script> <script>
import { mapActions, mapMutations } from "vuex"; import { mapActions, mapMutations } from "vuex";
import { UserStorage } from "@/utils/storage";
export default { export default {
props: { props: {
series: { series: {
@ -75,6 +76,9 @@ export default {
seriesNumber: {}, seriesNumber: {},
programId: {}, programId: {},
}, },
data: () => ({
role: UserStorage.getRole(),
}),
computed: {}, computed: {},
methods: { methods: {
...mapActions("programSeries", ["deleteSeriesFromProgram"]), ...mapActions("programSeries", ["deleteSeriesFromProgram"]),

@ -12,19 +12,21 @@
<img <img
class="wa__program__image w-100" class="wa__program__image w-100"
:src=" :src="
program.thumbnail ? program.thumbnail : 'https://via.placeholder.com/1280x720' program.thumbnail
? program.thumbnail
: 'https://via.placeholder.com/1280x720'
" "
alt="product image" alt="product image"
/> />
<div class="wa__program__image__button"> <div class="wa__program__image__button">
<div class="wa__program__image__button--icon"> <div class="wa__program__image__button--icon">
<RectangleButton <RectangleButton
v-if="role === 'admin'"
@click.native="verifyProgram(program.id)" @click.native="verifyProgram(program.id)"
size="large" size="large"
class="custom-btn ml-1" class="custom-btn ml-1"
height="32" height="32"
:icon="program.verified ? 'WMi-cancel' : 'WMi-ok'" :icon="program.verified ? 'WMi-cancel' : 'WMi-ok'"
v-if="role === 'admin'"
/> />
<router-link <router-link
class="text-decoration-none" class="text-decoration-none"
@ -51,6 +53,7 @@
/> />
</router-link> </router-link>
<RectangleButton <RectangleButton
v-if="role === 'admin'"
@click.native="removeProgram(program.id)" @click.native="removeProgram(program.id)"
size="large" size="large"
class="custom-btn ml-1" class="custom-btn ml-1"

@ -8,7 +8,7 @@
backText="home page" backText="home page"
link="dashboard" link="dashboard"
icon="WMi-left-open" icon="WMi-left-open"
title="my programs" :title="role === 'admin' ? 'programs' : 'my programs'"
subTitle="let us know you better, it comes handy." subTitle="let us know you better, it comes handy."
/> />
</div> </div>

@ -41,7 +41,7 @@
'program__done', 'program__done',
{ {
not__enf: program.schedule.done_percent < 50, not__enf: program.schedule.done_percent < 50,
enf: program.schedule.done_percent > 50, enf: program.schedule.done_percent >= 50,
}, },
]" ]"
> >
@ -63,12 +63,13 @@ export default {
</script> </script>
<style scoped> <style scoped>
.program__card { .program__card {
height: 111px; /* height: 111px; */
border-top: 1px solid var(--color-bg-black); border-top: 1px solid var(--color-bg-black);
border-bottom: 1px solid var(--color-bg-black); border-bottom: 1px solid var(--color-bg-black);
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 24px 0;
} }
.program__info { .program__info {
line-height: 18px; line-height: 18px;

@ -8,7 +8,7 @@
backText="home page" backText="home page"
link="dashboard" link="dashboard"
icon="WMi-left-open" icon="WMi-left-open"
title="trainers" :title="role==='admin' ? 'users' : 'my trainees'"
subTitle="let us know you better, it comes handy." subTitle="let us know you better, it comes handy."
/> />
</div> </div>

@ -20,7 +20,10 @@
label="manager image" label="manager image"
:url.sync="form.thumbnail" :url.sync="form.thumbnail"
v-model="fileForm" v-model="fileForm"
:stencilProps="{ aspectRatio: 1280 / 720, checkImageOrigin: false }" :stencilProps="{
aspectRatio: 1280 / 720,
checkImageOrigin: false,
}"
/> />
</div> </div>
</div> </div>
@ -191,7 +194,7 @@ export default {
fileForm: { fileForm: {
batch_id: RANDOM_TOKEN, batch_id: RANDOM_TOKEN,
collection: "main_image", collection: "main_image",
crop_data: {} crop_data: {},
}, },
}), }),
computed: { computed: {
@ -218,7 +221,8 @@ export default {
try { try {
let repository = new FileRepository(); let repository = new FileRepository();
if (this.workoutId) { if (this.workoutId) {
if (this.fileForm.file if (
this.fileForm.file
// || !_.isEqual(this.fileForm.crop_data, this.perviousCropData) // || !_.isEqual(this.fileForm.crop_data, this.perviousCropData)
) { ) {
await repository.store(this.fileForm); await repository.store(this.fileForm);

@ -4,7 +4,7 @@
transition="slide-x-transition" transition="slide-x-transition"
tag="form" tag="form"
@submit="WorkoutToSeries" @submit="WorkoutToSeries"
@open="openModal" @close="closeModal"
> >
<template #header> <template #header>
<div class="close__modal"> <div class="close__modal">
@ -44,7 +44,14 @@
class="mt-3" class="mt-3"
/> --> /> -->
<div class="pb-3 align mt-2"> <div class="pb-3 align mt-2">
<div class="series__workout__title wa__f__m__eb text-uppercase mb-2"> <div
class="
series__workout__title
wa__f__m__eb
text-uppercase
mb-2
"
>
{{ item.name }} {{ item.name }}
</div> </div>
<div class="series__workout__description"> <div class="series__workout__description">
@ -176,9 +183,14 @@ export default {
}, },
}, },
methods: { methods: {
...mapActions("workoutToSeries", ["loadWorkoutsToSeries", "addWorkoutToSeries"]), ...mapActions("workoutToSeries", [
"loadWorkoutsToSeries",
"addWorkoutToSeries",
]),
...mapMutations("workoutToSeries", ["SET_FILTER_WORKOUTS_TO_SERIES"]), ...mapMutations("workoutToSeries", ["SET_FILTER_WORKOUTS_TO_SERIES"]),
openModal() {}, closeModal() {
this.SET_FILTER_WORKOUTS_TO_SERIES({});
},
async joinWorkout(id) { async joinWorkout(id) {
this.workoutId = id; this.workoutId = id;
let repository = new WorkoutToSeriesRepository(); let repository = new WorkoutToSeriesRepository();

Loading…
Cancel
Save