2018-06-25 18:29:57 +02:00
|
|
|
<template>
|
|
|
|
<v-flex xs6 class="pa-2 pointer" @click.stop="handleClick">
|
|
|
|
<v-card flat>
|
|
|
|
<v-container fill-height fluid class="pa-0">
|
|
|
|
<v-layout fill-height>
|
|
|
|
<v-flex xs12 class="text-xs-center">
|
2018-11-29 23:04:16 +01:00
|
|
|
<img class="icon" :src="imageSrc"/>
|
2018-06-25 18:29:57 +02:00
|
|
|
<p>{{ label }}</p>
|
|
|
|
</v-flex>
|
|
|
|
</v-layout>
|
|
|
|
</v-container>
|
|
|
|
</v-card>
|
|
|
|
</v-flex>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
2018-11-29 23:04:16 +01:00
|
|
|
methods: {
|
|
|
|
handleClick() {
|
|
|
|
return this.save(this.type);
|
|
|
|
},
|
|
|
|
},
|
2018-06-25 18:29:57 +02:00
|
|
|
props: {
|
|
|
|
type: String,
|
|
|
|
label: String,
|
|
|
|
imageSrc: String,
|
|
|
|
save: Function,
|
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
.icon {
|
|
|
|
max-width: 100%;
|
2018-11-29 23:04:16 +01:00
|
|
|
max-height: 100px;
|
2018-06-25 18:29:57 +02:00
|
|
|
border: 2px solid #231f20;
|
|
|
|
border-radius: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pointer {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
</style>
|