Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>pull/44849/head
@@ -22,7 +22,7 @@ | |||
--> | |||
<template> | |||
<div v-observe-visibility="onVisibilityChange" | |||
<div v-element-visibility="onVisibilityChange" | |||
class="comments" | |||
:class="{ 'icon-loading': isFirstLoading }"> | |||
<!-- Editor --> | |||
@@ -86,9 +86,7 @@ | |||
<script> | |||
import { showError } from '@nextcloud/dialogs' | |||
import { translate as t } from '@nextcloud/l10n' | |||
import VTooltip from 'v-tooltip' | |||
import Vue from 'vue' | |||
import VueObserveVisibility from 'vue-observe-visibility' | |||
import { vElementVisibility } from '@vueuse/components' | |||
import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js' | |||
import NcButton from '@nextcloud/vue/dist/Components/NcButton.js' | |||
@@ -97,13 +95,10 @@ import MessageReplyTextIcon from 'vue-material-design-icons/MessageReplyText.vue | |||
import AlertCircleOutlineIcon from 'vue-material-design-icons/AlertCircleOutline.vue' | |||
import Comment from '../components/Comment.vue' | |||
import { getComments, DEFAULT_LIMIT } from '../services/GetComments.ts' | |||
import CommentView from '../mixins/CommentView' | |||
import cancelableRequest from '../utils/cancelableRequest.js' | |||
import { getComments, DEFAULT_LIMIT } from '../services/GetComments.ts' | |||
import { markCommentsAsRead } from '../services/ReadComments.ts' | |||
import CommentView from '../mixins/CommentView' | |||
Vue.use(VTooltip) | |||
Vue.use(VueObserveVisibility) | |||
export default { | |||
name: 'Comments', | |||
@@ -117,6 +112,10 @@ export default { | |||
AlertCircleOutlineIcon, | |||
}, | |||
directives: { | |||
vElementVisibility, | |||
}, | |||
mixins: [CommentView], | |||
data() { |
@@ -33,8 +33,8 @@ | |||
"@nextcloud/vue": "^8.11.2", | |||
"@simplewebauthn/browser": "^9.0.1", | |||
"@skjnldsv/sanitize-svg": "^1.0.2", | |||
"@vueuse/components": "^10.7.2", | |||
"@vueuse/core": "^10.7.2", | |||
"@vueuse/components": "^10.9.0", | |||
"@vueuse/core": "^10.9.0", | |||
"@vueuse/integrations": "^10.9.0", | |||
"backbone": "^1.4.1", | |||
"blueimp-md5": "^2.19.0", | |||
@@ -82,8 +82,6 @@ | |||
"vue-infinite-loading": "^2.4.5", | |||
"vue-localstorage": "^0.6.2", | |||
"vue-material-design-icons": "^5.0.0", | |||
"vue-multiselect": "^2.1.9", | |||
"vue-observe-visibility": "^1.0.0", | |||
"vue-router": "^3.6.5", | |||
"vuedraggable": "^2.24.3", | |||
"vuex": "^3.6.2", | |||
@@ -27354,20 +27352,6 @@ | |||
"resolved": "https://registry.npmjs.org/vue-material-design-icons/-/vue-material-design-icons-5.3.0.tgz", | |||
"integrity": "sha512-wnbRh+48RwX/Gt+iqwCSdWpm0hPBwwv9F7MSouUzZ2PsphYVMJB9KkG9iGs+tgBiT57ZiurFEK07Y/rFKx+Ekg==" | |||
}, | |||
"node_modules/vue-multiselect": { | |||
"version": "2.1.9", | |||
"resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-2.1.9.tgz", | |||
"integrity": "sha512-nGEppmzhQQT2iDz4cl+ZCX3BpeNhygK50zWFTIRS+r7K7i61uWXJWSioMuf+V/161EPQjexI8NaEBdUlF3dp+g==", | |||
"engines": { | |||
"node": ">= 4.0.0", | |||
"npm": ">= 3.0.0" | |||
} | |||
}, | |||
"node_modules/vue-observe-visibility": { | |||
"version": "1.0.0", | |||
"resolved": "https://registry.npmjs.org/vue-observe-visibility/-/vue-observe-visibility-1.0.0.tgz", | |||
"integrity": "sha512-s5TFh3s3h3Mhd3jaz3zGzkVHKHnc/0C/gNr30olO99+yw2hl3WBhK3ng3/f9OF+qkW4+l7GkmwfAzDAcY3lCFg==" | |||
}, | |||
"node_modules/vue-resize": { | |||
"version": "1.0.1", | |||
"resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-1.0.1.tgz", |
@@ -60,8 +60,8 @@ | |||
"@nextcloud/vue": "^8.11.2", | |||
"@simplewebauthn/browser": "^9.0.1", | |||
"@skjnldsv/sanitize-svg": "^1.0.2", | |||
"@vueuse/components": "^10.7.2", | |||
"@vueuse/core": "^10.7.2", | |||
"@vueuse/components": "^10.9.0", | |||
"@vueuse/core": "^10.9.0", | |||
"@vueuse/integrations": "^10.9.0", | |||
"backbone": "^1.4.1", | |||
"blueimp-md5": "^2.19.0", | |||
@@ -109,8 +109,6 @@ | |||
"vue-infinite-loading": "^2.4.5", | |||
"vue-localstorage": "^0.6.2", | |||
"vue-material-design-icons": "^5.0.0", | |||
"vue-multiselect": "^2.1.9", | |||
"vue-observe-visibility": "^1.0.0", | |||
"vue-router": "^3.6.5", | |||
"vuedraggable": "^2.24.3", | |||
"vuex": "^3.6.2", |