From ada1438921446d81c56a403c0f2083b5781a0f02 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Fri, 2 Jul 2021 16:30:26 +0800
Subject: [PATCH] fix(webui): disable some UI elements for non-admins

---
 komga-webui/src/views/BrowseCollection.vue  |  2 +-
 komga-webui/src/views/BrowseCollections.vue |  4 ++--
 komga-webui/src/views/BrowseLibraries.vue   |  2 +-
 komga-webui/src/views/BrowseReadLists.vue   |  4 ++--
 komga-webui/src/views/BrowseSeries.vue      |  2 +-
 komga-webui/src/views/Dashboard.vue         | 13 ++++++++-----
 komga-webui/src/views/Search.vue            | 15 +++++++++------
 7 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/komga-webui/src/views/BrowseCollection.vue b/komga-webui/src/views/BrowseCollection.vue
index b4126de52..08adbd781 100644
--- a/komga-webui/src/views/BrowseCollection.vue
+++ b/komga-webui/src/views/BrowseCollection.vue
@@ -103,7 +103,7 @@
         v-else
         :items.sync="series"
         :selected.sync="selectedSeries"
-        :edit-function="editSingleSeries"
+        :edit-function="isAdmin ? editSingleSeries : undefined"
         :draggable="editElements && collection.ordered"
         :deletable="editElements"
       />
diff --git a/komga-webui/src/views/BrowseCollections.vue b/komga-webui/src/views/BrowseCollections.vue
index c17a06a67..4cc5bd095 100644
--- a/komga-webui/src/views/BrowseCollections.vue
+++ b/komga-webui/src/views/BrowseCollections.vue
@@ -42,9 +42,9 @@
 
       <item-browser
         :items="collections"
-        selectable
+        :selectable="isAdmin"
         :selected.sync="selectedCollections"
-        :edit-function="editSingleCollection"
+        :edit-function="isAdmin ? editSingleCollection : undefined"
       />
 
       <v-pagination
diff --git a/komga-webui/src/views/BrowseLibraries.vue b/komga-webui/src/views/BrowseLibraries.vue
index 17f9ca81e..551164a0f 100644
--- a/komga-webui/src/views/BrowseLibraries.vue
+++ b/komga-webui/src/views/BrowseLibraries.vue
@@ -89,7 +89,7 @@
         <item-browser
           :items="series"
           :selected.sync="selectedSeries"
-          :edit-function="editSingleSeries"
+          :edit-function="isAdmin ? editSingleSeries : undefined"
         />
 
         <v-pagination
diff --git a/komga-webui/src/views/BrowseReadLists.vue b/komga-webui/src/views/BrowseReadLists.vue
index b31cfb57a..249dc6cf8 100644
--- a/komga-webui/src/views/BrowseReadLists.vue
+++ b/komga-webui/src/views/BrowseReadLists.vue
@@ -42,9 +42,9 @@
 
       <item-browser
         :items="readLists"
-        selectable
+        :selectable="isAdmin"
         :selected.sync="selectedReadLists"
-        :edit-function="editSingle"
+        :edit-function="isAdmin ? editSingle : undefined"
       />
 
       <v-pagination
diff --git a/komga-webui/src/views/BrowseSeries.vue b/komga-webui/src/views/BrowseSeries.vue
index d7157be5c..decd21b46 100644
--- a/komga-webui/src/views/BrowseSeries.vue
+++ b/komga-webui/src/views/BrowseSeries.vue
@@ -356,7 +356,7 @@
 
         <item-browser :items="books"
                       :selected.sync="selectedBooks"
-                      :edit-function="editSingleBook"
+                      :edit-function="isAdmin ? editSingleBook : undefined"
         />
 
         <v-pagination
diff --git a/komga-webui/src/views/Dashboard.vue b/komga-webui/src/views/Dashboard.vue
index b58df30cb..f591dc390 100644
--- a/komga-webui/src/views/Dashboard.vue
+++ b/komga-webui/src/views/Dashboard.vue
@@ -55,7 +55,7 @@
         <template v-slot:content>
           <item-browser :items="inProgressBooks"
                         nowrap
-                        :edit-function="singleEditBook"
+                        :edit-function="isAdmin ? singleEditBook : undefined"
                         :selected.sync="selectedBooks"
                         :selectable="selectedSeries.length === 0"
                         :fixed-item-width="fixedCardWidth"
@@ -70,7 +70,7 @@
         <template v-slot:content>
           <item-browser :items="onDeckBooks"
                         nowrap
