Fix dismissing of notifications

Signed-off-by: Joas Schilling <[email protected]>

src/App.vue

@@ -10,10 +10,13 @@
 		<div ref="container" class="notification-container">
 			<div v-if="notifications.length" class="notification-wrapper">
 				<notification
-					v-for="n in notifications"
+					v-for="(n, index) in notifications"
 					:key="n.notification_id"
 					v-bind="n"
+					:index="index"
 					:notification-id="n.notification_id"
+					:object-id="n.object_id"
+					:object-type="n.object_type"
 					@remove="onRemove" />
 				<div v-if="notifications.length > 2" class="dismiss-all" @click="onDismissAll">
 					<span class="icon icon-close svg" :title="t('notifications', 'Dismiss all notifications')" /> {{ t('notifications', 'Dismiss all notifications') }}

src/components/Notification.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="notification" :data-id="notification_id" :data-timestamp="timestamp">
+	<div class="notification" :data-id="notificationId" :data-timestamp="timestamp">
 		<div class="notification-heading">
 			<span class="notification-time has-tooltip live-relative-timestamp" :data-timestamp="timestamp" :title="absoluteDate">{{ relativeDate }}</span>
 			<div class="notification-delete" @click="onDismissNotification">
@@ -43,8 +43,8 @@ export default {
 			required: true
 		},
 		datetime: {
-			type: Number,
-			default: -1,
+			type: String,
+			default: '',
 			required: true
 		},
 		app: {
@@ -117,6 +117,12 @@ export default {
 				return []
 			},
 			required: true
+		},
+
+		index: {
+			type: Number,
+			default: -1,
+			required: true
 		}
 	},
 
@@ -210,8 +216,8 @@ export default {
 			axios
 				.delete(OC.linkToOCS('apps/notifications/api/v2', 2) + 'notifications/' + this.notificationId)
 				.then(() => {
-					// this._$el.fadeOut(OC.menuSpeed);
-					this.$emit('remove')
+					// this._$el.fadeOut(OC.menuSpeed)
+					this.$emit('remove', this.index)
 				})
 				.catch(() => {
 					OC.Notification.showTemporary(t('notifications', 'Failed to dismiss notification'))