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