-                        :edit-function="singleEditBook"
+                        :edit-function="isAdmin ? singleEditBook : undefined"
                         :selected.sync="selectedBooks"
                         :selectable="selectedSeries.length === 0"
                         :fixed-item-width="fixedCardWidth"
@@ -85,7 +85,7 @@
         <template v-slot:content>
           <item-browser :items="latestBooks"
                         nowrap
-                        :edit-function="singleEditBook"
+                        :edit-function="isAdmin ? singleEditBook : undefined"
                         :selected.sync="selectedBooks"
                         :selectable="selectedSeries.length === 0"
                         :fixed-item-width="fixedCardWidth"
@@ -100,7 +100,7 @@
         <template v-slot:content>
           <item-browser :items="newSeries"
                         nowrap
-                        :edit-function="singleEditSeries"
+                        :edit-function="isAdmin ? singleEditSeries : undefined"
                         :selected.sync="selectedSeries"
                         :selectable="selectedBooks.length === 0"
                         :fixed-item-width="fixedCardWidth"
@@ -115,7 +115,7 @@
         <template v-slot:content>
           <item-browser :items="updatedSeries"
                         nowrap
-                        :edit-function="singleEditSeries"
+                        :edit-function="isAdmin ? singleEditSeries : undefined"
                         :selected.sync="selectedSeries"
                         :selectable="selectedBooks.length === 0"
                         :fixed-item-width="fixedCardWidth"
@@ -226,6 +226,9 @@ export default Vue.extend({
     },
   },
   computed: {
+    isAdmin(): boolean {
+      return this.$store.getters.meAdmin
+    },
     fixedCardWidth(): number {
       return this.$vuetify.breakpoint.name === 'xs' ? 120 : 150
     },
diff --git a/komga-webui/src/views/Search.vue b/komga-webui/src/views/Search.vue
index a787b944a..2555dca30 100644
--- a/komga-webui/src/views/Search.vue
+++ b/komga-webui/src/views/Search.vue
@@ -59,7 +59,7 @@
           <template v-slot:content>
             <item-browser :items="series"
                           nowrap
-                          :edit-function="singleEditSeries"
+                          :edit-function="isAdmin ? singleEditSeries : undefined"
                           :selected.sync="selectedSeries"
                           :selectable="selectedBooks.length === 0 && selectedCollections.length === 0 && selectedReadLists.length === 0"
                           :fixed-item-width="fixedCardWidth"
@@ -74,7 +74,7 @@
           <template v-slot:content>
             <item-browser :items="books"
                           nowrap
-                          :edit-function="singleEditBook"
+                          :edit-function="isAdmin ? singleEditBook : undefined"
                           :selected.sync="selectedBooks"
                           :selectable="selectedSeries.length === 0 && selectedCollections.length === 0 && selectedReadLists.length === 0"
                           :fixed-item-width="fixedCardWidth"
@@ -89,9 +89,9 @@
           <template v-slot:content>
             <item-browser :items="collections"
                           nowrap
-                          :edit-function="singleEditCollection"
+                          :edit-function="isAdmin ? singleEditCollection : undefined"
                           :selected.sync="selectedCollections"
-                          :selectable="selectedSeries.length === 0 && selectedBooks.length === 0 && selectedReadLists.length === 0"
+                          :selectable="isAdmin && selectedSeries.length === 0 && selectedBooks.length === 0 && selectedReadLists.length === 0"
                           :fixed-item-width="fixedCardWidth"
             />
           </template>
@@ -104,9 +104,9 @@
           <template v-slot:content>
             <item-browser :items="readLists"
                           nowrap
-                          :edit-function="singleEditReadList"
+                          :edit-function="isAdmin ? singleEditReadList : undefined"
                           :selected.sync="selectedReadLists"
-                          :selectable="selectedSeries.length === 0 && selectedBooks.length === 0 && selectedCollections.length === 0"
+                          :selectable="isAdmin && selectedSeries.length === 0 && selectedBooks.length === 0 && selectedCollections.length === 0"
                           :fixed-item-width="fixedCardWidth"
             />
           </template>
@@ -219,6 +219,9 @@ export default Vue.extend({
     },
   },
   computed: {
+    isAdmin(): boolean {
+      return this.$store.getters.meAdmin
+    },
     fixedCardWidth (): number {
       return this.$vuetify.breakpoint.name === 'xs' ? 120 : 150
     },