IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2026-02-06 09:56:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

add stle for hidden moderator messages

Browse Source
This commit is contained in:
ogerly 2023-06-21 13:30:53 +02:00
parent d742697a34
commit ef22cb0b67
2 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
admin/src/components/ContributionMessages/ContributionMessagesList.vue
View File

@ -18,7 +18,8 @@
<script>
import ContributionMessagesListItem from './slots/ContributionMessagesListItem'
import ContributionMessagesFormular from '../ContributionMessages/ContributionMessagesFormular'
import { adminListContributionMessages } from '../../graphql/adminListContributionMessages.js'
import { listContributionMessages } from '../../graphql/listContributionMessages.js'
// import { adminListContributionMessages } from '../../graphql/adminListContributionMessages.js'
export default {
name: 'ContributionMessagesList',
@ -45,7 +46,7 @@ export default {
getListContributionMessages(id) {
this.$apollo
.query({
query: adminListContributionMessages,
query: listContributionMessages,
variables: {
contributionId: id,
},
@ -53,7 +54,7 @@ export default {
})
.then((result) => {
console.log(result)
this.messages = result.data.adminListContributionMessages.messages
this.messages = result.data.listContributionMessages.messages
})
.catch((error) => {
this.toastError(error.message)

15
admin/src/components/ContributionMessages/slots/ContributionMessagesListItem.vue
View File

@ -1,11 +1,19 @@
<template>
<div class="contribution-messages-list-item">
<div v-if="message.isModerator" class="text-right is-moderator">
<div
v-if="message.isModerator"
class="text-right is-moderator"
:class="message.type === 'MODERATOR' ? 'is-hidden-moderator-message p-2' : ''"
>
<b-avatar square 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>
<small class="ml-4 text-success" :class="message.type === 'MODERATOR' ? 'text-success' : 'text-warning'">{{ $t('moderator') }}</small>
<parse-message v-bind="message"></parse-message>
<small v-if="message.type === 'MODERATOR'">
<hr />
Diese Nachricht ist nur für die Moderatoren sichtbar!
</small>
</div>
<div v-else class="text-left is-not-moderator">
<b-avatar variant="info"></b-avatar>
@ -46,4 +54,7 @@ export default {
margin-bottom: 20px;
/* background-color: rgb(255, 255, 128); */
}
.is-hidden-moderator-message {
background-color: rgb(161, 194, 228);
}
</style>