add datalist for statuses

src/Model/chatModel.ts

@@ -10,6 +10,7 @@ import {
   senderName,
   updateMailbox,
   usedObjectCategories,
+  usedObjectStatuses,
 } from "../Model/model";
 import { decryptString, encryptString } from "../cryptUtility";
 
@@ -360,8 +361,9 @@ export class Chat {
     }
 
     const latest = this.getMostRecentContent(messageObject);
-    if (!latest || !latest.categoryName) return;
-    usedObjectCategories.add(latest.categoryName);
+    if (!latest) return;
+    if (latest.categoryName) usedObjectCategories.add(latest.categoryName);
+    if (latest.status) usedObjectStatuses.add(latest.status);
   };
 
   addObjectAndSend = (messageObject: MessageObject): void => {

src/Model/model.ts

@@ -159,6 +159,8 @@ export function zoomIn() {
 
 export const usedObjectCategories =
   React.restoreListState<string>("object-categories");
+export const usedObjectStatuses =
+  React.restoreListState<string>("object-statuses");
 
 // CHAT
 export const chats = new React.ListState<Chat>();

src/Views/Objects/objectDetailModal.tsx

@@ -1,11 +1,11 @@
 import * as React from "bloatless-react";
 
 import { Chat, MessageObject } from "../../Model/chatModel";
+import { usedObjectCategories, usedObjectStatuses } from "../../Model/model";
 
 import { icons } from "../../icons";
 import { stringToOptionTag } from "../../utility";
 import { translation } from "../../translations";
-import { usedObjectCategories } from "../../Model/model";
 
 export function ObjectDetailModal(
   chat: Chat,
@@ -204,9 +204,15 @@ export function ObjectDetailModal(
                 <input
                   bind:value={editingStatus}
                   placeholder={translation.statusPlaceholder}
+                  list="object-statuses"
                 ></input>
               </div>
             </label>
+            <datalist
+              hidden
+              id="object-statuses"
+              children:append={[usedObjectStatuses, stringToOptionTag]}
+            ></datalist>
 
             <hr></hr>