From f20b27622fc0533224fa8cae6dc12f789af8adcd Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Tue, 27 Aug 2019 10:55:24 +0200
Subject: [PATCH] See #890: Display the number of unhandled reports in the
 sidebar

---
 front/src/components/Sidebar.vue | 4 ++++
 front/src/store/auth.js          | 7 ++++++-
 front/src/store/ui.js            | 6 ++++++
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/front/src/components/Sidebar.vue b/front/src/components/Sidebar.vue
index 03084a634..6f72a9c2f 100644
--- a/front/src/components/Sidebar.vue
+++ b/front/src/components/Sidebar.vue
@@ -95,6 +95,10 @@
               class="item"
               :to="{name: 'manage.moderation.domains.list'}">
               <i class="shield icon"></i><translate translate-context="*/Moderation/*">Moderation</translate>
+              <div
+                v-if="$store.state.ui.notifications.pendingReviewReports > 0"
+                :title="labels.pendingReviewReports"
+                :class="['ui', 'teal', 'label']">{{ $store.state.ui.notifications.pendingReviewReports }}</div>
             </router-link>
             <router-link
               v-if="$store.state.auth.availablePermissions['settings']"
diff --git a/front/src/store/auth.js b/front/src/store/auth.js
index 52cc98a6d..e1b14ac82 100644
--- a/front/src/store/auth.js
+++ b/front/src/store/auth.js
@@ -126,7 +126,12 @@ export default {
             resolve(response.data)
           })
           dispatch('ui/fetchUnreadNotifications', null, { root: true })
-          dispatch('ui/fetchPendingReviewEdits', null, { root: true })
+          if (response.data.permissions.library) {
+            dispatch('ui/fetchPendingReviewEdits', null, { root: true })
+          }
+          if (response.data.permissions.moderation) {
+            dispatch('ui/fetchPendingReviewReports', null, { root: true })
+          }
           dispatch('favorites/fetch', null, { root: true })
           dispatch('moderation/fetchContentFilters', null, { root: true })
           dispatch('playlists/fetchOwn', null, { root: true })
diff --git a/front/src/store/ui.js b/front/src/store/ui.js
index d13a92d88..b70863465 100644
--- a/front/src/store/ui.js
+++ b/front/src/store/ui.js
@@ -14,6 +14,7 @@ export default {
     notifications: {
       inbox: 0,
       pendingReviewEdits: 0,
+      pendingReviewReports: 0,
     },
     websocketEventsHandlers: {
       'inbox.item_added': {},
@@ -74,6 +75,11 @@ export default {
         commit('notifications', {type: 'pendingReviewEdits', count: response.data.count})
       })
     },
+    fetchPendingReviewReports ({commit, rootState}, payload) {
+      axios.get('manage/moderation/reports/', {params: {is_handled: 'false', page_size: 1}}).then((response) => {
+        commit('notifications', {type: 'pendingReviewReports', count: response.data.count})
+      })
+    },
     websocketEvent ({state}, event) {
       let handlers = state.websocketEventsHandlers[event.type]
       console.log('Dispatching websocket event', event, handlers)