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

add computed initialLetters

Browse Source
This commit is contained in:
ogerly 2022-08-31 12:52:44 +02:00
parent 1f0bea76c5
commit e0d6714a3c
4 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
admin/src/components/ContributionMessages/slots/IsModerator.vue
View File

@ -1,11 +1,7 @@
<template>
<div class="slot-is-moderator">
<div class="text-right">
<b-avatar
square
:text="`${message.userFirstName[0]} ${message.userLastName[0]}`"
variant="warning"
></b-avatar>
<b-avatar square :text="initialLetters" variant="warning"></b-avatar>
<span class="ml-2 mr-2">{{ message.userFirstName }} {{ message.userLastName }}</span>
<span class="ml-2">{{ $d(new Date(message.createdAt), 'short') }}</span>
<small class="ml-4 text-success">{{ $t('moderator') }}</small>
@ -23,6 +19,11 @@ export default {
},
},
},
computed: {
initialLetters() {
return `${this.message.userFirstName[0]} ${this.message.userLastName[0]}`
},
},
}
</script>
<style>

10
admin/src/components/ContributionMessages/slots/IsNotModerator.vue
View File

@ -1,10 +1,7 @@
<template>
<div class="slot-is-not-moderator">
<div>
<b-avatar
:text="`${message.userFirstName[0]} ${message.userLastName[0]}`"
variant="info"
></b-avatar>
<b-avatar :text="initialLetters" variant="info"></b-avatar>
<span class="ml-2 mr-2 text-bold">
{{ message.userFirstName }} {{ message.userLastName }}
</span>
@ -23,6 +20,11 @@ export default {
},
},
},
computed: {
initialLetters() {
return `${this.message.userFirstName[0]} ${this.message.userLastName[0]}`
},
},
}
</script>
<style>

4
frontend/src/components/ContributionMessages/slots/IsModerator.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="slot-is-moderator">
<b-avatar square :text="moderatorName" variant="warning"></b-avatar>
<b-avatar square :text="initialLetters" variant="warning"></b-avatar>
<span class="ml-2 mr-2">{{ message.userFirstName }} {{ message.userLastName }}</span>
<span class="ml-2">{{ $d(new Date(message.createdAt), 'short') }}</span>
<small class="ml-4 text-success">{{ $t('community.moderator') }}</small>
@ -18,7 +18,7 @@ export default {
},
},
computed: {
moderatorName() {
initialLetters() {
return `${this.message.userFirstName[0]} ${this.message.userLastName[0]}`
},
},

4
frontend/src/components/ContributionMessages/slots/IsNotModerator.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="slot-is-not-moderator">
<div class="text-right">
<b-avatar :text="userName" variant="info"></b-avatar>
<b-avatar :text="initialLetters" variant="info"></b-avatar>
<span class="ml-2 mr-2 text-bold">
{{ message.userFirstName }} {{ message.userLastName }}
</span>
@ -21,7 +21,7 @@ export default {
},
},
computed: {
userName() {
initialLetters() {
return `${this.message.userFirstName[0]} ${this.message.userLastName[0]}`
},
},