Adam
/
Mango.Nop.Plugins
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of https://git2.aycode.com/Adam/Mango.Nop.Plugins

This commit is contained in:
Loretta 2024-11-26 16:28:09 +01:00
parent a24d26a0d6 920442ec6d
commit 849c04c10b
2 changed files with 140 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
Nop.Plugin.Misc.AuctionPlugin/Content/Js/MgMessageHandler.js
View File

@ -9,7 +9,7 @@
if (!liveScreen) { if (!liveScreen) {
toastr.info(`<div class="item announcemantToast">${myObject.message}</div>`, myObject.title, { toastr.info(`<div class="item announcemantToast">${myObject.message}</div>`, myObject.title, {
"closeButton": true, "closeButton": true,
"positionClass": "toast-bottom-right", "positionClass": "toast-top-right",
"newestOnTop": true, "newestOnTop": true,
"progressBar": true, "progressBar": true,
"preventDuplicates": false, "preventDuplicates": false,
@ -47,7 +47,7 @@
if (!liveScreen) { if (!liveScreen) {
toastr.success(`<div class="item bidToast"><p>${myObject.currentPrice}</p><p>${myObject.productName}</p></div>`, "New bid arrived", { toastr.success(`<div class="item bidToast"><p>${myObject.currentPrice}</p><p>${myObject.productName}</p></div>`, "New bid arrived", {
"closeButton": true, "closeButton": true,
"positionClass": "toast-bottom-right", "positionClass": "toast-top-right",
"newestOnTop": true, "newestOnTop": true,
"progressBar": true, "progressBar": true,
"preventDuplicates": false, "preventDuplicates": false,
@ -74,7 +74,7 @@
if (!liveScreen) { if (!liveScreen) {
toastr.success(`<div class="item bidToast"><p>${productToAuctionDto.auctionStatus}</p><p>${productToAuctionDto.id}</p></div>`, "Status changed", { toastr.success(`<div class="item bidToast"><p>${productToAuctionDto.auctionStatus}</p><p>${productToAuctionDto.id}</p></div>`, "Status changed", {
"closeButton": true, "closeButton": true,
"positionClass": "toast-bottom-right", "positionClass": "toast-top-right",
"newestOnTop": true, "newestOnTop": true,
"progressBar": true, "progressBar": true,
"preventDuplicates": false, "preventDuplicates": false,
@ -107,7 +107,7 @@
var myObject = JSON.parse(data); var myObject = JSON.parse(data);
toastr.success(`<div class="item bidToast"><p>${myObject.nextBidPrice}</p><p>${myObject.productName}</p></div>`, "Item auction is OPENED!", { toastr.success(`<div class="item bidToast"><p>${myObject.nextBidPrice}</p><p>${myObject.productName}</p></div>`, "Item auction is OPENED!", {
"closeButton": true, "closeButton": true,
"positionClass": "toast-bottom-right", "positionClass": "toast-top-right",
"newestOnTop": true, "newestOnTop": true,
"progressBar": true, "progressBar": true,
"preventDuplicates": false, "preventDuplicates": false,

224
Nop.Plugin.Misc.AuctionPlugin/Views/PublicProductBidBox.cshtml
View File

@ -9,93 +9,97 @@
@{ @{
if (!Model.IsGuest) if (!Model.IsGuest)
{ {
<div id="publicProductBidBox" class="p-3 bg-primary text-white"> var bgClass = Model.AuctionDto.ProductToAuctionDtos.FirstOrDefault().WinnerCustomerId == Model.CustomerId ? "bg-success" : "bg-primary";
<h4>This item is under auction!</h4> bool bidButtonActive = Model.IsItemActive && (Model.AuctionDto.ProductToAuctionDtos.FirstOrDefault().WinnerCustomerId == Model.CustomerId && !Model.IsAdmin) ? true : false;
<div class="d-flex justify-content-between"> string title = Model.AuctionDto.ProductToAuctionDtos.FirstOrDefault().WinnerCustomerId == Model.CustomerId ? "Your bid is leading" : "Place a bid!";
<div>
<strong>Base Price:</strong> <div id="publicProductBidBox" class="p-3 @bgClass text-white">
<span class="value"> <h4 id="bidBoxTitle">@title</h4>
@($"{Model.BasePrice:c}") <div class="d-flex justify-content-between">
@* @(decimal?.Round(Model.BasePrice, 2, MidpointRounding.AwayFromZero)) *@ <div>
</span> <strong>Base Price:</strong>
</div> <span class="value">
<div> @($"{Model.BasePrice:c}")
<strong>Bid Step:</strong> @* @(decimal?.Round(Model.BasePrice, 2, MidpointRounding.AwayFromZero)) *@
<span id="licitStepText" class="value">@($"{Model.LicitStep:c}")</span> </span>
</div> </div>
<div> <div>
<button id="signalRBidButton" class="btn btn-success" style="text-transform: uppercase;" type="button" disabled="@(!Model.IsItemActive)"> <strong>Bid Step:</strong>
Bid @($"{Model.NextBidPrice:c}") <span id="licitStepText" class="value">@($"{Model.LicitStep:c}")</span>
</button> </div>
@* <button id="bidButton" class="btn btn-success"> <div>
<button id="signalRBidButton" class="btn btn-success" style="text-transform: uppercase;" type="button" disabled="@(bidButtonActive)">
Bid @($"{Model.NextBidPrice:c}")
</button>
@* <button id="bidButton" class="btn btn-success">
Bid @String.Format("{0:c}", Model.NextBidPrice) Bid @String.Format("{0:c}", Model.NextBidPrice)
</button> *@ </button> *@
</div> </div>
</div> </div>
@* <button id="testButton" class="btn btn-success"> @* <button id="testButton" class="btn btn-success">
TestButton TestButton
</button> *@ </button> *@
<div id="bidFeedback" class="mt-3"></div> <div id="bidFeedback" class="mt-3"></div>
</div> </div>
if (Model.IsAdmin) if (Model.IsAdmin)
{ {
<div id="publicProductBidBoxAdmin" class="p-3 bg-secondary text-white"> <div id="publicProductBidBoxAdmin" class="p-3 bg-secondary text-white">
<h4>Manage auction!</h4> <h4>Manage auction!</h4>
<div id="bidBoxAdminButtons" class="d-flex justify-content-between mb-3"> <div id="bidBoxAdminButtons" class="d-flex justify-content-between mb-3">
<div> <div>
<button id="signalROpenItemButton" class="btn btn-primary" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus == AuctionStatus.None || Model.AuctionStatus == AuctionStatus.Pause ? string.Empty : "disabled")> <button id="signalROpenItemButton" class="btn btn-primary" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus == AuctionStatus.None || Model.AuctionStatus == AuctionStatus.Pause ? string.Empty : "disabled hidden")>
Open item Open item
</button> </button>
<button id="signalRPauseItemButton" class="btn btn-warning" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus == AuctionStatus.Active || Model.AuctionStatus == AuctionStatus.FirstWarning || Model.AuctionStatus == AuctionStatus.SecondWarning ? string.Empty : "disabled")> <button id="signalRPauseItemButton" class="btn btn-warning" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus == AuctionStatus.Active || Model.AuctionStatus == AuctionStatus.FirstWarning || Model.AuctionStatus == AuctionStatus.SecondWarning ? string.Empty : "disabled hidden")>
Pause auction Pause auction
</button> </button>
<button id="signalRRevertBidButton" class="btn btn-warning" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.Pause ? "disabled" : string.Empty)> <button id="signalRRevertBidButton" class="btn btn-warning" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.Pause ? "disabled hidden" : string.Empty)>
Revert bid Revert bid
</button> </button>
<button id="signalRResetItemButton" class="btn btn-danger" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.Pause ? "disabled" : string.Empty)> <button id="signalRResetItemButton" class="btn btn-danger" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.Pause ? "disabled hidden" : string.Empty)>
Reset auction Reset auction
</button> </button>
</div> </div>
<div> <div>
<button id="signalRFirstWarningButton" class="btn btn-warning" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.Active ? "disabled" : string.Empty)> <button id="signalRFirstWarningButton" class="btn btn-warning" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.Active ? "disabled hidden" : string.Empty)>
First warning First warning
</button> </button>
<button id="signalRSecondWarningButton" class="btn btn-danger" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.FirstWarning ? "disabled" : string.Empty)> <button id="signalRSecondWarningButton" class="btn btn-danger" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.FirstWarning ? "disabled hidden" : string.Empty)>
Second warning Second warning
</button> </button>
<button id="signalRCloseItemButton" class="btn btn-success" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.SecondWarning ? "disabled" : string.Empty)> <button id="signalRCloseItemButton" class="btn btn-success" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.SecondWarning ? "disabled hidden" : string.Empty)>
Finished Finished
</button> </button>
</div> </div>
</div> </div>
</div> </div>
} }
else else
{ {
<p>No access to admin level buttons</p> <p>No access to admin level buttons</p>
} }
} }
else else
{ {
<div id="publicProductBidBoxGuest" class="p-3 bg-primary text-white"> <div id="publicProductBidBoxGuest" class="p-3 bg-primary text-white">
<h4>This item is under auction!</h4> <h4>This item is under auction!</h4>
<div id="bidBoxGuestMessage" class="d-flex justify-content-between mb-3"> <div id="bidBoxGuestMessage" class="d-flex justify-content-between mb-3">
<p>Please log in or register to participate!</p> <p>Please log in or register to participate!</p>
</div> </div>
</div> </div>
} }
} }
@ -118,12 +122,12 @@
document.getElementById("signalRBidButton").disabled = true; document.getElementById("signalRBidButton").disabled = true;
event.preventDefault(); event.preventDefault();
if (!bidBoxPageViewModel) { if (!bidBoxPageViewModel) {
console.log("we need viewmodel data"); console.log("we need viewmodel data");
bidBoxPageViewModel = @Html.Raw(Json.Serialize(Model)); bidBoxPageViewModel = @Html.Raw(Json.Serialize(Model));
} }
var bidMessage = { var bidMessage = {
ProductAuctionMappingId: bidBoxPageViewModel.ProductToAuctionId, ProductAuctionMappingId: bidBoxPageViewModel.ProductToAuctionId,
AuctionId: bidBoxPageViewModel.AuctionId, AuctionId: bidBoxPageViewModel.AuctionId,
@ -190,12 +194,12 @@
event.preventDefault(); event.preventDefault();
if (!bidBoxPageViewModel) { if (!bidBoxPageViewModel) {
console.log("we need viewmodel data"); console.log("we need viewmodel data");
bidBoxPageViewModel = @Html.Raw(Json.Serialize(Model)); bidBoxPageViewModel = @Html.Raw(Json.Serialize(Model));
} }
var revertMessage = { var revertMessage = {
ProductToAuctionId: bidBoxPageViewModel.ProductToAuctionId, ProductToAuctionId: bidBoxPageViewModel.ProductToAuctionId,
}; };
var content = JSON.stringify(revertMessage); var content = JSON.stringify(revertMessage);
@ -206,13 +210,15 @@
}); });
$("#signalRResetItemButton").on("click", function () { $("#signalRResetItemButton").on("click", function () {
document.getElementById("signalRResetItemButton").disabled = true; document.getElementById("signalRResetItemButton").disabled = true;
event.preventDefault(); event.preventDefault();
sendAuctionStatusChange(AuctionStatus.None); sendAuctionStatusChange(AuctionStatus.None);
return false; return false;
}); });
//var status = bidBoxPageViewModel.auctionDto.productToAuctionDtos[0].auctionStatus;
//setButtons(status);
}); });
function sendAuctionStatusChange(auctionStatus) { function sendAuctionStatusChange(auctionStatus) {
@ -250,10 +256,20 @@
var widgetPriceElement = document.getElementById("price-value-" + bidBoxPageViewModel.ProductId); var widgetPriceElement = document.getElementById("price-value-" + bidBoxPageViewModel.ProductId);
var budButtonElement = document.getElementById("signalRBidButton"); var budButtonElement = document.getElementById("signalRBidButton");
var licitStepElement = document.getElementById("licitStepText"); var licitStepElement = document.getElementById("licitStepText");
var bidBox = document.getElementById("publicProductBidBox");
var bidBoxTitle = document.getElementById("bidBoxTitle");
console.log(data); console.log(data);
var productAuctionMappingId = data.auctionDto.productToAuctionDtos[0].id; var productAuctionMappingId = data.auctionDto.productToAuctionDtos[0].id;
var winnerId = data.auctionDto.productToAuctionDtos[0].winnerCustomerId;
var isMyBid;
if (winnerId == bidBoxPageViewModel.CustomerId) {
isMyBid = true;
}
console.log(productAuctionMappingId); console.log(productAuctionMappingId);
//TODO: TESZT STATUS!!! - JTEST. //TODO: TESZT STATUS!!! - JTEST.
var status = data.auctionDto.productToAuctionDtos[0].auctionStatus; var status = data.auctionDto.productToAuctionDtos[0].auctionStatus;
//var status = AuctionStatus.TEST; //var status = AuctionStatus.TEST;
@ -274,16 +290,34 @@
widgetPriceElement.textContent = HUFFormatter.format(data.currentPrice); // Update the price widgetPriceElement.textContent = HUFFormatter.format(data.currentPrice); // Update the price
licitStepElement.textContent = HUFFormatter.format(data.nextStepAmount); licitStepElement.textContent = HUFFormatter.format(data.nextStepAmount);
bidBoxPageViewModel.NextBidPrice = Number(data.nextBidPrice); bidBoxPageViewModel.NextBidPrice = Number(data.nextBidPrice);
budButtonElement.disabled = false;
if (isMyBid) {
console.log("This is my bid");
const list = bidBox.classList;
list.add("bg-success");
list.remove("bg-primary");
budButtonElement.textContent = "Good job";
bidBoxTitle.textContent="Your bid is leading!"
if (bidBoxPageViewModel.IsAdmin) {
console.log("I AM WEASEL!!! " + bidBoxPageViewModel.IsAdmin);
budButtonElement.disabled = false;
}
else {
console.log("I AM NOT WEASEL!!! " + bidBoxPageViewModel.IsAdmin);
budButtonElement.disabled = true;
}
}
else {
const list = bidBox.classList;
list.add("bg-primary");
list.remove("bg-success");
bidBoxTitle.textContent = "Place a bid!"
budButtonElement.textContent = "Bid " + HUFFormatter.format(bidBoxPageViewModel.NextBidPrice);
budButtonElement.textContent = "Bid " + HUFFormatter.format(bidBoxPageViewModel.NextBidPrice); }
// if (bidBoxPageViewModel.CustomerId == data.CustomerId) {
// }
console.log(`WidgetPrice updated to: ${data.currentPrice}, next bid is ${bidBoxPageViewModel.NextBidPrice}`); console.log(`WidgetPrice updated to: ${data.currentPrice}, next bid is ${bidBoxPageViewModel.NextBidPrice}`);
budButtonElement.disabled = false; //budButtonElement.disabled = false;
} }
@ -299,12 +333,13 @@
function handleAuctionUpdate(data) { function handleAuctionUpdate(data) {
var widgetPriceElement = document.getElementById("price-value-" + bidBoxPageViewModel.ProductId); var widgetPriceElement = document.getElementById("price-value-" + bidBoxPageViewModel.ProductId);
var bidBoxTitle = document.getElementById("bidBoxTitle");
var productAuctionMappingId = data.auctionDto.productToAuctionDtos[0].id; var productAuctionMappingId = data.auctionDto.productToAuctionDtos[0].id;
//TODO: TESZT STATUS!!! - JTEST. //TODO: TESZT STATUS!!! - JTEST.
var itemStatus = data.auctionDto.productToAuctionDtos[0].auctionStatus; var itemStatus = data.auctionDto.productToAuctionDtos[0].auctionStatus;
//var itemStatus = AuctionStatus.TEST; //var itemStatus = AuctionStatus.TEST;
console.log("handle auction update called" + productAuctionMappingId); console.log("handle auction update called" + productAuctionMappingId);
console.log("auction status:" + itemStatus); console.log("auction status:" + itemStatus);
if (widgetPriceElement) { if (widgetPriceElement) {
@ -312,6 +347,19 @@
if (productAuctionMappingId == bidBoxPageViewModel.ProductToAuctionId) { if (productAuctionMappingId == bidBoxPageViewModel.ProductToAuctionId) {
console.log("THIS IS FOR US! SORRY FOR SHOUTING"); console.log("THIS IS FOR US! SORRY FOR SHOUTING");
if (itemStatus == AuctionStatus.None) {
bidBoxTitle.textContent = "The auction has not started yet";
}
else if (itemStatus == AuctionStatus.Pause) {
bidBoxTitle.textContent = "The auction is paused! Please hold on...";
}
else if (itemStatus == AuctionStatus.FirstWarning) {
bidBoxTitle.textContent = "First warning!";
}
else if (itemStatus == AuctionStatus.SecondWarning) {
bidBoxTitle.textContent = "Secnod warning! Hurry up!";
}
setButtons(itemStatus); setButtons(itemStatus);
console.log(`WidgetPrice updated to: ${data.currentPrice}, next bid is ${bidBoxPageViewModel.NextBidPrice}`); console.log(`WidgetPrice updated to: ${data.currentPrice}, next bid is ${bidBoxPageViewModel.NextBidPrice}`);
@ -407,14 +455,14 @@
signalRResetItemButton: false, signalRResetItemButton: false,
}, },
[AuctionStatus.TEST]: { [AuctionStatus.TEST]: {
signalRBidButton: false, signalRBidButton: false,
signalRFirstWarningButton: false, signalRFirstWarningButton: false,
signalRSecondWarningButton: false, signalRSecondWarningButton: false,
signalROpenItemButton: false, signalROpenItemButton: false,
signalRCloseItemButton: false, signalRCloseItemButton: false,
signalRPauseItemButton: false, signalRPauseItemButton: false,
signalRRevertBidButton: false, signalRRevertBidButton: false,
signalRResetItemButton: false, signalRResetItemButton: false,
}, },
}; };
@ -431,7 +479,7 @@
const button = document.getElementById(buttonId); const button = document.getElementById(buttonId);
if (button) { if (button) {
button.disabled = states[buttonId]; button.disabled = states[buttonId];
// button.hidden = states[buttonId]; button.hidden = states[buttonId];
} else { } else {
console.warn(`Button with ID ${buttonId} not found.`); console.warn(`Button with ID ${buttonId} not found.`);
} }