Fixes #80 - Support multiple databases being configured

locale/en_US/components/EnterMainPassword.json

@@ -1,4 +1,5 @@
 {
+  "database_label": "Database:",
   "password_label": "Enter main password:",
   "submit": "Access passwords",
   "password_required": "Please enter a main password.",

ui/_shared.scss

@@ -345,6 +345,11 @@ a.iconic-link:hover
   outline: 1px solid #888;
 }
 
+#database
+{
+  margin-bottom: var(--block-spacing);
+}
+
 .password-value-container
 {
   display: flex;

ui/components/EnterMainPassword.vue

@@ -6,6 +6,12 @@
 
 <template>
   <ValidatedForm @validated="submit">
+    <template v-if="databases.length >= 2">
+      <label for="database">{{ $t("database_label") }}</label>
+      <select id="database" v-model="database">
+        <option v-for="name in databases" :key="name">{{ name }}</option>
+      </select>
+    </template>
     <label for="main-password">{{ $t("password_label") }}</label>
     <PasswordInput
       id="main-password" v-model="password"
@@ -28,8 +34,9 @@
 <script>
 "use strict";
 
+import {handleErrors} from "../common.js";
 import {rememberKeys} from "../keys.js";
-import {nativeRequest} from "../protocol.js";
+import {nativeRequest, getDatabase, setDatabase} from "../protocol.js";
 
 export default {
   name: "EnterMainPassword",
@@ -38,17 +45,41 @@ export default {
   data()
   {
     return {
+      database: null,
+      databases: [],
       password: "",
       passwordError: null,
       inProgress: false
     };
   },
+  mounted: handleErrors(async function()
+  {
+    let [database, {databases, defaultDatabase}] = await Promise.all([
+      getDatabase(),
+      nativeRequest("get-databases", null)
+    ]);
+
+    this.databases = databases.sort((a, b) =>
+    {
+      a = a.toLowerCase();
+      b = b.toLowerCase();
+      if (a < b)
+        return -1;
+      else if (a > b)
+        return 1;
+      else
+        return 0;
+    });
+    this.database = databases.includes(database) ? database : defaultDatabase;
+  }),
   methods: {
     async submit()
     {
       this.inProgress = true;
       try
       {
+        await setDatabase(this.database);
+
         let keys = await nativeRequest("unlock", {
           password: this.password
         });

ui/protocol.js

@@ -7,6 +7,7 @@
 "use strict";
 
 import browser from "./browserAPI.js";
+import {getPref, setPref} from "./prefs.js";
 
 export const PROTOCOL_VERSION = "1.1";
 
@@ -58,9 +59,12 @@ export async function nativeRequest(action, request)
   if (!port)
     connect();
 
+  let database = await getDatabase();
+
   let requestId = Math.random().toString().slice(2);
   let message = {
     requestId,
+    database,
     action,
     request
   };
@@ -72,3 +76,13 @@ export async function nativeRequest(action, request)
     responseQueue.set(requestId, [resolve, reject]);
   });
 }
+
+export async function getDatabase()
+{
+  return await getPref("database", null);
+}
+
+export async function setDatabase(database)
+{
+  await setPref("database", database);
+}