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

Fix client-side rendered virtual DOM warnings

Browse Source
This commit is contained in:
Wolfgang Huß 2019-11-23 11:05:41 +01:00
parent 67a5a00704
commit a8a99e763c
1 changed files with 77 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

147
webapp/pages/moderation/index.vue
View File

@ -226,79 +226,13 @@ export default {
}
},
},
methods: {
confirm(content) {
this.openModal(content)
},
async confirmCallback(resourceId) {
this.$apollo
.mutate({
mutation: reviewMutation(),
variables: { resourceId, closed: true },
})
.then(() => {
this.$toast.success(this.$t('moderation.reports.DecisionSuccess'))
this.$apollo.queries.reports.refetch()
})
.catch(error => this.$toast.error(error.message))
},
openModal(content) {
const identStart =
'moderation.reports.decideModal.' +
content.type +
'.' +
(content.latestClaim.disable ? 'disable' : 'enable')
this.$store.commit('modal/SET_OPEN', {
name: 'confirm',
data: {
type: content.type,
resource: content.resource,
modalData: {
titleIdent: identStart + '.title',
messageIdent: identStart + '.message',
messageParams: {
name:
content.type === 'User'
? content.user.name
: content.type === 'Post'
? this.$filters.truncate(content.post.title, 30)
: content.type === 'Comment'
? this.$filters.truncate(
this.$filters.removeHtml(content.comment.contentExcerpt),
30,
)
: '',
},
buttons: {
confirm: {
danger: true,
icon: content.resource.disabled ? 'eye-slash' : 'eye',
textIdent: 'moderation.reports.decideModal.submit',
callback: () => {
this.confirmCallback(content.resource.id)
},
},
cancel: {
icon: 'close',
textIdent: 'moderation.reports.decideModal.cancel',
callback: () => {},
},
},
},
},
})
},
},
apollo: {
watch: {
reports: {
query: reportListQuery(),
variables() {
return {}
},
update({ reports }) {
immediate: true,
handler(newReports) {
const newResourcesClaims = []
reports.forEach(report => {
newReports.forEach(report => {
const resource =
report.type === 'User'
? report.user
@ -373,6 +307,79 @@ export default {
)
this.resourcesClaims = newResourcesClaims
},
},
},
methods: {
confirm(content) {
this.openModal(content)
},
async confirmCallback(resourceId) {
this.$apollo
.mutate({
mutation: reviewMutation(),
variables: { resourceId, closed: true },
})
.then(() => {
this.$toast.success(this.$t('moderation.reports.DecisionSuccess'))
this.$apollo.queries.reports.refetch()
})
.catch(error => this.$toast.error(error.message))
},
openModal(content) {
const identStart =
'moderation.reports.decideModal.' +
content.type +
'.' +
(content.latestClaim.disable ? 'disable' : 'enable')
this.$store.commit('modal/SET_OPEN', {
name: 'confirm',
data: {
type: content.type,
resource: content.resource,
modalData: {
titleIdent: identStart + '.title',
messageIdent: identStart + '.message',
messageParams: {
name:
content.type === 'User'
? content.user.name
: content.type === 'Post'
? this.$filters.truncate(content.post.title, 30)
: content.type === 'Comment'
? this.$filters.truncate(
this.$filters.removeHtml(content.comment.contentExcerpt),
30,
)
: '',
},
buttons: {
confirm: {
danger: true,
icon: content.resource.disabled ? 'eye-slash' : 'eye',
textIdent: 'moderation.reports.decideModal.submit',
callback: () => {
this.confirmCallback(content.resource.id)
},
},
cancel: {
icon: 'close',
textIdent: 'moderation.reports.decideModal.cancel',
callback: () => {},
},
},
},
},
})
},
},
apollo: {
reports: {
query: reportListQuery(),
variables() {
return {}
},
update({ reports }) {
return reports
},
fetchPolicy: 'cache-and-network',