therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Extract conversation and create conversation page.

Browse source
This commit is contained in:
Roger Braun 2017-02-04 13:52:26 +01:00
parent ea25708bf3
commit 5ec4f1b047
5 changed files with 39 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/conversation/conversation.js
View file

@ -1,4 +1,4 @@
import { find, filter, sortBy, toInteger } from 'lodash'
import { filter, sortBy } from 'lodash'
import { statusType } from '../../modules/statuses.js'
import Status from '../status/status.vue'
@ -8,14 +8,12 @@ const sortAndFilterConversation = (conversation) => {
}
const conversation = {
props: [
'statusoid',
'collapsable'
],
computed: {
status () {
const id = toInteger(this.$route.params.id)
const statuses = this.$store.state.statuses.allStatuses
const status = find(statuses, {id})
return status
},
status () { return this.statusoid },
conversation () {
if (!this.status) {
return false

9
src/components/conversation/conversation.vue
View file

@ -1,9 +1,14 @@
<template>
<div class="timeline panel panel-default base00-background">
<div class="panel-heading base01-background base04">Status</div>
<div class="panel-heading base01-background base04">
Conversation
<div v-if="collapsable">
<small><a href="#" @click.prevent="$emit('toggleExpanded')">Collapse</a></small>
</div>
</div>
<div class="panel-body">
<div class="timeline">
<status v-for="status in conversation" :key="status.id" v-bind:statusoid="status"></status>
<status v-for="status in conversation" :key="status.id" v-bind:statusoid="status":expandable='false'></status>
</div>
</div>
</div>