parent
6bceaafe4b
commit
bbc35e14b1
@ -1,52 +0,0 @@
|
||||
<template>
|
||||
<basic-modal
|
||||
width="900"
|
||||
transition="slide-x-transition"
|
||||
tag="form"
|
||||
@submit="filterWorkotus"
|
||||
>
|
||||
<template #header>
|
||||
<div class="close__modal">
|
||||
<v-icon class="WMi-cancel-1" large @click="$_closeModal()"></v-icon>
|
||||
</div>
|
||||
</template>
|
||||
<template #default>
|
||||
<div>
|
||||
<SectionTitle
|
||||
title="make the workout special"
|
||||
subTitle="Select a place holder"
|
||||
:is-modal="true"
|
||||
/>
|
||||
</div>
|
||||
<div class="mt-8 mb-10">
|
||||
<div>
|
||||
<v-switch
|
||||
v-model="switch1"
|
||||
inset
|
||||
color="#ffd600"
|
||||
:label="`Switch 1: ${switch1.toString()}`"
|
||||
></v-switch>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template #footer>
|
||||
<v-spacer></v-spacer>
|
||||
<div class="px-4">
|
||||
<RectangleButton
|
||||
height="29"
|
||||
class="btn__modal--confirm custom-btn wa__f__m__eb"
|
||||
text="close"
|
||||
@click="$_closeModal()"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
</basic-modal>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: "modal_workout_special_place_holder",
|
||||
data: () => ({
|
||||
switch1: true,
|
||||
}),
|
||||
};
|
||||
</script>
|
@ -0,0 +1,38 @@
|
||||
<template>
|
||||
<v-switch
|
||||
v-model="placeHolder"
|
||||
inset
|
||||
color="#ffd600"
|
||||
:label="item.name"
|
||||
class="special__place__holder"
|
||||
@change="$emit('change')"
|
||||
></v-switch>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: "special_place_holder_item",
|
||||
props: {
|
||||
value: {},
|
||||
item: {},
|
||||
},
|
||||
computed: {
|
||||
placeHolder: {
|
||||
get() {
|
||||
return this.value;
|
||||
},
|
||||
set(value) {
|
||||
this.$emit("input", value);
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
/* -------------------- switch ------------------------------*/
|
||||
.v-input--switch.special__place__holder label {
|
||||
margin-bottom: 0;
|
||||
color: var(--color-white) !important;
|
||||
font-family: "montserrat-light" !important;
|
||||
font-size: 26px !important;
|
||||
}
|
||||
</style>
|
@ -0,0 +1,77 @@
|
||||
<template>
|
||||
<basic-modal width="900" 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="make the workout special"
|
||||
subTitle="Select a place holder"
|
||||
:is-modal="true"
|
||||
/>
|
||||
</div>
|
||||
<div class="mt-8 mb-10">
|
||||
<div>
|
||||
<SpecialPlaceHolderItem
|
||||
v-for="item in placeHolders"
|
||||
:key="item.id"
|
||||
:item="item"
|
||||
v-model="switches[item.id]"
|
||||
@change="changeSwitch(item.id)"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template #footer>
|
||||
<v-spacer></v-spacer>
|
||||
<div class="px-4">
|
||||
<RectangleButton
|
||||
height="29"
|
||||
class="btn__modal--confirm custom-btn wa__f__m__eb"
|
||||
text="close"
|
||||
@click="$_closeModal()"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
</basic-modal>
|
||||
</template>
|
||||
<script>
|
||||
import SpecialPlaceHolderItem from "./Item.vue";
|
||||
export default {
|
||||
name: "modal_workout_special_place_holder",
|
||||
components: {
|
||||
SpecialPlaceHolderItem,
|
||||
},
|
||||
data: () => ({
|
||||
form: {},
|
||||
placeHolders: [
|
||||
{
|
||||
id: 1,
|
||||
name: "Home latest program",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "Home special program",
|
||||
},
|
||||
],
|
||||
switches: [],
|
||||
}),
|
||||
methods: {
|
||||
changeSwitch(id) {
|
||||
const value = this.switches[id];
|
||||
console.log(id, value, this.switches);
|
||||
// if (value) {
|
||||
// this.form.special_views.push(id);
|
||||
// } else {
|
||||
// this.$delete(
|
||||
// this.form.special_views,
|
||||
// this.form.special_views.findIndex((x) => x === id)
|
||||
// );
|
||||
// }
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
Loading…
Reference in new issue