23 lines
813 B
Vue
23 lines
813 B
Vue
<template>
|
|
<div class="small-3 columns channel" :class="{ inactive: channel !== 'facebook' }" @click.capture="itemClick">
|
|
<img src="~dashboard/assets/images/channels/facebook.png" v-if="channel === 'facebook'">
|
|
<img src="~dashboard/assets/images/channels/twitter.png" v-if="channel === 'twitter'">
|
|
<img src="~dashboard/assets/images/channels/telegram.png" v-if="channel === 'telegram'">
|
|
<img src="~dashboard/assets/images/channels/line.png" v-if="channel === 'line'">
|
|
<h3 class="channel__title">{{channel}}</h3>
|
|
<!-- <p>This is the most sexiest integration to begin </p> -->
|
|
</div>
|
|
</template>
|
|
<script>
|
|
/* global bus */
|
|
export default {
|
|
props: ['channel'],
|
|
created() {
|
|
},
|
|
methods: {
|
|
itemClick() {
|
|
bus.$emit('channelItemClick', this.channel);
|
|
},
|
|
},
|
|
};
|
|
</script>
|