fix(add): purchase date, price, and notes are now saved when adding sets and minifigures

CHANGELOG.md

@@ -4,8 +4,9 @@
 
 ### Bug Fixes
 
-- **Fixed previously added set being re-added when adding an individual minifigure** (Issue #150, branch `bugfix/issue-150`): After adding a set, entering a `fig-` ID and confirming would add the previous set again instead of the minifigure, if user did not reload inbetween. 
+- **Fixed purchase date, price, and notes not being saved when adding an individual minifigure** (Issue #151, branch `bugfix/issue-151`): Filling in purchase date, price, or notes before clicking Add had no effect, only purchase location was saved
-  - `add.js` was creating a second `BrickMinifigureSocket` with its own listeners on the same button and input as `BrickSetSocket`, causing duplicate socket events and cross-socket state confusion
+  - `BrickMinifigureSocket` was missing references to `#add-purchase-date`, `#add-purchase-price`, and `#add-description`, so those fields were never read or included in the socket emit
+  - The backend already supported all three fields. This was just a frontend error
 - **Fixed deleting a wish with an owner assigned** (Issue #152): Resolved foreign key constraint error when removing a set from the wishlist that had an owner assigned
   - Wish owners are now deleted before the wish itself, respecting the FK constraint
 

static/scripts/add.js

@@ -1,6 +1,6 @@
 // Add page - handles both sets and individual minifigures
-// Server auto-routes fig- numbers to IndividualMinifigure via LOAD_SET / IMPORT_SET
 document.addEventListener("DOMContentLoaded", () => {
+  // Initialize date pickers
   document.querySelectorAll('[data-add-date="true"]').forEach(el => {
     new Datepicker(el, {
       buttonClass: 'btn',
@@ -8,23 +8,81 @@ document.addEventListener("DOMContentLoaded", () => {
     });
   });
 
+  // Get template data from data attributes
   const addContainer = document.getElementById('add-set');
   if (!addContainer) return;
 
-  new BrickSetSocket(
+  // Read data from data attributes
-    'add',
+  const templateData = {
-    addContainer.dataset.path,
+    path: addContainer.dataset.path,
-    addContainer.dataset.namespace,
+    namespace: addContainer.dataset.namespace,
-    {
+    messages: {
       COMPLETE: addContainer.dataset.msgComplete,
       FAIL: addContainer.dataset.msgFail,
       IMPORT_SET: addContainer.dataset.msgImportSet,
       LOAD_SET: addContainer.dataset.msgLoadSet,
       PROGRESS: addContainer.dataset.msgProgress,
       SET_LOADED: addContainer.dataset.msgSetLoaded,
+      IMPORT_MINIFIGURE: addContainer.dataset.msgImportMinifigure,
+      LOAD_MINIFIGURE: addContainer.dataset.msgLoadMinifigure,
       MINIFIGURE_LOADED: addContainer.dataset.msgMinifigureLoaded,
+    }
+  };
+
+  // Default: create set socket
+  const setSocket = new BrickSetSocket(
+    'add',
+    templateData.path,
+    templateData.namespace,
+    {
+      COMPLETE: templateData.messages.COMPLETE,
+      FAIL: templateData.messages.FAIL,
+      IMPORT_SET: templateData.messages.IMPORT_SET,
+      LOAD_SET: templateData.messages.LOAD_SET,
+      PROGRESS: templateData.messages.PROGRESS,
+      SET_LOADED: templateData.messages.SET_LOADED,
     },
     false,
     false
   );
+
+  // Override the execute method to check for minifigures
+  const originalExecute = setSocket.execute.bind(setSocket);
+  let minifigSocket = null;
+
+  setSocket.execute = function() {
+    const inputValue = document.getElementById('add-set').value.trim();
+
+    if (inputValue.startsWith('fig-') || inputValue.match(/^fig\d/i)) {
+      // It's a minifigure - create minifig socket if needed and execute when ready
+      if (!minifigSocket) {
+        minifigSocket = new BrickMinifigureSocket(
+          'add',
+          templateData.path,
+          templateData.namespace,
+          {
+            COMPLETE: templateData.messages.COMPLETE,
+            FAIL: templateData.messages.FAIL,
+            IMPORT_MINIFIGURE: templateData.messages.IMPORT_MINIFIGURE,
+            LOAD_MINIFIGURE: templateData.messages.LOAD_MINIFIGURE,
+            MINIFIGURE_LOADED: templateData.messages.MINIFIGURE_LOADED,
+            PROGRESS: templateData.messages.PROGRESS,
+          }
+        );
+
+        // Wait for socket to connect before executing
+        const checkConnection = setInterval(() => {
+          if (minifigSocket.socket && minifigSocket.socket.connected) {
+            clearInterval(checkConnection);
+            minifigSocket.execute();
+          }
+        }, 100);
+      } else {
+        minifigSocket.execute();
+      }
+    } else {
+      // It's a set - use original execute
+      originalExecute();
+    }
+  };
 });

static/scripts/socket/minifigure.js

@@ -13,9 +13,12 @@ class BrickMinifigureSocket extends BrickSocket {
         this.html_input = document.getElementById(`${id}-set`);
         this.html_no_confim = document.getElementById(`${id}-no-confirm`);
         this.html_owners = document.getElementById(`${id}-owners`);
+        this.html_purchase_date = document.getElementById(`${id}-purchase-date`);
+        this.html_purchase_price = document.getElementById(`${id}-purchase-price`);
         this.html_purchase_location = document.getElementById(`${id}-purchase-location`);
         this.html_storage = document.getElementById(`${id}-storage`);
         this.html_tags = document.getElementById(`${id}-tags`);
+        this.html_description = document.getElementById(`${id}-description`);
 
         // Card elements
         this.html_card = document.getElementById(`${id}-card`);
@@ -98,12 +101,28 @@ class BrickMinifigureSocket extends BrickSocket {
                 });
             }
 
-            // Grab the purchase location
+            // Grab the purchase info
+            let purchase_date = null;
+            if (this.html_purchase_date) {
+                purchase_date = this.html_purchase_date.value || null;
+            }
+
+            let purchase_price = null;
+            if (this.html_purchase_price) {
+                purchase_price = this.html_purchase_price.value || null;
+            }
+
             let purchase_location = null;
             if (this.html_purchase_location) {
                 purchase_location = this.html_purchase_location.value;
             }
 
+            // Grab the description (notes)
+            let description = '';
+            if (this.html_description) {
+                description = this.html_description.value || '';
+            }
+
             // Grab the storage
             let storage = null;
             if (this.html_storage) {
@@ -129,9 +148,12 @@ class BrickMinifigureSocket extends BrickSocket {
             this.socket.emit(this.messages.IMPORT_MINIFIGURE, {
                 figure: (figure !== undefined) ? figure : this.html_input.value,
                 owners: owners,
+                purchase_date: purchase_date,
+                purchase_price: purchase_price,
                 purchase_location: purchase_location,
                 storage: storage,
                 tags: tags,
+                description: description,
                 quantity: 1
             });
         } else {
@@ -235,10 +257,22 @@ class BrickMinifigureSocket extends BrickSocket {
             this.html_owners.querySelectorAll('input').forEach(input => input.disabled = !enabled);
         }
 
+        if (this.html_purchase_date) {
+            this.html_purchase_date.disabled = !enabled;
+        }
+
+        if (this.html_purchase_price) {
+            this.html_purchase_price.disabled = !enabled;
+        }
+
         if (this.html_purchase_location) {
             this.html_purchase_location.disabled = !enabled;
         }
 
+        if (this.html_description) {
+            this.html_description.disabled = !enabled;
+        }
+
         if (this.html_storage) {
             this.html_storage.disabled = !enabled;
         }