thelounge/client/components/Channel.vue

52 lines
1.3 KiB
Vue
Raw Normal View History

<template>
<ChannelWrapper ref="wrapper" :network="network" :channel="channel">
<span class="name">{{ channel.name }}</span>
2019-07-17 09:33:59 +00:00
<span v-if="channel.unread" :class="{highlight: channel.highlight}" class="badge">{{
unreadCount
2019-07-17 09:33:59 +00:00
}}</span>
<template v-if="channel.type === 'channel'">
<span
v-if="channel.state === 0"
class="parted-channel-tooltip tooltipped tooltipped-w"
aria-label="Not currently joined"
>
<span class="parted-channel-icon" />
</span>
2019-08-03 19:03:45 +00:00
<span class="close-tooltip tooltipped tooltipped-w" aria-label="Leave">
<button class="close" aria-label="Leave" @click.stop="close" />
</span>
</template>
<template v-else>
2019-08-03 19:03:45 +00:00
<span class="close-tooltip tooltipped tooltipped-w" aria-label="Close">
<button class="close" aria-label="Close" @click.stop="close" />
</span>
</template>
</ChannelWrapper>
</template>
<script>
2019-11-16 17:24:03 +00:00
import roundBadgeNumber from "../js/helpers/roundBadgeNumber";
import ChannelWrapper from "./ChannelWrapper.vue";
2018-07-08 20:08:08 +00:00
export default {
name: "Channel",
components: {
ChannelWrapper,
},
props: {
network: Object,
channel: Object,
2018-07-08 20:08:08 +00:00
},
computed: {
unreadCount() {
return roundBadgeNumber(this.channel.unread);
},
},
2019-03-03 19:43:57 +00:00
methods: {
close() {
2019-11-23 16:44:23 +00:00
this.$root.closeChannel(this.channel);
2019-03-03 19:43:57 +00:00
},
},
};
</script>