pleroma-fe

commit: 800b051a166ae2ac8e0b81b022ca0058304bb915
parent: 5ec4f1b047d798b7038ec73db86476e70d2b1888
Author: Roger Braun <roger@rogerbraun.net>
Date:   Sat,  4 Feb 2017 13:53:07 +0100

Add statusOrConversation component.

Diffstat:
A
src/components/status_or_conversation/status_or_conversation.js
22
++++++++++++++++++++++
A
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
@@ -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
@@ -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>