add total object count

dist/index.js

@@ -490,6 +490,7 @@
     copyMessage: "Copy message",
     deleteMessage: "Delete message",
     // objects
+    objectsInTotal: "Objects in total: ",
     showObjects: "show objects",
     createObject: "create object",
     untitledObject: "Untitled Object",
@@ -581,6 +582,7 @@
       copyMessage: "Copiar mensaje",
       deleteMessage: "Eliminar este mensaje",
       // objects
+      objectsInTotal: "Objetos en total: ",
       showObjects: "mostrar objetos",
       createObject: "a\xF1adir nuevo objeto",
       untitledObject: "Sin T\xEDtulo",
@@ -670,6 +672,7 @@
       copyMessage: "Nachricht kopieren",
       deleteMessage: "Nachricht l\xF6schen",
       // objects
+      objectsInTotal: "Objekte insgesamt: ",
       showObjects: "Objekte anzeigen",
       createObject: "Neues Objekt erstellen",
       untitledObject: "Unbenannt",
@@ -1482,7 +1485,7 @@
     return /* @__PURE__ */ createElement(
       "div",
       {
-        class: "width-100 max-height-100 grid gap padding scroll-v",
+        class: "grid gap padding",
         style: "grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));",
         "children:prepend": [messageObjects, objectConverter]
       }
@@ -1491,7 +1494,11 @@
 
   // src/Views/Objects/allObjectsView.tsx
   function AllObjectsView(chat, selectedObject, isShowingObjectModal) {
-    return /* @__PURE__ */ createElement("div", { class: "width-100 height-100" }, ObjectGridView(chat, chat.objects, selectedObject, isShowingObjectModal));
+    const objectCount = createProxyState(
+      [chat.objects],
+      () => chat.objects.value.size
+    );
+    return /* @__PURE__ */ createElement("div", { class: "width-100 height-100 scroll-v padding-top" }, /* @__PURE__ */ createElement("b", { class: "secondary padding" }, translation.objectsInTotal, " ", /* @__PURE__ */ createElement("span", { "subscribe:innerText": objectCount })), ObjectGridView(chat, chat.objects, selectedObject, isShowingObjectModal));
   }
 
   // src/Views/renameView.tsx
@@ -1629,7 +1636,7 @@
         () => notes.remove(messageObject)
       );
     });
-    return /* @__PURE__ */ createElement("div", { class: "width-100 height-100" }, ObjectGridView(chat, notes, selectedObject, isShowingObjectModal));
+    return /* @__PURE__ */ createElement("div", { class: "width-100 height-100 scroll-v" }, ObjectGridView(chat, notes, selectedObject, isShowingObjectModal));
   }
 
   // src/Views/Objects/objectDetailModal.tsx

src/Views/Objects/allObjectsView.tsx

@@ -3,14 +3,24 @@ import * as React from "bloatless-react";
 import { Chat, MessageObject } from "../../Model/chatModel";
 
 import { ObjectGridView } from "./objectGridView";
+import { translation } from "../../translations";
 
 export function AllObjectsView(
   chat: Chat,
   selectedObject: React.State<MessageObject | undefined>,
   isShowingObjectModal: React.State<boolean>
 ) {
+  const objectCount = React.createProxyState(
+    [chat.objects],
+    () => chat.objects.value.size
+  );
+
   return (
-    <div class="width-100 height-100">
+    <div class="width-100 height-100 scroll-v padding-top">
+      <b class="secondary padding">
+        {translation.objectsInTotal}{" "}
+        <span subscribe:innerText={objectCount}></span>
+      </b>
       {ObjectGridView(chat, chat.objects, selectedObject, isShowingObjectModal)}
     </div>
   );

src/Views/Objects/noteObjectsView.tsx

@@ -21,7 +21,7 @@ export function NoteObjectsView(
     );
   });
 
-  return <div class="width-100 height-100">
+  return <div class="width-100 height-100 scroll-v">
     {ObjectGridView(chat, notes, selectedObject, isShowingObjectModal)}
   </div>;
 }

src/Views/Objects/objectGridView.tsx

@@ -26,7 +26,7 @@ export function ObjectGridView(
 
   return (
     <div
-      class="width-100 max-height-100 grid gap padding scroll-v"
+      class="grid gap padding"
       style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));"
       children:prepend={[messageObjects, objectConverter]}
     ></div>

src/translations.ts

@@ -84,6 +84,8 @@ const englishTranslations = {
   deleteMessage: "Delete message",
 
   // objects
+  objectsInTotal: "Objects in total: ",
+
   showObjects: "show objects",
   createObject: "create object",
   untitledObject: "Untitled Object",
@@ -202,6 +204,8 @@ const allTranslations: { [key: string]: typeof englishTranslations } = {
     deleteMessage: "Eliminar este mensaje",
 
     // objects
+    objectsInTotal: "Objetos en total: ",
+
     showObjects: "mostrar objetos",
     createObject: "añadir nuevo objeto",
     untitledObject: "Sin Título",
@@ -317,6 +321,8 @@ const allTranslations: { [key: string]: typeof englishTranslations } = {
     deleteMessage: "Nachricht löschen",
 
     // objects
+    objectsInTotal: "Objekte insgesamt: ",
+
     showObjects: "Objekte anzeigen",
     createObject: "Neues Objekt erstellen",
     untitledObject: "Unbenannt",