From 29adf2772ad7c25c56c6b96d0c562ff9c9b3aaf5 Mon Sep 17 00:00:00 2001
From: Adam <adam.g@virtualplanet.eu>
Date: Thu, 21 Nov 2024 11:51:31 +0100
Subject: [PATCH] wtf javascript error fix, ViewModel being empty on
 document.ready

---
 .../Components/AuctionPublicViewComponent.cs  |  7 +--
 .../Models/ProductBidBoxViewModel.cs          |  4 +-
 .../Views/PublicProductBidBox.cshtml          | 60 ++++++++++---------
 3 files changed, 38 insertions(+), 33 deletions(-)

diff --git a/Nop.Plugin.Misc.AuctionPlugin/Components/AuctionPublicViewComponent.cs b/Nop.Plugin.Misc.AuctionPlugin/Components/AuctionPublicViewComponent.cs
index 2522d9f..3570db0 100644
--- a/Nop.Plugin.Misc.AuctionPlugin/Components/AuctionPublicViewComponent.cs
+++ b/Nop.Plugin.Misc.AuctionPlugin/Components/AuctionPublicViewComponent.cs
@@ -144,13 +144,12 @@ public class AuctionPublicViewComponent : NopViewComponent
 
         productBidBoxViewModel.IsAdmin = await _customerService.IsAdminAsync(customer);
         productBidBoxViewModel.IsGuest = await _customerService.IsGuestAsync(customer);
-        productBidBoxViewModel.AuctionClosed = auction.Closed;
-        productBidBoxViewModel.Status = productToAuctionId.FirstOrDefault().AuctionStatus;        
-
+        productBidBoxViewModel.AuctionClosed = auction.Closed;        
+        productBidBoxViewModel.IsItemActive = isActive;
         productBidBoxViewModel.WidgetZone = widgetZone;        
         productBidBoxViewModel.BasePrice = productDetailsModel.ProductPrice.OldPriceValue;
         productBidBoxViewModel.CurrentPrice = productDetailsModel.ProductPrice.PriceValue;
-        productBidBoxViewModel.ProductToAuctionsId = productToAuctionId.FirstOrDefault().Id;
+        productBidBoxViewModel.ProductToAuctionId = productToAuctionId.FirstOrDefault().Id;
         productBidBoxViewModel.AuctionId = auctionId;
         productBidBoxViewModel.CustomerId = customer.Id;
         productBidBoxViewModel.ProductId = productDetailsModel.Id;
diff --git a/Nop.Plugin.Misc.AuctionPlugin/Models/ProductBidBoxViewModel.cs b/Nop.Plugin.Misc.AuctionPlugin/Models/ProductBidBoxViewModel.cs
index 1ecc510..21ced3e 100644
--- a/Nop.Plugin.Misc.AuctionPlugin/Models/ProductBidBoxViewModel.cs
+++ b/Nop.Plugin.Misc.AuctionPlugin/Models/ProductBidBoxViewModel.cs
@@ -10,12 +10,12 @@ namespace Nop.Plugin.Misc.AuctionPlugin.Models
 {
     public record ProductBidBoxViewModel: BaseNopModel
     {
-        public int ProductToAuctionsId { get; set; }
+        public int ProductToAuctionId { get; set; }
         public bool IsAdmin {  get; set; }
         public bool IsGuest {  get; set; }
         public int AuctionId { get; set; }
         public bool AuctionClosed { get; set; }
-        public AuctionStatus Status { get; set; }
+        public bool IsItemActive { get; set; }
         public int ProductId { get; set; }
         public int CustomerId { get; set; }
 
diff --git a/Nop.Plugin.Misc.AuctionPlugin/Views/PublicProductBidBox.cshtml b/Nop.Plugin.Misc.AuctionPlugin/Views/PublicProductBidBox.cshtml
index 97867f5..8ea9a77 100644
--- a/Nop.Plugin.Misc.AuctionPlugin/Views/PublicProductBidBox.cshtml
+++ b/Nop.Plugin.Misc.AuctionPlugin/Views/PublicProductBidBox.cshtml
@@ -1,5 +1,5 @@
 @model ProductBidBoxViewModel
-@inject IJsonHelper JsonHelper;
+@* @inject IJsonHelper JsonHelper; *@
 
 @* @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(myObj) as String) *@
 
@@ -75,32 +75,38 @@
 }
 
 <script>
-    var pageViewModel = undefined;
-    
-    
+    var bidBoxPageViewModel;
 
