List Notifications

Signed-off-by: Vitor Mattos <[email protected]>

src/store/index.js

@@ -3,6 +3,9 @@ import Vuex, { Store } from 'vuex'
 
 import storeConfig from './storeConfig.js'
 
+// eslint-disable-next-line n/no-missing-import, import/no-unresolved
+import announcementsStore from 'apps/announcementcenter/src/store/announcementsStore.js'
+
 Vue.use(Vuex)
 
-export default new Store(storeConfig)
+export default new Store({...storeConfig, ...announcementsStore})

src/store/storeConfig.js

@@ -19,9 +19,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-// eslint-disable-next-line n/no-missing-import, import/no-unresolved
-import announcementsStore from 'apps/announcementcenter/src/store/index.js'
-
 const defaultStore = {
 	modules: {},
 
@@ -30,4 +27,4 @@ const defaultStore = {
 	strict: process.env.NODE_ENV !== 'production',
 }
 
-export default { ...defaultStore, ...announcementsStore }
+export default defaultStore

src/views/Notifications.vue

@@ -63,6 +63,37 @@ export default {
 				this.$store.dispatch('addAnnouncement', announcement)
 			})
 		},
+
+		/**
+		 * Load the comments of the announcements
+		 *
+		 * @param {number} id the announcement
+		 */
+		async onClickAnnouncement(id) {
+			if (id === this.activeId) {
+				return
+			}
+
+			this.activeId = id
+
+			if (!this.activateAnnouncementHasComments) {
+				return
+			}
+
+			if (id === 0) {
+				// Destroy the comments view as the sidebar is destroyed
+				this.commentsView = null
+				return
+			}
+
+			if (!this.commentsView) {
+				// Create a new comments view when there is none
+				this.commentsView = new OCA.Comments.View('announcement')
+			}
+
+			await this.commentsView.update(id)
+			this.commentsView.$mount(this.$refs.sidebar)
+		},
 	},
 }
 </script>