parent
f8af5d2bba
commit
1e437a7f85
@ -0,0 +1,27 @@
|
|||||||
|
<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>
|
@ -0,0 +1,93 @@
|
|||||||
|
<template>
|
||||||
|
<basic-modal width="458" transition="slide-x-transition">
|
||||||
|
<template #header>
|
||||||
|
<div class="close__modal">
|
||||||
|
<v-icon class="WMi-cancel-1" large @click="$_closeModal()"></v-icon>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template #default>
|
||||||
|
<div>
|
||||||
|
<SectionTitle
|
||||||
|
title="filters"
|
||||||
|
subTitle="let us help in your search"
|
||||||
|
:is-modal="true"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="mt-4 mb-10">
|
||||||
|
<div class="my-6">
|
||||||
|
<div>
|
||||||
|
<v-text-field
|
||||||
|
class="no-error-msg"
|
||||||
|
placeholder="course name"
|
||||||
|
label="course name"
|
||||||
|
></v-text-field>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="my-6">
|
||||||
|
<div>
|
||||||
|
<v-text-field
|
||||||
|
class="no-error-msg pt-0"
|
||||||
|
placeholder="mentor name"
|
||||||
|
label="mentor name"
|
||||||
|
></v-text-field>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="my-6">
|
||||||
|
<div>
|
||||||
|
<v-autocomplete
|
||||||
|
class="no-error-msg pt-0"
|
||||||
|
placeholder="status"
|
||||||
|
label="status"
|
||||||
|
></v-autocomplete>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="my-6">
|
||||||
|
<div>
|
||||||
|
<DateInput class="no-error-msg" label="date, after" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="my-6">
|
||||||
|
<div>
|
||||||
|
<DateInput class="no-error-msg" label="date, before" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template #footer>
|
||||||
|
<v-spacer></v-spacer>
|
||||||
|
<div class="d-flex justify-space-between align-items-center w-100">
|
||||||
|
<RectangleButton
|
||||||
|
class="btn__modal--cancel pl-0"
|
||||||
|
text="cancel"
|
||||||
|
icon="WMi-cancel-1"
|
||||||
|
text-mode="text"
|
||||||
|
size="large"
|
||||||
|
:is-modal="true"
|
||||||
|
height="29"
|
||||||
|
@click.native="$_closeModal()"
|
||||||
|
/>
|
||||||
|
<RectangleButton
|
||||||
|
height="29"
|
||||||
|
class="btn__modal--execute custom-btn wa__f__m__eb"
|
||||||
|
text="execute"
|
||||||
|
icon="WMi-filter"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</basic-modal>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import SectionTitle from "../../Global/Section/SectionTitle.vue";
|
||||||
|
export default {
|
||||||
|
name: "modal_filters",
|
||||||
|
components: { SectionTitle },
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.close__modal {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
</style>
|
@ -0,0 +1,33 @@
|
|||||||
|
<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">
|
||||||
|
<AddProgramSections />
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="10">
|
||||||
|
<AddProgram />
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</v-container>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import AddProgram from "../components/AddProgram/Main";
|
||||||
|
import AddProgramSections from "../components/AddProgram/Sections";
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
AddProgram,
|
||||||
|
AddProgramSections,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
Loading…
Reference in new issue