You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.1 KiB
49 lines
1.1 KiB
<template>
|
|
<div class="reply">
|
|
<span class="username">{{calcUserName(event.sender)}}</span><br>
|
|
<span v-if="event.type==='m.room.message'">
|
|
<span v-if="event.content.msgtype==='m.text'" v-html="parseMessage(event.content.body)"/>
|
|
<span v-else-if="event.content.msgtype==='m.notice'" class="italic" v-html="parseMessage(event.content.body)"/>
|
|
<span v-else>
|
|
<span class="italic">{{event.content.msgtype}}</span><br>
|
|
<span>{{event.content.body}}</span>
|
|
</span>
|
|
</span>
|
|
<span v-else>unsupported event</span>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {calcUserName} from '@/lib/matrixUtils';
|
|
import {parseMessage} from '@/lib/eventUtils';
|
|
|
|
export default {
|
|
name: 'replyEvent',
|
|
props:{
|
|
event: Object
|
|
},
|
|
methods:{
|
|
calcUserName,
|
|
parseMessage
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.reply{
|
|
border-left: 2px solid #fff;
|
|
padding-left: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 6;
|
|
-webkit-box-orient: vertical;
|
|
.username{
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
.italic{
|
|
font-style: italic;
|
|
}
|
|
</style> |