diff options
| -rw-r--r-- | src/components/status_or_conversation/status_or_conversation.js | 22 | ||||
| -rw-r--r-- | src/components/status_or_conversation/status_or_conversation.vue | 14 |
2 files changed, 36 insertions, 0 deletions
diff --git a/src/components/status_or_conversation/status_or_conversation.js b/src/components/status_or_conversation/status_or_conversation.js new file mode 100644 index 00000000..441552ca --- /dev/null +++ b/src/components/status_or_conversation/status_or_conversation.js @@ -0,0 +1,22 @@ +import Status from '../status/status.vue' +import Conversation from '../conversation/conversation.vue' + +const statusOrConversation = { + props: ['statusoid'], + data () { + return { + expanded: false + } + }, + components: { + Status, + Conversation + }, + methods: { + toggleExpanded () { + this.expanded = !this.expanded + } + } +} + +export default statusOrConversation diff --git a/src/components/status_or_conversation/status_or_conversation.vue b/src/components/status_or_conversation/status_or_conversation.vue new file mode 100644 index 00000000..4fabfab2 --- /dev/null +++ b/src/components/status_or_conversation/status_or_conversation.vue @@ -0,0 +1,14 @@ +<template> + <div> + <conversation v-if="expanded" @toggleExpanded="toggleExpanded" :collapsable="true" :statusoid="statusoid"></conversation> + <status v-if="!expanded" @toggleExpanded="toggleExpanded" :expandable="true" :statusoid="statusoid"></status> + </div> +</template> + +<script src="./status_or_conversation.js"></script> + +<style lang="scss"> + .spacer { + height: 1em + } +</style> |