Commit 2238e50e authored by Reko Meriö's avatar Reko Meriö

Profiilitiedot

parent 5d82c439
......@@ -2524,8 +2524,6 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({
name: 'ClothSlider',
data: function data() {
......@@ -2534,8 +2532,7 @@ __webpack_require__.r(__webpack_exports__);
};
},
props: {
cloth: Array,
label: String
cloth: Array
},
watch: {
cloth: function cloth() {
......@@ -8184,7 +8181,7 @@ exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loa
// module
exports.push([module.i, "\n.fav:hover{\ncolor: rgb(9, 173, 0);\n}\n.fav:active{\n color: rgb(100, 221, 23);\n}\n", ""]);
exports.push([module.i, "\n.fav:hover {\n color: rgb(9, 173, 0);\n}\n.fav:active {\n color: rgb(100, 221, 23);\n}\n\n", ""]);
// exports
......@@ -45861,18 +45858,10 @@ var render = function() {
_vm._v(" "),
_vm.cloth[_vm.index]
? _c("v-flex", { attrs: { xs8: "" } }, [
_vm._v(
"\n " +
_vm._s(_vm.label) +
":\n " +
_vm._s(_vm.cloth[_vm.index]) +
"\n "
)
_vm._v("\n " + _vm._s(_vm.cloth[_vm.index]) + "\n ")
])
: _c("v-flex", { attrs: { xs8: "" } }, [
_vm._v(
"\n " + _vm._s(_vm.label) + ":\n Valitse vapaasti\n"
)
_vm._v("\n Valitse vapaasti\n")
]),
_vm._v(" "),
_c(
......@@ -45937,15 +45926,13 @@ var render = function() {
"v-flex",
{ attrs: { xs12: "", md6: "", "pa-2": "" } },
[
_c("ClothSlider", { attrs: { cloth: _vm.hats, label: "Hatut" } }),
_c("ClothSlider", { attrs: { cloth: _vm.hats } }),
_vm._v(" "),
_c("ClothSlider", {
attrs: { cloth: _vm.upperBody, label: "Ylävartalo" }
}),
_c("ClothSlider", { attrs: { cloth: _vm.upperBody } }),
_vm._v(" "),
_c("ClothSlider", { attrs: { cloth: _vm.lowerBody, label: "Housut" } }),
_c("ClothSlider", { attrs: { cloth: _vm.lowerBody } }),
_vm._v(" "),
_c("ClothSlider", { attrs: { cloth: _vm.shoes, label: "Kengät" } })
_c("ClothSlider", { attrs: { cloth: _vm.shoes } })
],
1
)
......@@ -8,11 +8,9 @@
</v-btn>
</v-flex>
<v-flex xs8 v-if="cloth[index]" >
{{ label }}:
{{ cloth[index] }}
</v-flex>
<v-flex v-else xs8>
{{ label }}:
Valitse vapaasti
</v-flex>
......@@ -36,7 +34,6 @@
}),
props:{
cloth: Array,
label: String
},
watch:{
cloth: function() {
......
<template>
<v-flex xs12 md6 pa-2>
<ClothSlider :cloth="hats" label="Hatut" />
<ClothSlider :cloth="upperBody" label="Ylävartalo" />
<ClothSlider :cloth="lowerBody" label="Housut" />
<ClothSlider :cloth="shoes" label="Kengät" />
<ClothSlider :cloth="hats" />
<ClothSlider :cloth="upperBody" />
<ClothSlider :cloth="lowerBody" />
<ClothSlider :cloth="shoes" />
</v-flex>
</template>
......
<template>
<div>
<div class="text-xs-center mb-3"></div>
<v-expansion-panel v-model="panel" expand: false >
<v-expansion-panel-content v-if="favorites != null">
<template v-slot:header>
<div>Suosikit</div>
</template>
<v-card color="grey lighten-3" >
<v-card-text v-for="(favorite, index) in favorites2" :key="index" @click="pushFavorite(favorite)" class="fav"> {{ favorite }} </v-card-text>
</v-card>
</v-expansion-panel-content>
</v-expansion-panel>
</div>
<div>
<div class="text-xs-center mb-3"></div>
<v-expansion-panel v-model="panel" expand: false>
<v-expansion-panel-content v-if="favorites != null">
<template v-slot:header>
<div>Suosikit</div>
</template>
<v-card color="grey lighten-3">
<v-card-text v-for="(favorite, index) in favorites2" :key="index" @click="pushFavorite(favorite)" class="fav"> {{ favorite }} </v-card-text>
</v-card>
</v-expansion-panel-content>
</v-expansion-panel>
</div>
</template>
<script>
export default {
name: 'FavoriteTab',
data: () => ({
panel: [
true
],
panel: [
true
],
}),
props: {
favorites: Array,
},
computed: {
favorites2(){
return this.$store.getters.favorites
}
},
props: {
favorites: Array,
},
computed: {
favorites2() {
return this.$store.getters.favorites
}
},
methods: {
pushFavorite(location){
this.$emit('pushFavorite', location);
this.panel = 1;
}
pushFavorite(location) {
this.$emit('pushFavorite', location);
this.panel = 1;
}
}
}
</script>
<style>
.fav:hover{
color: rgb(9, 173, 0);
}
.fav:active{
color: rgb(100, 221, 23);
}
</style>
.fav:hover {
color: rgb(9, 173, 0);
}
.fav:active {
color: rgb(100, 221, 23);
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment