changes and improvements

Use SearchEntry for text search and SpinButton for
ID search and subsequent logic changes
Cleaned up logic when no results found
Re-organized the UI, cleaner implementation

Author: BharatAtbrat

src/Gom/main.blp

@@ -16,43 +16,54 @@ Adw.ToastOverlay overlay {
           "linked"
         ]
 
-        Entry filter_entry {
-          placeholder-text: "Enter Text";
-          width-request: 250;
+        Entry text_entry {
+          placeholder-text: _("Enter Text");
+          width-request: 300;
         }
 
-        Button filter_button {
-          label: _("Filter");
+        Button insert_button {
+          label: _("Insert");
         }
       }
 
       Box {
-        styles [
-          "linked"
-        ]
+        orientation: horizontal;
+        spacing: 18;
 
-        Entry url_entry {
-          placeholder-text: "Enter URL";
-          width-request: 250;
-        }
+        Box {
+          orientation: vertical;
+          spacing: 12;
 
-        Button insert_button {
-          label: _("Insert");
+          Label {
+            label: _("Search by Text");
+          }
+
+          SearchEntry search_entry {
+            search-delay: 100;
+            placeholder-text: _("Enter Text");
+            width-request: 250;
+          }
         }
-      }
 
-      Box {
-        styles [
-          "linked"
-        ]
+        Box {
+          spacing: 12;
+          orientation: vertical;
 
-        Entry id_entry {
-          placeholder-text: "Enter ID";
-          width-request: 250;
-        }
+          Label {
+            label: _("Search by ID");
+          }
 
-        Button find_button {
-          label: _("Search");
+          SpinButton id_entry {
+            halign: center;
+            orientation: horizontal;
+            wrap: false;
+            climb-rate: 1;
+
+            adjustment: Adjustment {
+              step-increment: 1;
+              value: 0;
+            };
+          }
         }
       }
 
@@ -61,7 +72,7 @@ Adw.ToastOverlay overlay {
           show-column-separators: true;
 
           ColumnViewColumn col1 {
-            title: _("URL");
+            title: _("Text");
             expand: true;
 
             factory: SignalListItemFactory {};
@@ -77,7 +88,6 @@ Adw.ToastOverlay overlay {
       }
 
       Label result_label {
-        label: _("Results will appear here");
         wrap: true;
         width-request: 250;
       }

src/Gom/main.js

@@ -5,34 +5,43 @@ import Adw from "gi://Adw";
 import GLib from "gi://GLib";
 import Gio from "gi://Gio";
 
-const INT32_MAX = 2147483647;
-
-const ItemClass = GObject.registerClass({
-  GTypeName: 'Item',
-  Properties: {
-    'id': GObject.ParamSpec.int(
-      'id', 'ID', 'An ID',
-      GObject.ParamFlags.READWRITE | GObject.ParamFlags.CONSTRUCT,
-      0, INT32_MAX, 0
-    ),
-    'url': GObject.ParamSpec.string(
-      'url', 'URL', 'A URL',
-      GObject.ParamFlags.READWRITE | GObject.ParamFlags.CONSTRUCT,
-      ''
-    ),
+const ItemClass = GObject.registerClass(
+  {
+    GTypeName: "Item",
+    Properties: {
+      id: GObject.ParamSpec.int(
+        "id",
+        "ID",
+        "An ID",
+        GObject.ParamFlags.READWRITE | GObject.ParamFlags.CONSTRUCT,
+        0,
+        GLib.MAXINT32,
+        0,
+      ),
+      url: GObject.ParamSpec.string(
+        "url",
+        "URL",
+        "A URL",
+        GObject.ParamFlags.READWRITE | GObject.ParamFlags.CONSTRUCT,
+        "",
+      ),
+    },
   },
-}, class ItemClass extends Gom.Resource { });
+  class ItemClass extends Gom.Resource { },
+);
 
 let adapter, repository;
 
 function initDatabase() {
   adapter = new Gom.Adapter();
-  adapter.open_sync(':memory:',);
+  adapter.open_sync(":memory:",);
   repository = new Gom.Repository({ adapter: adapter });
 
-  ItemClass.set_table('items');
-  ItemClass.set_primary_key('id');
+  // Set up table and primary key
+  ItemClass.set_table("items");
+  ItemClass.set_primary_key("id");
 
+  // Perform automatic migration
   repository.automatic_migrate_sync(1, [ItemClass]);
 }
 
@@ -52,34 +61,33 @@ function showToast(overlay, message) {
 
 initDatabase();
 
-const url_entry = workbench.builder.get_object("url_entry");
+const text_entry = workbench.builder.get_object("text_entry");
 const id_entry = workbench.builder.get_object("id_entry");
 const insert_button = workbench.builder.get_object("insert_button");
-const find_button = workbench.builder.get_object("find_button");
-const filter_entry = workbench.builder.get_object("filter_entry");
-const filter_button = workbench.builder.get_object("filter_button");
+const search_entry = workbench.builder.get_object("search_entry");
 const result_label = workbench.builder.get_object("result_label");
 const overlay = workbench.builder.get_object("overlay");
-
 const data_model = new Gio.ListStore({ item_type: ItemClass });
 const column_view = workbench.builder.get_object("column_view");
 const col1 = workbench.builder.get_object("col1");
 const col2 = workbench.builder.get_object("col2");
+var count = 0;
 
 insert_button.connect("clicked", () => {
-  const url = url_entry.text;
+  const url = text_entry.text;
   const item = new ItemClass({ repository: repository, url: url });
   const success = item.save_sync();
+
   if (success) {
     showToast(overlay, "Item inserted successfully");
     data_model.append(item);
+    id_entry.set_range(1, ++count);
   } else {
-    result_label.label = "Failed to insert item";
     showToast(overlay, "Failed to insert item");
   }
 });
 
-find_button.connect("clicked", () => {
+id_entry.connect("value-changed", () => {
   data_model.remove_all();
   const id = parseInt(id_entry.text);
   const filter = Gom.Filter.new_eq(ItemClass, "id", id);
@@ -89,49 +97,42 @@ find_button.connect("clicked", () => {
   } else {
     result_label.label = "Item not found";
   }
-
 });
 
-filter_button.connect("clicked", () => {
+search_entry.connect("search-changed", () => {
   data_model.remove_all();
-  const filter_text = filter_entry.text.trim();
+  const filter_text = search_entry.text.trim();
   if (filter_text === "") {
-    result_label.label = "Enter a value";
+    result_label.label = "";
     return;
   }
-
-  const filter = Gom.Filter.new_glob(ItemClass, 'url', `*${filter_text}*`);
+  // Create a filter for Text matching
+  const filter = Gom.Filter.new_glob(ItemClass, "url", `*${filter_text}*`);
   const filtered_items = repository.find_sync(ItemClass, filter);
 
-  if (filtered_items) {
-    const count = filtered_items.get_count();
-    if (count > 0) {
-      filtered_items.fetch_async(0, count, () => {
-        for (let i = 0; i < count; i++) {
-          const item = filtered_items.get_index(i);
-          if (item) {
-            data_model.append(item);
-          }
-        }
-        result_label.label = "Loaded successfully";
-      });
-    } else {
-      result_label.label = "No matching items found";
-    }
+  if (filtered_items && filtered_items.get_count() > 0) {
+    filtered_items.fetch_async(0, filtered_items.get_count(), () => {
+      for (let i = 0; i < filtered_items.get_count(); i++) {
+        const item = filtered_items.get_index(i);
+        if (item) data_model.append(item);
+      }
+      result_label.label = "Loaded successfully";
+    });
   } else {
     result_label.label = "No matching items found";
   }
 });
 
-
 const factory_col1 = col1.factory;
+
 factory_col1.connect("setup", (_self, list_item) => {
   const label = new Gtk.Label({
     margin_start: 12,
     margin_end: 12,
   });
   list_item.set_child(label);
 });
+
 factory_col1.connect("bind", (_self, list_item) => {
   const label_widget = list_item.get_child();
   const model_item = list_item.get_item();
@@ -146,6 +147,7 @@ factory_col2.connect("setup", (_self, list_item) => {
   });
   list_item.set_child(label);
 });
+
 factory_col2.connect("bind", (_self, list_item) => {
   const label_widget = list_item.get_child();
   const model_item = list_item.get_item();