conversation.vue
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

conversation.vue
View Options

	<template>
	<div
	class="timeline panel-default"
	:class="[isExpanded ? 'panel' : 'panel-disabled']"
	>
	<div
	v-if="isExpanded"
	class="panel-heading conversation-heading"
	>
	<span class="title"> {{ $t('timeline.conversation') }} </span>
	<span v-if="collapsable">
	<a
	href="#"
	@click.prevent="toggleExpanded"
	>{{ $t('timeline.collapse') }}</a>
	</span>
	</div>
	<status
	v-for="status in conversation"
	:key="status.id"
	:inline-expanded="collapsable && isExpanded"
	:statusoid="status"
	:expandable="!isExpanded"
	:show-pinned="pinnedStatusIdsObject && pinnedStatusIdsObject[status.id]"
	:focused="focused(status.id)"
	:in-conversation="isExpanded"
	:highlight="getHighlight()"
	:replies="getReplies(status.id)"
	:in-profile="inProfile"
	:profile-user-id="profileUserId"
	class="status-fadein panel-body"
	@goto="setHighlight"
	@toggleExpanded="toggleExpanded"
	/>
	</div>
	</template>

	<script src="./conversation.js"></script>

	<style lang="scss">
	@import '../../_variables.scss';

	.timeline {
	.panel-disabled {
	.status-el {
	border-left: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: var(--border, $fallback--border);
	border-radius: 0;
	}
	}
	}
	</style>