From dabcad5ebd94ef4ce76cb5f41d2d6c66feb9733c Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Fri, 20 May 2022 16:47:00 -0500
Subject: [PATCH] Update experimental e-reader alert

---
 client/components/modals/item/tabs/Manage.vue | 7 +++++--
 client/pages/config/index.vue                 | 2 +-
 client/pages/item/_id/index.vue               | 5 +++--
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/client/components/modals/item/tabs/Manage.vue b/client/components/modals/item/tabs/Manage.vue
index de97ec49..644d3f44 100644
--- a/client/components/modals/item/tabs/Manage.vue
+++ b/client/components/modals/item/tabs/Manage.vue
@@ -26,7 +26,7 @@
     </div>
 
     <!-- Split to mp3 -->
-    <div v-if="showMp3Split" class="w-full border border-black-200 p-4 my-8">
+    <div v-if="showMp3Split && showExperimentalFeatures" class="w-full border border-black-200 p-4 my-8">
       <div class="flex items-center">
         <div>
           <p class="text-lg">Split M4B to MP3's</p>
@@ -51,7 +51,7 @@
     </div>
 
     <!-- Embed Metadata -->
-    <div v-if="mediaTracks.length" class="w-full border border-black-200 p-4 my-8">
+    <div v-if="mediaTracks.length && showExperimentalFeatures" class="w-full border border-black-200 p-4 my-8">
       <div class="flex items-center">
         <div>
           <p class="text-lg">Embed Metadata</p>
@@ -113,6 +113,9 @@ export default {
     }
   },
   computed: {
+    showExperimentalFeatures() {
+      return this.$store.state.showExperimentalFeatures
+    },
     libraryItemId() {
       return this.libraryItem ? this.libraryItem.id : null
     },
diff --git a/client/pages/config/index.vue b/client/pages/config/index.vue
index e678c29b..87a5d969 100644
--- a/client/pages/config/index.vue
+++ b/client/pages/config/index.vue
@@ -183,7 +183,7 @@
         <div>
           <div class="flex items-center">
             <ui-toggle-switch v-model="showExperimentalFeatures" />
-            <ui-tooltip :text="experimentalFeaturesTooltip">
+            <ui-tooltip :text="tooltips.experimentalFeatures">
               <p class="pl-4 text-lg">
                 Experimental Features
                 <a href="https://github.com/advplyr/audiobookshelf/discussions/75" target="_blank">
diff --git a/client/pages/item/_id/index.vue b/client/pages/item/_id/index.vue
index 12b9d9ee..c41087dc 100644
--- a/client/pages/item/_id/index.vue
+++ b/client/pages/item/_id/index.vue
@@ -92,7 +92,8 @@
           <!-- Alerts -->
           <div v-show="showExperimentalReadAlert" class="bg-error p-4 rounded-xl flex items-center">
             <span class="material-icons text-2xl">warning_amber</span>
-            <p class="ml-4">Book has no audio tracks but has valid ebook files. The e-reader is experimental and can be turned on in config.</p>
+            <p v-if="userIsAdminOrUp" class="ml-4">Book has no audio tracks but has an ebook. The experimental e-reader can be enabled in config.</p>
+            <p v-else class="ml-4">Book has no audio tracks but has an ebook. The experimental e-reader must be enabled by a server admin.</p>
           </div>
 
           <!-- Podcast episode downloads queue -->
@@ -227,7 +228,7 @@ export default {
       return this.$store.state.showExperimentalFeatures
     },
     enableEReader() {
-      return this.store.getters['getServerSetting']('enableEReader')
+      return this.$store.getters['getServerSetting']('enableEReader')
     },
     userIsAdminOrUp() {
       return this.$store.getters['user/getIsAdminOrUp']