-    $(document).ready(function () {
+    $(window).load(function () {
+        try {
 
-        pageViewModel = @Html.Raw(Json.Serialize(Model));
-        console.log(pageViewModel);
-        console.log(pageViewModel.WidgetZone);
+            bidBoxPageViewModel = @Html.Raw(Json.Serialize(Model));
+        }
+        catch (e) {
+            console.log(e); // Logs the error
+        }
+        console.log("bidBoxPageViewModel " + bidBoxPageViewModel);
+        console.log(bidBoxPageViewModel.WidgetZone);
         console.log(typeof sendMessageToServer);
 
         $("#signalRBidButton").on("click", function () {
 
             document.getElementById("signalRBidButton").disabled = true;
             event.preventDefault();
-
+            if (!bidBoxPageViewModel) {
+                console.log("we need viewmodel data");
+                bidBoxPageViewModel = @Html.Raw(Json.Serialize(Model));
+            }
             var bidMessage = {
-                ProductAuctionMappingId: pageViewModel.ProductToAuctions,
-                AuctionId: pageViewModel.AuctionId,
-                BidPrice: pageViewModel.BidPrice,
-                ProductId: pageViewModel.ProductId,
-                CustomerId: pageViewModel.CustomerId
+                ProductAuctionMappingId: bidBoxPageViewModel.ProductToAuctionId,
+                AuctionId: bidBoxPageViewModel.AuctionId,
+                BidPrice: bidBoxPageViewModel.BidPrice,
+                ProductId: bidBoxPageViewModel.ProductId,
+                CustomerId: bidBoxPageViewModel.CustomerId
             };
             var content = JSON.stringify(bidMessage);
-            console.log(content);
-            sendMessageToServer("BidRequestMessage", pageViewModel.CustomerId, content);
+            console.log("WTF " + content);
+            sendMessageToServer("BidRequestMessage", bidBoxPageViewModel.CustomerId, content);
 
             return false;
         });
@@ -111,12 +117,12 @@
             event.preventDefault();
 
             var openItemMessage = {
-                ProductAuctionMappingId: pageViewModel.ProductToAuctions,
-                AdminId: pageViewModel.CustomerId
+                ProductAuctionMappingId: bidBoxPageViewModel.ProductToAuctionId,
+                AdminId: bidBoxPageViewModel.CustomerId
             };
             var content = JSON.stringify(openItemMessage);
             console.log(content);
-            sendMessageToServer("OpenItemRequestMessage", pageViewModel.CustomerId, content);
+            sendMessageToServer("OpenItemRequestMessage", bidBoxPageViewModel.CustomerId, content);
 
             return false;
         });
@@ -126,12 +132,12 @@
             event.preventDefault();
 
             var itemFirstWarningMessage = {
-                ProductAuctionMappingId: pageViewModel.ProductToAuctions,
-                AdminId: pageViewModel.CustomerId
+                ProductAuctionMappingId: bidBoxPageViewModel.ProductToAuctionId,
+                AdminId: bidBoxPageViewModel.CustomerId
             };
             var content = JSON.stringify(itemFirstWarningMessage);
             console.log(content);
-            sendMessageToServer("FirstWarningMessage", pageViewModel.CustomerId, content);
+            sendMessageToServer("FirstWarningMessage", bidBoxPageViewModel.CustomerId, content);
 
             return false;
         });
@@ -145,23 +151,23 @@
             currency: 'HUF',
         });
 
-        var widgetPriceElement = document.getElementById("price-value-" + pageViewModel.ProductId);
+        var widgetPriceElement = document.getElementById("price-value-" + bidBoxPageViewModel.ProductId);
         var budButtonElement = document.getElementById("signalRBidButton");
         var licitStepElement = document.getElementById("licitStepText");
 
         if (widgetPriceElement) {
             widgetPriceElement.textContent = HUFFormatter.format(data.bidPrice); // Update the price
             licitStepElement.textContent = HUFFormatter.format(data.nextStepAmount);
-            pageViewModel.BidPrice = Number(data.bidPrice) + Number(data.nextStepAmount);            
+            bidBoxPageViewModel.BidPrice = Number(data.bidPrice) + Number(data.nextStepAmount);
 
-            budButtonElement.textContent = "Bid " + HUFFormatter.format(pageViewModel.BidPrice);
+            budButtonElement.textContent = "Bid " + HUFFormatter.format(bidBoxPageViewModel.BidPrice);
 
 
-            // if (pageViewModel.CustomerId == data.CustomerId) {
+            // if (bidBoxPageViewModel.CustomerId == data.CustomerId) {
 
             // }
 
-            console.log(`WidgetPrice updated to: ${data.bidPrice}`);
+            console.log(`WidgetPrice updated to: ${data.bidPrice}, next bid is ${bidBoxPageViewModel.BidPrice}`);
             budButtonElement.disabled = false;
         } else {
             console.warn("Element with ID 'WidgetPrice' not found in the DOM.");