32 lines
983 B
Vue
32 lines
983 B
Vue
<template>
|
|
<div class="timeline panel panel-default">
|
|
<div class="panel-heading conversation-heading">
|
|
<span class="title"> {{ $t('timeline.conversation') }} </span>
|
|
<span v-if="collapsable">
|
|
<a href="#" @click.prevent="$emit('toggleExpanded')">{{ $t('timeline.collapse') }}</a>
|
|
</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="timeline">
|
|
<status
|
|
v-for="status in conversation"
|
|
@goto="setHighlight"
|
|
@toggleReplying="toggleReplying"
|
|
:replying="replying && status.id === statusId"
|
|
:key="status.id"
|
|
:inlineExpanded="collapsable"
|
|
:statusoid="status"
|
|
:expandable='false'
|
|
:focused="focused(status.id)"
|
|
:inConversation='true'
|
|
:highlight="highlight"
|
|
:replies="getReplies(status.id)"
|
|
class="status-fadein"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./conversation.js"></script>
|