Add reload button when logged in as admin (for dev/testing purposes)

css/books.css

@@ -89,6 +89,21 @@ a {
 .hide {
    display: none;
 }
+#reload {
+   right: 0;
+   top: 0;
+   position: fixed;
+   z-index: 100;
+   color: var(--primary-color);
+   background-color: var(--body-bg);
+   font-weight: bold;
+   font-size: 16pt;
+   cursor: pointer;
+   padding: 0.5em;
+   margin: 0.25em;
+   border: 2px solid var(--box-border);
+   border-radius: 10px;
+}
 #parsebooks {
    right: 0;
    bottom: 0;

index.php

@@ -37,9 +37,8 @@ $curpath = $_SESSION['bookdir'];
     <input placeholder="Enter Address" name="edit_kindle" id="edit_kindle" size="40" required>
   </div>
 </div>
-<div id='parsebooks' class='hide'>
-  Parse
-</div>
+<div id='reload' class='hide'>R</div>
+<div id='parsebooks' class='hide'>Parse</div>
 <script type='text/javascript' src='core/jquery-3.6.3.min.js'></script>
 <script type='text/javascript' src='core/jquery-ui-1.14.1/jquery-ui.min.js'></script>
 <script type='text/javascript' src='core/jquery.toast.min.js'></script>

js/books.js

@@ -42,6 +42,7 @@ $(document).ready(function() {
          getContents();
       }
    });
+   $("#reload").on("click", function() { location.reload(true); });
    $("#parsebooks").on("click", parseBooks);
 });
 
@@ -75,7 +76,10 @@ function getContents() {
                        return;
                     }
                     admin = data.admin;
-                    if ( admin ) $("#parsebooks").removeClass("hide");
+                    if ( admin ) {
+                       $("#reload").removeClass("hide");
+                       $("#parsebooks").removeClass("hide");
+                    }
                     if ( data.kindlemail != kindlemail ) {
                        kindlemail = data.kindlemail;
                     }