From f0951f2ec192bd0678b754915b73bfaa3ce37d77 Mon Sep 17 00:00:00 2001
From: Adam <adam.g@virtualplanet.eu>
Date: Sat, 30 Nov 2024 12:49:03 +0100
Subject: [PATCH] livescreen broken

---
 .../Content/Images/logo.png                   | Bin 0 -> 7963 bytes
 .../Content/Js/MgMessageHandler.js            |   9 ++++---
 .../Nop.Plugin.Misc.AuctionPlugin.csproj      |   3 +++
 .../Views/LiveScreen.cshtml                   |  23 ++++++++++++++----
 4 files changed, 27 insertions(+), 8 deletions(-)
 create mode 100644 Nop.Plugin.Misc.AuctionPlugin/Content/Images/logo.png

diff --git a/Nop.Plugin.Misc.AuctionPlugin/Content/Images/logo.png b/Nop.Plugin.Misc.AuctionPlugin/Content/Images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..74c2f7f35628b1d7d19ffd33c749002ea17f97c9
GIT binary patch
literal 7963
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

literal 0
HcmV?d00001

diff --git a/Nop.Plugin.Misc.AuctionPlugin/Content/Js/MgMessageHandler.js b/Nop.Plugin.Misc.AuctionPlugin/Content/Js/MgMessageHandler.js
index 8494947..fe5b763 100644
--- a/Nop.Plugin.Misc.AuctionPlugin/Content/Js/MgMessageHandler.js
+++ b/Nop.Plugin.Misc.AuctionPlugin/Content/Js/MgMessageHandler.js
@@ -29,8 +29,7 @@
         },
         bidNotification: function (data) {
 
-            var audio = new Audio('../Plugins/Misc.AuctionPlugin/Content/ding.mp3');
-            audio.play();
+            
             console.log(data);
             var myObject = JSON.parse(data);            
             console.log(myObject);
@@ -47,6 +46,8 @@
 
             if (publicProductBidBox) 
             {
+                var audio = new Audio('../Plugins/Misc.AuctionPlugin/Content/ding.mp3');
+                audio.play();
                 refreshPublicBidBox(myObject);
             }
             if (publicInfo) {
@@ -55,7 +56,9 @@
             }
             if (liveScreen) 
             {
-                reloadOnUpdate();
+                var audio = new Audio('../../Plugins/Misc.AuctionPlugin/Content/ding.mp3');
+                audio.play();
+                updateOnBid();
             }
             else {
                 toastr.success(`<div class="item bidToast"><p>${myObject.currentPrice}</p><p>${myObject.productName}</p></div>`, "New bid arrived", {
diff --git a/Nop.Plugin.Misc.AuctionPlugin/Nop.Plugin.Misc.AuctionPlugin.csproj b/Nop.Plugin.Misc.AuctionPlugin/Nop.Plugin.Misc.AuctionPlugin.csproj
index 2d79d77..9df370f 100644
--- a/Nop.Plugin.Misc.AuctionPlugin/Nop.Plugin.Misc.AuctionPlugin.csproj
+++ b/Nop.Plugin.Misc.AuctionPlugin/Nop.Plugin.Misc.AuctionPlugin.csproj
@@ -133,6 +133,9 @@
     <None Update="Content\ding.mp3">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
     </None>
+    <None Update="Content\Images\logo.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </None>
     <None Update="Content\Images\wallpaper.jpg">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
     </None>
diff --git a/Nop.Plugin.Misc.AuctionPlugin/Views/LiveScreen.cshtml b/Nop.Plugin.Misc.AuctionPlugin/Views/LiveScreen.cshtml
index 655d6b1..5cee3dc 100644
--- a/Nop.Plugin.Misc.AuctionPlugin/Views/LiveScreen.cshtml
+++ b/Nop.Plugin.Misc.AuctionPlugin/Views/LiveScreen.cshtml
@@ -11,13 +11,17 @@
     //page title
 
 }
-
+<style>
+    body{
+        overflow-y: hidden !important;
+    }
+</style>
 @{
     if (Model.IsAnyItemActive)
     {
         <div class="row py-3">
             <!-- Item Image -->
-            <div class="col-lg-4 col-md-6 mb-4" style="height: calc(100vh - 100px);">
+            <div class="col-lg-4 col-md-6 mb-4" style="height: calc(100vh - 300px);">
                 <div class="card border-0">
                     <img src="@Model.ActiveProductDetails.DefaultPictureModel.FullSizeImageUrl" class="card-img-top img-fluid" alt="Auction Item Image">
                 </div>
@@ -42,7 +46,7 @@
                 </div>
             </div>
             <!-- Item Details -->
-            <div class="col-lg-8 col-md-6" style="height: calc(100vh - 100px);">
+            <div class="col-lg-8 col-md-6" style="height: calc(100vh - 300px);">
                 <div class="card border-0 bg-transparent h-100">
                     <div class="card-header border-0 bg-transparent">
                         <div class="row">
@@ -101,8 +105,10 @@
             </div>
         </div>
 
-        <div class="row" style="height:100px; position: fixed; bottom:0px;">
-            LOGO
+        <div class="row" style="height:300px;">
+            <col-12 class="text-center">
+                <img style="height: 250px; !important" src="../../Plugins/Misc.AuctionPlugin/Content/Images/logo.png" class="img-fluid rounded mx-auto p-5 d-block" />
+            </col-12>
         </div>
 
     }
@@ -174,6 +180,13 @@
     function reloadOnUpdate() {
 	    location.reload();
     }
+
+    function updateOnBid(data) {
+        console.log(data);
+        let auctionDto = data.auctionDto;
+        let productToAuction = auctionDto.productToAuctionDtos[0];
+    }
+
 </script>