sajjad
3 years ago
parent
0b535dc2ce
commit
623b825769
@ -1,5 +0,0 @@
|
|||||||
import { getArray } from '../resources/programSerieWorkoutsResource';
|
|
||||||
|
|
||||||
export default class ProgramSerieWorkoutsRepository {
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="mt-16">
|
|
||||||
<ul class="pl-0 ml-0">
|
|
||||||
<MenuItem text="Home" />
|
|
||||||
<MenuItem text="my profile" />
|
|
||||||
<MenuItem text="my programs" />
|
|
||||||
<MenuItem text="my trainee" />
|
|
||||||
<MenuItem text="my bookmarks" />
|
|
||||||
<MenuItem :active="true" text="products" />
|
|
||||||
<MenuItem text="admins" />
|
|
||||||
<MenuItem text="traniners" />
|
|
||||||
<MenuItem text="workouts" />
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import MenuItem from "../Global/Section/MenuItem.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
MenuItem,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="mt-16">
|
|
||||||
<ul class="pl-0 ml-0">
|
|
||||||
<MenuItem text="Home" />
|
|
||||||
<MenuItem text="my profile" />
|
|
||||||
<MenuItem :active="true" text="my programs" />
|
|
||||||
<MenuItem text="my trainee" />
|
|
||||||
<MenuItem text="my bookmarks" />
|
|
||||||
<MenuItem text="products" />
|
|
||||||
<MenuItem text="admins" />
|
|
||||||
<MenuItem text="traniners" />
|
|
||||||
<MenuItem text="workouts" />
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import MenuItem from "../Global/Section/MenuItem.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
MenuItem,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="mt-16">
|
|
||||||
<ul class="pl-0 ml-0">
|
|
||||||
<MenuItem text="Home" />
|
|
||||||
<MenuItem text="my profile" />
|
|
||||||
<MenuItem text="my programs" />
|
|
||||||
<MenuItem text="my trainee" />
|
|
||||||
<MenuItem text="my bookmarks" />
|
|
||||||
<MenuItem text="products" />
|
|
||||||
<MenuItem text="admins" />
|
|
||||||
<MenuItem text="traniners" />
|
|
||||||
<MenuItem :active="true" text="workouts" />
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import MenuItem from "../Global/Section/MenuItem.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
MenuItem,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="mt-16">
|
|
||||||
<ul class="pl-0 ml-0">
|
|
||||||
<MenuItem text="Home" />
|
|
||||||
<MenuItem text="my profile" />
|
|
||||||
<MenuItem text="my programs" />
|
|
||||||
<MenuItem text="my trainee" />
|
|
||||||
<MenuItem :active="true" text="my bookmarks" />
|
|
||||||
<MenuItem text="products" />
|
|
||||||
<MenuItem text="admins" />
|
|
||||||
<MenuItem text="traniners" />
|
|
||||||
<MenuItem text="workouts" />
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import MenuItem from "../Global/Section/MenuItem.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
MenuItem,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -0,0 +1,126 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<vue-dropzone
|
||||||
|
ref="myVueDropzone"
|
||||||
|
id="dropzone"
|
||||||
|
:destroyDropzone="false"
|
||||||
|
@vdropzone-sending="setParams"
|
||||||
|
@vdropzone-removed-file="removeFile"
|
||||||
|
:options="dropzoneOptions"
|
||||||
|
@vdropzone-success="responseSuccess"
|
||||||
|
>
|
||||||
|
</vue-dropzone>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import vue2Dropzone from "vue2-dropzone";
|
||||||
|
import { TokenStorage } from "@/utils/storage";
|
||||||
|
import url from "@/router/url";
|
||||||
|
import axios from "axios";
|
||||||
|
import "vue2-dropzone/dist/vue2Dropzone.min.css";
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
defaultMessage: {
|
||||||
|
default:
|
||||||
|
"<div class='add__workout__picture d-flex align-center'> <i class='WMi-picture add__workout__picture--icon'></i> <div class='add__workout__picture--text'> please upload or drag & Drop <br /> product images here</div></div>",
|
||||||
|
},
|
||||||
|
files: { default: () => [] },
|
||||||
|
collection: { default: "image" },
|
||||||
|
modelName: { default: "model" },
|
||||||
|
batchId: {
|
||||||
|
type: String,
|
||||||
|
default: "asdfghjklqwertyuiopmnbvcxasdfghjklqwertyuiopmnbvcx",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
vueDropzone: vue2Dropzone,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dropzoneOptions: {
|
||||||
|
url: "https://app.champya-dev.ir" + url("storeFile"),
|
||||||
|
thumbnailWidth: 200,
|
||||||
|
headers: {
|
||||||
|
authorization: `Bearer ${TokenStorage.getToken()}`,
|
||||||
|
"accept-language": "en",
|
||||||
|
},
|
||||||
|
addRemoveLinks: true,
|
||||||
|
dictDefaultMessage: this.defaultMessage,
|
||||||
|
sendingMultiple: true,
|
||||||
|
removeType: "server",
|
||||||
|
paramName: "media",
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
responseSuccess(file, response) {
|
||||||
|
if (response.data && response.data.id) {
|
||||||
|
file["id"] = response.data.id;
|
||||||
|
this.$emit("success", response.data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
removeFile(file) {
|
||||||
|
if (this.dropzoneOptions.removeType == "server") {
|
||||||
|
axios.delete(url("destroyFile", { media: file.id }));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
manuallyLoadFiles(files) {
|
||||||
|
//file =[ {size: 123, name: "Icon", type: "image/png", url: "https://myvizo.com/img/logo_sm.png"}]
|
||||||
|
if (Array.isArray(files) && files.length) {
|
||||||
|
for (const file of files) {
|
||||||
|
this.$refs.myVueDropzone.manuallyAddFile(
|
||||||
|
{
|
||||||
|
name: file.file_name,
|
||||||
|
type: file.mime_type,
|
||||||
|
id: file.id,
|
||||||
|
size: file.size,
|
||||||
|
},
|
||||||
|
file.thumbnail
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
manuallyRemoveAllFiles() {
|
||||||
|
this.dropzoneOptions.removeType = "client";
|
||||||
|
this.$refs.myVueDropzone.removeAllFiles();
|
||||||
|
this.dropzoneOptions.removeType = "server";
|
||||||
|
},
|
||||||
|
setParams(file, xhr, formData) {
|
||||||
|
formData.append("batch_id", this.batchId);
|
||||||
|
formData.append("collection", this.collection);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
files(files) {
|
||||||
|
this.manuallyRemoveAllFiles();
|
||||||
|
this.manuallyLoadFiles(files);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
.vue-dropzone {
|
||||||
|
border: none;
|
||||||
|
background: var(--color-black);
|
||||||
|
border-radius: 5px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.add__workout__picture {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
.add__workout__picture--text {
|
||||||
|
width: max-content;
|
||||||
|
line-height: 18px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.add__workout__picture--icon {
|
||||||
|
font-size: 40px;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,27 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="mt-16">
|
|
||||||
<ul class="pl-0 ml-0">
|
|
||||||
<MenuItem text="Home" />
|
|
||||||
<MenuItem text="my profile" />
|
|
||||||
<MenuItem text="my programs" />
|
|
||||||
<MenuItem text="my trainee" />
|
|
||||||
<MenuItem text="my bookmarks" />
|
|
||||||
<MenuItem :active="true" text="products" />
|
|
||||||
<MenuItem text="admins" />
|
|
||||||
<MenuItem text="traniners" />
|
|
||||||
<MenuItem text="workouts" />
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import MenuItem from "../Global/Section/MenuItem.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
MenuItem,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="mt-16">
|
|
||||||
<ul class="pl-0 ml-0">
|
|
||||||
<MenuItem text="Home" />
|
|
||||||
<MenuItem :active="true" text="my profile" />
|
|
||||||
<MenuItem text="my programs" />
|
|
||||||
<MenuItem text="my trainee" />
|
|
||||||
<MenuItem text="my bookmarks" />
|
|
||||||
<MenuItem text="products" />
|
|
||||||
<MenuItem text="admins" />
|
|
||||||
<MenuItem text="traniners" />
|
|
||||||
<MenuItem text="workouts" />
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import MenuItem from "../Global/Section/MenuItem.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
MenuItem,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="mt-16">
|
|
||||||
<ul class="pl-0 ml-0">
|
|
||||||
<MenuItem text="Home" />
|
|
||||||
<MenuItem text="my profile" />
|
|
||||||
<MenuItem :active="true" text="my programs" />
|
|
||||||
<MenuItem text="my trainee" />
|
|
||||||
<MenuItem text="my bookmarks" />
|
|
||||||
<MenuItem text="products" />
|
|
||||||
<MenuItem text="admins" />
|
|
||||||
<MenuItem text="traniners" />
|
|
||||||
<MenuItem text="workouts" />
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import MenuItem from "../Global/Section/MenuItem.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
MenuItem,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="mt-16">
|
|
||||||
<ul class="pl-0 ml-0">
|
|
||||||
<MenuItem text="Home" />
|
|
||||||
<MenuItem text="my profile" />
|
|
||||||
<MenuItem :active="true" text="my programs" />
|
|
||||||
<MenuItem text="my trainee" />
|
|
||||||
<MenuItem text="my bookmarks" />
|
|
||||||
<MenuItem text="products" />
|
|
||||||
<MenuItem text="admins" />
|
|
||||||
<MenuItem text="traniners" />
|
|
||||||
<MenuItem text="workouts" />
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import MenuItem from "../Global/Section/MenuItem.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
MenuItem,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,22 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="mt-16">
|
|
||||||
<ul class="pl-0 ml-0">
|
|
||||||
<MenuItem text="Home" />
|
|
||||||
<MenuItem text="my profile" />
|
|
||||||
<MenuItem :active="true" text="my programs" />
|
|
||||||
<MenuItem text="my bookmarks" />
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import MenuItem from "../Global/Section/MenuItem.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
MenuItem,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,86 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="px-16 pb-10">
|
|
||||||
<div class="mt-11">
|
|
||||||
<div class="d-flex justify-center"><UserName role="trainee" /></div>
|
|
||||||
</div>
|
|
||||||
<v-row class="mt-3">
|
|
||||||
<v-col cols="12">
|
|
||||||
<div class="">
|
|
||||||
<div class="text-left description">
|
|
||||||
here is your dashboard home, feel free navigate from right side
|
|
||||||
menu or choose from shortcuts we prepared for you.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</v-col>
|
|
||||||
</v-row>
|
|
||||||
<div class="mb-16 mt-10">
|
|
||||||
<div class="d-sm-grid d-flex justify-center">
|
|
||||||
<div class="mr-5 section">
|
|
||||||
<box text="bookmarks" link="bookmarks" icon="WMi-bookmark" />
|
|
||||||
</div>
|
|
||||||
<div class="mr-5 section">
|
|
||||||
<box text="programs" link="trainPrograms" icon="WMi-align-left" />
|
|
||||||
</div>
|
|
||||||
<div class="mr-5 section">
|
|
||||||
<box text="profile" link="profile" icon="WMi-user" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<v-divider dark></v-divider>
|
|
||||||
<v-row class="mt-3">
|
|
||||||
<v-col cols="12">
|
|
||||||
<div class="d-flex justify-center pr-16">
|
|
||||||
<div class="text-left description">
|
|
||||||
and here is some stats we hope it gives you a great overview of
|
|
||||||
your status
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</v-col>
|
|
||||||
</v-row>
|
|
||||||
<div class="mx-md-16 mx-0 d-flex justify-center">
|
|
||||||
<div>
|
|
||||||
<div class="mr-16">
|
|
||||||
<Notification text="programs joined" quantity="4" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="ml-16">
|
|
||||||
<Notification text="moves done" quantity="344" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import Box from "../Global/Section/Box.vue";
|
|
||||||
import Notification from "../Global/Section/Notification.vue";
|
|
||||||
import UserName from "../Global/Section/UserName.vue";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
UserName,
|
|
||||||
Box,
|
|
||||||
Notification,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style scoped>
|
|
||||||
.section {
|
|
||||||
width: 157px;
|
|
||||||
height: 157px;
|
|
||||||
}
|
|
||||||
.description {
|
|
||||||
color: var(--color-gray);
|
|
||||||
font-size: 26px;
|
|
||||||
margin-left: 150px;
|
|
||||||
}
|
|
||||||
@media screen and (max-width: 1264px) {
|
|
||||||
.description {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,22 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="mt-16">
|
|
||||||
<ul class="pl-0 ml-0">
|
|
||||||
<MenuItem :active="true" text="Home" link="dashboardTrainee" />
|
|
||||||
<MenuItem text="my profile" link="profile" />
|
|
||||||
<MenuItem text="my programs" link="trainPrograms" />
|
|
||||||
<MenuItem text="my bookmarks" link="bookmarks" />
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import MenuItem from "../Global/Section/MenuItem.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
MenuItem,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,88 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="px-16 pb-10">
|
|
||||||
<div class="mt-11">
|
|
||||||
<div class="d-flex justify-center"><UserName role="trainer" /></div>
|
|
||||||
</div>
|
|
||||||
<v-row class="mt-3">
|
|
||||||
<v-col cols="12">
|
|
||||||
<div class="">
|
|
||||||
<div class="text-left description">
|
|
||||||
here is your dashboard home, feel free navigate from right side
|
|
||||||
menu or choose from shortcuts we prepared for you.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</v-col>
|
|
||||||
</v-row>
|
|
||||||
<div class="mb-16 mt-10">
|
|
||||||
<div class="d-sm-grid d-flex justify-center">
|
|
||||||
<div class="mr-5 section">
|
|
||||||
<box text="programs" link="programs" icon="WMi-align-left" />
|
|
||||||
</div>
|
|
||||||
<div class="mr-5 section">
|
|
||||||
<box text="bookmarks" link="bookmarks" icon="WMi-bookmark" />
|
|
||||||
</div>
|
|
||||||
<div class="mr-5 section">
|
|
||||||
<box text="trainees" link="users" icon=" WMi-users" />
|
|
||||||
</div>
|
|
||||||
<div class="mr-5 section">
|
|
||||||
<box text="profile" link="profile" icon="WMi-user" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<v-divider dark></v-divider>
|
|
||||||
<v-row class="mt-3">
|
|
||||||
<v-col cols="12">
|
|
||||||
<div class="d-flex justify-center pr-16">
|
|
||||||
<div class="text-left description">
|
|
||||||
and here is some stats we hope it gives you a great overview of
|
|
||||||
your status
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</v-col>
|
|
||||||
</v-row>
|
|
||||||
<div class="mx-md-16 mx-0 d-flex justify-center">
|
|
||||||
<div>
|
|
||||||
<div class="mr-16">
|
|
||||||
<Notification text="programs joined" quantity="4" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="ml-16">
|
|
||||||
<Notification text="moves done" quantity="344" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import Box from "../Global/Section/Box.vue";
|
|
||||||
import Notification from "../Global/Section/Notification.vue";
|
|
||||||
import UserName from "../Global/Section/UserName.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
UserName,
|
|
||||||
Box,
|
|
||||||
Notification,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style scoped>
|
|
||||||
.section {
|
|
||||||
width: 157px;
|
|
||||||
height: 157px;
|
|
||||||
}
|
|
||||||
.description {
|
|
||||||
color: var(--color-gray);
|
|
||||||
font-size: 26px;
|
|
||||||
margin-left: 150px;
|
|
||||||
}
|
|
||||||
@media screen and (max-width: 1264px) {
|
|
||||||
.description {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="mt-16">
|
|
||||||
<ul class="pl-0 ml-0">
|
|
||||||
<MenuItem :active="true" text="Home" link="dashboardTrainer" />
|
|
||||||
<MenuItem text="my profile" link="profile" />
|
|
||||||
<MenuItem text="my programs" link="trainPrograms" />
|
|
||||||
<MenuItem text="my trainees" link="users" />
|
|
||||||
<MenuItem text="my bookmarks" link="bookmarks" />
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import MenuItem from "../Global/Section/MenuItem.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
MenuItem,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="mt-16">
|
|
||||||
<ul class="pl-0 ml-0">
|
|
||||||
<MenuItem text="Home" />
|
|
||||||
<MenuItem text="my profile" />
|
|
||||||
<MenuItem text="my programs" />
|
|
||||||
<MenuItem text="my trainee" />
|
|
||||||
<MenuItem text="my bookmarks" />
|
|
||||||
<MenuItem text="products" />
|
|
||||||
<MenuItem text="admins" />
|
|
||||||
<MenuItem :active="true" text="traniners" />
|
|
||||||
<MenuItem text="workouts" />
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import MenuItem from "../Global/Section/MenuItem.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
MenuItem,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="mt-16">
|
|
||||||
<ul class="pl-0 ml-0">
|
|
||||||
<MenuItem text="Home" />
|
|
||||||
<MenuItem text="my profile" />
|
|
||||||
<MenuItem text="my programs" />
|
|
||||||
<MenuItem text="my trainee" />
|
|
||||||
<MenuItem text="my bookmarks" />
|
|
||||||
<MenuItem text="products" />
|
|
||||||
<MenuItem text="admins" />
|
|
||||||
<MenuItem text="traniners" />
|
|
||||||
<MenuItem :active="true" text="workouts" />
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import MenuItem from "../Global/Section/MenuItem.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
MenuItem,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="h-100">
|
|
||||||
<main-back height="100%">
|
|
||||||
<div class="mt-16">
|
|
||||||
<ul class="pl-0 ml-0">
|
|
||||||
<MenuItem text="Home" />
|
|
||||||
<MenuItem text="my profile" />
|
|
||||||
<MenuItem :active="true" text="my programs" />
|
|
||||||
<MenuItem text="my trainee" />
|
|
||||||
<MenuItem text="my bookmarks" />
|
|
||||||
<MenuItem text="products" />
|
|
||||||
<MenuItem text="admins" />
|
|
||||||
<MenuItem text="traniners" />
|
|
||||||
<MenuItem text="workouts" />
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</main-back>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import MenuItem from "../Global/Section/MenuItem.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
MenuItem,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,22 +1,42 @@
|
|||||||
import "izitoast/dist/css/iziToast.min.css";
|
import "willatoast/dist/main.css";
|
||||||
import iZtoast from "izitoast";
|
import willaToast from "willatoast";
|
||||||
|
|
||||||
const toast = {
|
const toast = {
|
||||||
error: (message, title = "Error") => {
|
error: (message, title = "Error") => {
|
||||||
return iZtoast.error({
|
return willaToast.normal({
|
||||||
title: title,
|
title: title,
|
||||||
|
titleColor: "#ffd600",
|
||||||
message: message,
|
message: message,
|
||||||
rtl: true,
|
|
||||||
position: "bottomCenter"
|
position: "bottomCenter"
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
success: (message, title = "Success") => {
|
success: (message, title = "Success") => {
|
||||||
return iZtoast.success({
|
return willaToast.normal({
|
||||||
title: title,
|
title: title,
|
||||||
message: message,
|
message: message,
|
||||||
rtl: true,
|
|
||||||
position: "bottomCenter"
|
position: "bottomCenter"
|
||||||
});
|
});
|
||||||
|
},
|
||||||
|
question: (message, title = "Success", callback) => {
|
||||||
|
return willaToast.normal({
|
||||||
|
title: title,
|
||||||
|
message: message,
|
||||||
|
position: "center",
|
||||||
|
timeout: false,
|
||||||
|
theme: 'dark',
|
||||||
|
buttons: [
|
||||||
|
['<button style="border: 1px dashed white;" >yes</button>', function (instance, toast) {
|
||||||
|
callback();
|
||||||
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button');
|
||||||
|
|
||||||
|
}, true],
|
||||||
|
['<button>no</button>', function (instance, toast) {
|
||||||
|
|
||||||
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button');
|
||||||
|
|
||||||
|
}]
|
||||||
|
],
|
||||||
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -1,33 +0,0 @@
|
|||||||
<template>
|
|
||||||
<v-container fluid>
|
|
||||||
<header class="pt-3">
|
|
||||||
<v-row>
|
|
||||||
<v-col cols="12">
|
|
||||||
<site-header></site-header>
|
|
||||||
</v-col>
|
|
||||||
</v-row>
|
|
||||||
</header>
|
|
||||||
<main class="pb-10 mt-5">
|
|
||||||
<div>
|
|
||||||
<v-row>
|
|
||||||
<v-col cols="2">
|
|
||||||
<TraineeSections />
|
|
||||||
</v-col>
|
|
||||||
<v-col cols="10">
|
|
||||||
<TraineeHome />
|
|
||||||
</v-col>
|
|
||||||
</v-row>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</v-container>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import TraineeHome from "../components/Trainee/Main";
|
|
||||||
import TraineeSections from "../components/Trainee/Sections";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
TraineeHome,
|
|
||||||
TraineeSections,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,33 +0,0 @@
|
|||||||
<template>
|
|
||||||
<v-container fluid>
|
|
||||||
<header class="pt-3">
|
|
||||||
<v-row>
|
|
||||||
<v-col cols="12">
|
|
||||||
<site-header></site-header>
|
|
||||||
</v-col>
|
|
||||||
</v-row>
|
|
||||||
</header>
|
|
||||||
<main class="pb-10 mt-5">
|
|
||||||
<div>
|
|
||||||
<v-row>
|
|
||||||
<v-col cols="2">
|
|
||||||
<TrainerSections />
|
|
||||||
</v-col>
|
|
||||||
<v-col cols="10">
|
|
||||||
<TrainerHome />
|
|
||||||
</v-col>
|
|
||||||
</v-row>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</v-container>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import TrainerHome from "../components/Trainer/Main";
|
|
||||||
import TrainerSections from "../components/Trainer/Sections";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
TrainerHome,
|
|
||||||
TrainerSections,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
Loading…
Reference in new issue