Add update functionality to card pages.

lannonbr · Oct 19, 2024 · 840f2e2 · 840f2e2
1 parent cbe8289
commit 840f2e2
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 21 deletions.
diff --git a/mvc/controllers/setListing.js b/mvc/controllers/setListing.js
@@ -121,13 +121,22 @@ module.exports = (router, app) => {
       }
     );
 
-    model.cardMetadata = JSON.stringify({
+    let cardMetadata = {
       identifier: card.id,
       name: card.name,
       rarity: card.rarity,
       tcgLink: model.tcgPlayerUrl,
       prices: model.priceList,
-    });
+    };
+
+    const followCard = getCard(cardId);
+
+    if (followCard != undefined) {
+      cardMetadata.requestedPrice = followCard.requestedPrice;
+      cardMetadata.refreshCron = followCard.refreshCron;
+    }
+
+    model.cardMetadata = JSON.stringify(cardMetadata);
 
     model.content.pageTitle = `Card: ${card.name} (${cardId})`;
     res.render("card", model);

diff --git a/mvc/models/cards.js b/mvc/models/cards.js
@@ -11,20 +11,25 @@ function getCard(cardId) {
 }
 
 function saveCard(card) {
-  const insertStmt = appDb.db.prepare(
-    "INSERT INTO followedCards (uuid, identifier, cardName, rarity, marketPrice, requestedPrice, tcgLink, refreshCron) VALUES (@uuid, @identifier, @cardName, @rarity, @marketPrice, @requestedPrice, @tcgLink, @refreshCron)"
-  );
-
-  insertStmt.run({
-    uuid: card.uuid,
-    identifier: card.identifier,
-    cardName: card.name,
-    rarity: card.rarity,
-    marketPrice: card.marketPrice,
-    requestedPrice: card.requestedPrice,
-    tcgLink: card.tcgLink,
-    refreshCron: card.refreshCron,
-  });
+  // Update the card if it already has been saved
+  if (getCard(card.identifier) != undefined) {
+    updateFollowCard(card.identifier, card.requestedPrice, card.refreshCron);
+  } else {
+    const insertStmt = appDb.db.prepare(
+      "INSERT INTO followedCards (uuid, identifier, cardName, rarity, marketPrice, requestedPrice, tcgLink, refreshCron) VALUES (@uuid, @identifier, @cardName, @rarity, @marketPrice, @requestedPrice, @tcgLink, @refreshCron)"
+    );
+
+    insertStmt.run({
+      uuid: card.uuid,
+      identifier: card.identifier,
+      cardName: card.name,
+      rarity: card.rarity,
+      marketPrice: card.marketPrice,
+      requestedPrice: card.requestedPrice,
+      tcgLink: card.tcgLink,
+      refreshCron: card.refreshCron,
+    });
+  }
 }
 
 function removeCard(id) {

diff --git a/statics/js/cardDialog.js b/statics/js/cardDialog.js
@@ -25,9 +25,13 @@ function createSaveCardDialog() {
     <input type="hidden" name="tcgLink" value="${data.tcgLink}" />
 
     <label for="requestedPrice">Requested Price:</label>
-    <input type="text" name="requestedPrice" id="requestedPrice" required />
+    <input type="text" name="requestedPrice" id="requestedPrice" required ${
+      data.requestedPrice != undefined ? `value="${data.requestedPrice}"` : ""
+    } />
     <label for="refreshCron">Schedule for refreshing (cron format, ref: <a href="https://crontab.guru">crontab.guru</a>):</label>
-    <input type="text" name="refreshCron" id="refreshCron" required />
+    <input type="text" name="refreshCron" id="refreshCron" required ${
+      data.refreshCron != undefined ? `value="${data.refreshCron}"` : ""
+    }/>
     <button type="submit">Submit</button>
   `;
 

diff --git a/statics/js/main.js b/statics/js/main.js
@@ -1,9 +1,16 @@
 const { createSaveCardDialog } = require("./cardDialog");
 
 if (window.location.href.includes("/card/")) {
-  document
-    .getElementById("addToWatchlistBtn")
-    .addEventListener("click", createSaveCardDialog);
+  const data = JSON.parse(document.getElementById("metadata").innerText);
+
+  if (data.requestedPrice) {
+    createSaveCardDialog();
+    document.getElementById("addToWatchlistBtn").remove();
+  } else {
+    document
+      .getElementById("addToWatchlistBtn")
+      .addEventListener("click", createSaveCardDialog);
+  }
 }
 
 if (window.location.pathname == "/") {