switch to grimmory as book web app and a more modern dashboard

templates/settings.html

@@ -85,15 +85,35 @@
   </section>
 
   <section class="form-section">
-    <h2>Local</h2>
+    <h2>Grimmory</h2>
 
     <div class="form-row">
-      <label for="import_dir">CWA import folder</label>
-      <input id="import_dir" name="import_dir" type="text" placeholder="/mnt/cwa-import"
-             value="{{ s.get('import_dir','') }}">
-      <p class="muted small">Folder watched by Calibre-Web-Automated. Extracted epub/pdf files are moved here flat.</p>
+      <label for="grimmory_url">URL</label>
+      <input id="grimmory_url" name="grimmory_url" type="text" placeholder="http://192.168.1.10:6060"
+             value="{{ s.get('grimmory_url','') }}">
     </div>
 
+    <div class="form-row">
+      <label for="grimmory_user">Username</label>
+      <input id="grimmory_user" name="grimmory_user" type="text"
+             value="{{ s.get('grimmory_user','') }}">
+    </div>
+
+    <div class="form-row">
+      <label for="grimmory_password">Password</label>
+      <input id="grimmory_password" name="grimmory_password" type="password"
+             value="{{ s.get('grimmory_password','') }}">
+    </div>
+
+    <div class="form-row">
+      <button type="button" class="btn btn-secondary" onclick="testConn('grimmory', this)">Test Grimmory connection</button>
+      <p id="test-grimmory-result" class="test-result"></p>
+    </div>
+  </section>
+
+  <section class="form-section">
+    <h2>Local</h2>
+
     <div class="form-row">
       <label for="work_dir">Temp work directory</label>
       <input id="work_dir" name="work_dir" type="text" placeholder="/tmp/calibresync"
@@ -149,6 +169,7 @@ toggleAuth(document.querySelector('[name=sftp_auth_method]:checked')?.value || "
 
 async function testConn(type, btn) {
   const result = document.getElementById(`test-${type}-result`);
+  const originalText = btn.textContent;
   btn.disabled = true;
   btn.textContent = "Testing…";
   result.className = "test-result";
@@ -163,7 +184,7 @@ async function testConn(type, btn) {
     result.className = "test-result test-fail";
   } finally {
     btn.disabled = false;
-    btn.textContent = "Test SSH connection";
+    btn.textContent = originalText;
   }
 }
 </script>