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