Add Adminer login hint

public/app.js

@@ -51,6 +51,9 @@ const localDbInputs = document.querySelectorAll("#localDbFields input");
 const testLocalDbButton = document.querySelector("#testLocalDbButton");
 const localDbTestResult = document.querySelector("#localDbTestResult");
 const openDbGateButton = document.querySelector("#openDbGateButton");
+const adminerServerValue = document.querySelector("#adminerServerValue");
+const adminerUserValue = document.querySelector("#adminerUserValue");
+const adminerDatabaseValue = document.querySelector("#adminerDatabaseValue");
 const lightContrastSelect = document.querySelector("#lightContrastSelect");
 const darkContrastSelect = document.querySelector("#darkContrastSelect");
 const catalogScreen = document.querySelector(".catalog-screen");
@@ -1012,6 +1015,7 @@ function loadDatabaseMode() {
     }
     syncDatabasePermissions(mode);
     syncLocalDbFields(mode);
+    syncAdminerLoginHint();
     renderDatabaseModeNote(mode);
     refreshDatabaseStatusLabel();
 }
@@ -1029,6 +1033,16 @@ function saveLocalDbSettings() {
     for (const input of localDbInputs)
         settings[input.id] = input.value;
     localStorage.setItem("catalog-maker:local-db-settings", JSON.stringify(settings));
+    syncAdminerLoginHint();
+}
+function syncAdminerLoginHint() {
+    const host = document.querySelector("#localDbHost")?.value || "127.0.0.1";
+    const port = document.querySelector("#localDbPort")?.value || "3306";
+    const user = document.querySelector("#localDbUser")?.value || "root";
+    const catalogDb = document.querySelector("#localDbName")?.value || "9bplus";
+    adminerServerValue.textContent = `${host}:${port}`;
+    adminerUserValue.textContent = user;
+    adminerDatabaseValue.textContent = `${catalogDb} / catalog_scrape`;
 }
 async function testLocalDbConnection() {
     saveLocalDbSettings();