|
|
@ -10,8 +10,8 @@
|
|
|
|
<v-col cols="12">
|
|
|
|
<v-col cols="12">
|
|
|
|
<div class="">
|
|
|
|
<div class="">
|
|
|
|
<div class="text-left description">
|
|
|
|
<div class="text-left description">
|
|
|
|
here is dashboard home, feel free navigate from right side menu
|
|
|
|
here is dashboard home, feel free navigate from right side menu or choose
|
|
|
|
or choose from shortcuts we prepared for you.
|
|
|
|
from shortcuts we prepared for you.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</v-col>
|
|
|
|
</v-col>
|
|
|
@ -25,13 +25,13 @@
|
|
|
|
<box text="programs" link="programs" icon="WMi-align-left" />
|
|
|
|
<box text="programs" link="programs" icon="WMi-align-left" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="mr-5 section">
|
|
|
|
<div class="mr-5 section">
|
|
|
|
<box text="products" link="dashboard" icon="WMi-brush" />
|
|
|
|
<box text="products" link="products" icon="WMi-brush" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="mr-5 section">
|
|
|
|
<div class="mr-5 section">
|
|
|
|
<box text="trainers" link="users" icon=" WMi-account-off" />
|
|
|
|
<box text="trainers" icon="WMi-account-off" @click.native="trainersList" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="mr-5 section">
|
|
|
|
<div class="mr-5 section">
|
|
|
|
<box text="trainees" link="users" icon="WMi-users" />
|
|
|
|
<box text="trainees" icon="WMi-users" @click.native="traineesList" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -40,8 +40,8 @@
|
|
|
|
<v-col cols="12">
|
|
|
|
<v-col cols="12">
|
|
|
|
<div class="d-flex justify-center pr-16">
|
|
|
|
<div class="d-flex justify-center pr-16">
|
|
|
|
<div class="text-left description">
|
|
|
|
<div class="text-left description">
|
|
|
|
and here is some state we hope it gives you a great overview of
|
|
|
|
and here is some state we hope it gives you a great overview of your
|
|
|
|
your status
|
|
|
|
status
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</v-col>
|
|
|
|
</v-col>
|
|
|
@ -50,30 +50,22 @@
|
|
|
|
<v-col cols="12" sm="3"
|
|
|
|
<v-col cols="12" sm="3"
|
|
|
|
><Notification
|
|
|
|
><Notification
|
|
|
|
text="total trainees"
|
|
|
|
text="total trainees"
|
|
|
|
:quantity="
|
|
|
|
:quantity="statistics.trainees_count ? statistics.trainees_count : 0"
|
|
|
|
statistics.trainees_count ? statistics.trainees_count : 0
|
|
|
|
|
|
|
|
"
|
|
|
|
|
|
|
|
/></v-col>
|
|
|
|
/></v-col>
|
|
|
|
<v-col cols="12" sm="3"
|
|
|
|
<v-col cols="12" sm="3"
|
|
|
|
><Notification
|
|
|
|
><Notification
|
|
|
|
text="total trainers"
|
|
|
|
text="total trainers"
|
|
|
|
:quantity="
|
|
|
|
:quantity="statistics.trainers_count ? statistics.trainers_count : 0"
|
|
|
|
statistics.trainers_count ? statistics.trainers_count : 0
|
|
|
|
|
|
|
|
"
|
|
|
|
|
|
|
|
/></v-col>
|
|
|
|
/></v-col>
|
|
|
|
<v-col cols="12" sm="3"
|
|
|
|
<v-col cols="12" sm="3"
|
|
|
|
><Notification
|
|
|
|
><Notification
|
|
|
|
text="total programs"
|
|
|
|
text="total programs"
|
|
|
|
:quantity="
|
|
|
|
:quantity="statistics.courses_count ? statistics.courses_count : 0"
|
|
|
|
statistics.courses_count ? statistics.courses_count : 0
|
|
|
|
|
|
|
|
"
|
|
|
|
|
|
|
|
/></v-col>
|
|
|
|
/></v-col>
|
|
|
|
<v-col cols="12" sm="3"
|
|
|
|
<v-col cols="12" sm="3"
|
|
|
|
><Notification
|
|
|
|
><Notification
|
|
|
|
text="moves defined"
|
|
|
|
text="moves defined"
|
|
|
|
:quantity="
|
|
|
|
:quantity="statistics.workouts_count ? statistics.workouts_count : 0"
|
|
|
|
statistics.workouts_count ? statistics.workouts_count : 0
|
|
|
|
|
|
|
|
"
|
|
|
|
|
|
|
|
/></v-col>
|
|
|
|
/></v-col>
|
|
|
|
</v-row>
|
|
|
|
</v-row>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -87,8 +79,8 @@
|
|
|
|
<v-col cols="12">
|
|
|
|
<v-col cols="12">
|
|
|
|
<div class="">
|
|
|
|
<div class="">
|
|
|
|
<div class="text-left description">
|
|
|
|
<div class="text-left description">
|
|
|
|
here is your dashboard home, feel free navigate from right side
|
|
|
|
here is your dashboard home, feel free navigate from right side menu or
|
|
|
|
menu or choose from shortcuts we prepared for you.
|
|
|
|
choose from shortcuts we prepared for you.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</v-col>
|
|
|
|
</v-col>
|
|
|
@ -114,8 +106,8 @@
|
|
|
|
<v-col cols="12">
|
|
|
|
<v-col cols="12">
|
|
|
|
<div class="d-flex justify-center pr-16">
|
|
|
|
<div class="d-flex justify-center pr-16">
|
|
|
|
<div class="text-left description">
|
|
|
|
<div class="text-left description">
|
|
|
|
and here is some stats we hope it gives you a great overview of
|
|
|
|
and here is some stats we hope it gives you a great overview of your
|
|
|
|
your status
|
|
|
|
status
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</v-col>
|
|
|
|
</v-col>
|
|
|
@ -125,9 +117,7 @@
|
|
|
|
<div class="mr-16">
|
|
|
|
<div class="mr-16">
|
|
|
|
<Notification
|
|
|
|
<Notification
|
|
|
|
text="total trainees"
|
|
|
|
text="total trainees"
|
|
|
|
:quantity="
|
|
|
|
:quantity="statistics.trainees_count ? statistics.trainees_count : 0"
|
|
|
|
statistics.trainees_count ? statistics.trainees_count : 0
|
|
|
|
|
|
|
|
"
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -135,9 +125,7 @@
|
|
|
|
<div class="ml-16">
|
|
|
|
<div class="ml-16">
|
|
|
|
<Notification
|
|
|
|
<Notification
|
|
|
|
text="total programs"
|
|
|
|
text="total programs"
|
|
|
|
:quantity="
|
|
|
|
:quantity="statistics.courses_count ? statistics.courses_count : 0"
|
|
|
|
statistics.courses_count ? statistics.courses_count : 0
|
|
|
|
|
|
|
|
"
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -153,8 +141,8 @@
|
|
|
|
<v-col cols="12">
|
|
|
|
<v-col cols="12">
|
|
|
|
<div class="">
|
|
|
|
<div class="">
|
|
|
|
<div class="text-left description">
|
|
|
|
<div class="text-left description">
|
|
|
|
here is your dashboard home, feel free navigate from right side
|
|
|
|
here is your dashboard home, feel free navigate from right side menu or
|
|
|
|
menu or choose from shortcuts we prepared for you.
|
|
|
|
choose from shortcuts we prepared for you.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</v-col>
|
|
|
|
</v-col>
|
|
|
@ -165,7 +153,7 @@
|
|
|
|
<box text="bookmarks" link="bookmarks" icon="WMi-bookmark" />
|
|
|
|
<box text="bookmarks" link="bookmarks" icon="WMi-bookmark" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="mr-5 section">
|
|
|
|
<div class="mr-5 section">
|
|
|
|
<box text="programs" link="trainPrograms" icon="WMi-align-left" />
|
|
|
|
<box text="programs" link="trainsPrograms" icon="WMi-align-left" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="mr-5 section">
|
|
|
|
<div class="mr-5 section">
|
|
|
|
<box text="profile" link="profile" icon="WMi-user" />
|
|
|
|
<box text="profile" link="profile" icon="WMi-user" />
|
|
|
@ -177,8 +165,8 @@
|
|
|
|
<v-col cols="12">
|
|
|
|
<v-col cols="12">
|
|
|
|
<div class="d-flex justify-center pr-16">
|
|
|
|
<div class="d-flex justify-center pr-16">
|
|
|
|
<div class="text-left description">
|
|
|
|
<div class="text-left description">
|
|
|
|
and here is some stats we hope it gives you a great overview of
|
|
|
|
and here is some stats we hope it gives you a great overview of your
|
|
|
|
your status
|
|
|
|
status
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</v-col>
|
|
|
|
</v-col>
|
|
|
@ -189,9 +177,7 @@
|
|
|
|
<Notification
|
|
|
|
<Notification
|
|
|
|
text="programs joined"
|
|
|
|
text="programs joined"
|
|
|
|
:quantity="
|
|
|
|
:quantity="
|
|
|
|
statistics.joined_courses_count
|
|
|
|
statistics.joined_courses_count ? statistics.joined_courses_count : 0
|
|
|
|
? statistics.joined_courses_count
|
|
|
|
|
|
|
|
: 0
|
|
|
|
|
|
|
|
"
|
|
|
|
"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -201,9 +187,7 @@
|
|
|
|
<Notification
|
|
|
|
<Notification
|
|
|
|
text="moves done"
|
|
|
|
text="moves done"
|
|
|
|
:quantity="
|
|
|
|
:quantity="
|
|
|
|
statistics.total_series_done
|
|
|
|
statistics.total_series_done ? statistics.total_series_done : 0
|
|
|
|
? statistics.total_series_done
|
|
|
|
|
|
|
|
: 0
|
|
|
|
|
|
|
|
"
|
|
|
|
"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -220,6 +204,7 @@ import Notification from "../Global/Section/Notification.vue";
|
|
|
|
import UserName from "../Global/Section/UserName.vue";
|
|
|
|
import UserName from "../Global/Section/UserName.vue";
|
|
|
|
import { UserStorage } from "@/utils/storage";
|
|
|
|
import { UserStorage } from "@/utils/storage";
|
|
|
|
import StatisticRepository from "@/abstraction/repository/statisticRepository.js";
|
|
|
|
import StatisticRepository from "@/abstraction/repository/statisticRepository.js";
|
|
|
|
|
|
|
|
import { mapMutations, mapState } from "vuex";
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
components: {
|
|
|
|
components: {
|
|
|
|
UserName,
|
|
|
|
UserName,
|
|
|
@ -230,7 +215,11 @@ export default {
|
|
|
|
type: UserStorage.get() ? UserStorage.get().type : null,
|
|
|
|
type: UserStorage.get() ? UserStorage.get().type : null,
|
|
|
|
statistics: {},
|
|
|
|
statistics: {},
|
|
|
|
}),
|
|
|
|
}),
|
|
|
|
|
|
|
|
computed: {
|
|
|
|
|
|
|
|
...mapState("users", ["filters"]),
|
|
|
|
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
...mapMutations("users", ["SET_FILTER_USER"]),
|
|
|
|
async loadStatistic() {
|
|
|
|
async loadStatistic() {
|
|
|
|
let repository = new StatisticRepository();
|
|
|
|
let repository = new StatisticRepository();
|
|
|
|
this.statistics =
|
|
|
|
this.statistics =
|
|
|
@ -242,6 +231,36 @@ export default {
|
|
|
|
? await repository.indexTrainee()
|
|
|
|
? await repository.indexTrainee()
|
|
|
|
: false;
|
|
|
|
: false;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
trainersList() {
|
|
|
|
|
|
|
|
// this.SET_FILTER_USER({});
|
|
|
|
|
|
|
|
// this.SET_FILTER_USER({
|
|
|
|
|
|
|
|
// role_name: {
|
|
|
|
|
|
|
|
// type: "in",
|
|
|
|
|
|
|
|
// val: "trainer",
|
|
|
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
this.$router.push({
|
|
|
|
|
|
|
|
name: "users",
|
|
|
|
|
|
|
|
query: {
|
|
|
|
|
|
|
|
role_name: "trainer",
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
traineesList() {
|
|
|
|
|
|
|
|
// this.SET_FILTER_USER({});
|
|
|
|
|
|
|
|
// this.SET_FILTER_USER({
|
|
|
|
|
|
|
|
// role_name: {
|
|
|
|
|
|
|
|
// type: "in",
|
|
|
|
|
|
|
|
// val: "trainee",
|
|
|
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
this.$router.push({
|
|
|
|
|
|
|
|
name: "users",
|
|
|
|
|
|
|
|
query: {
|
|
|
|
|
|
|
|
role_name: "trainee",
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
created() {
|
|
|
|
created() {
|
|
|
|
this.loadStatistic();
|
|
|
|
this.loadStatistic();
|
|
|
|