From 800b051a166ae2ac8e0b81b022ca0058304bb915 Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Sat, 4 Feb 2017 13:53:07 +0100
Subject: [PATCH] Add statusOrConversation component.

---
 .../status_or_conversation.js                 | 22 +++++++++++++++++++
 .../status_or_conversation.vue                | 14 ++++++++++++
 2 files changed, 36 insertions(+)
 create mode 100644 src/components/status_or_conversation/status_or_conversation.js
 create mode 100644 src/components/status_or_conversation/status_or_conversation.vue

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>