IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

rename component

Browse Source
This commit is contained in:
Moriz Wahl 2022-11-11 12:41:06 +01:00
parent d0f3f286b9
commit 5204e16240
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/ContributionMessages/ContributionMessagesListItem.vue
View File

@ -4,25 +4,25 @@
<b-avatar variant="info"></b-avatar> <b-avatar variant="info"></b-avatar>
<span class="ml-2 mr-2">{{ message.userFirstName }} {{ message.userLastName }}</span> <span class="ml-2 mr-2">{{ message.userFirstName }} {{ message.userLastName }}</span>
<span class="ml-2">{{ $d(new Date(message.createdAt), 'short') }}</span> <span class="ml-2">{{ $d(new Date(message.createdAt), 'short') }}</span>
<linkify-message v-bind="message"></linkify-message> <parse-message v-bind="message"></parse-message>
</div> </div>
<div v-else class="is-moderator text-left"> <div v-else class="is-moderator text-left">
<b-avatar square variant="warning"></b-avatar> <b-avatar square variant="warning"></b-avatar>
<span class="ml-2 mr-2">{{ message.userFirstName }} {{ message.userLastName }}</span> <span class="ml-2 mr-2">{{ message.userFirstName }} {{ message.userLastName }}</span>
<span class="ml-2">{{ $d(new Date(message.createdAt), 'short') }}</span> <span class="ml-2">{{ $d(new Date(message.createdAt), 'short') }}</span>
<small class="ml-4 text-success">{{ $t('community.moderator') }}</small> <small class="ml-4 text-success">{{ $t('community.moderator') }}</small>
<linkify-message v-bind="message"></linkify-message> <parse-message v-bind="message"></parse-message>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import LinkifyMessage from '@/components/ContributionMessages/LinkifyMessage.vue' import ParseMessage from '@/components/ContributionMessages/ParseMessage.vue'
export default { export default {
name: 'ContributionMessagesListItem', name: 'ContributionMessagesListItem',
components: { components: {
LinkifyMessage, ParseMessage,
}, },
props: { props: {
message: { message: {

6
frontend/src/components/ContributionMessages/LinkifyMessage.vue → frontend/src/components/ContributionMessages/ParseMessage.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="mt-2"> <div class="mt-2">
<span v-for="({ type, text }, index) in linkifiedMessage" :key="index"> <span v-for="({ type, text }, index) in parsedMessage" :key="index">
<b-link v-if="type === 'link'" :href="text" target="_blank">{{ text }}</b-link> <b-link v-if="type === 'link'" :href="text" target="_blank">{{ text }}</b-link>
<span v-else-if="type === 'date'"> <span v-else-if="type === 'date'">
{{ $d(new Date(text), 'short') }} {{ $d(new Date(text), 'short') }}
@ -19,7 +19,7 @@
const LINK_REGEX_PATTERN = /(https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*))/i const LINK_REGEX_PATTERN = /(https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*))/i
export default { export default {
name: 'LinkifyMessage', name: 'ParseMessage',
props: { props: {
message: { message: {
type: String, type: String,
@ -31,7 +31,7 @@ export default {
}, },
}, },
computed: { computed: {
linkifiedMessage() { parsedMessage() {
let string = this.message let string = this.message
const linkified = [] const linkified = []
let amount let amount