46 lines
940 B
Vue
46 lines
940 B
Vue
|
<template>
|
||
|
|
<component
|
||
|
|
:is="componentType"
|
||
|
|
:visualization="visualization"
|
||
|
|
:isSelected="isSelected"
|
||
|
|
:canHover="canHover"
|
||
|
|
:selectMode="selectMode"
|
||
|
|
:storeActionType="storeActionType"
|
||
|
|
@toggleSelection="toggleSelection"
|
||
|
|
@contentChanged="onContentChanged" />
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import CondensedMapCard from './CondensedMapCard';
|
||
|
|
import SimpleMapCard from './SimpleMapCard';
|
||
|
|
import props from './shared/props';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'MapCard',
|
||
|
|
props: {
|
||
|
|
...props,
|
||
|
|
condensed: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
SimpleMapCard,
|
||
|
|
CondensedMapCard
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
componentType () {
|
||
|
|
return this.condensed ? 'CondensedMapCard' : 'SimpleMapCard';
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
toggleSelection ($event) {
|
||
|
|
this.$emit('toggleSelection', $event);
|
||
|
|
},
|
||
|
|
onContentChanged (type) {
|
||
|
|
this.$emit('contentChanged', type);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|