improvements, fixes
This commit is contained in:
parent
b6ffbb6ced
commit
ec55100b1d
|
|
@ -67,7 +67,7 @@
|
|||
MessageType: messageType,
|
||||
SenderId: senderId,
|
||||
RequestCount: window.RequestCount,
|
||||
RequestId: getRequestId(),
|
||||
RequestId: window.getRequestId(),
|
||||
Data: messageWrapperData
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -47,7 +47,13 @@
|
|||
if (publicProductBidBox) {
|
||||
//var audio = new Audio('../Plugins/Misc.AuctionPlugin/Content/ding.mp3');
|
||||
//audio.play();
|
||||
refreshPublicBidBox(bidNotification, messageWrapper.RequestId == window.getRequestId());
|
||||
|
||||
var lastRequestId = window.getRequestId();
|
||||
var isMyRequest = messageWrapper.requestId == lastRequestId;
|
||||
|
||||
console.log("isMyRequest: " + isMyRequest + "; lastRequestId: " + lastRequestId + "; messageWrapper.RequestId: " + messageWrapper.requestId);
|
||||
|
||||
refreshPublicBidBox(bidNotification, isMyRequest);
|
||||
}
|
||||
if (publicInfo) {
|
||||
var functionName = "refreshPublicInfo" + productToAuctionDto.productId;
|
||||
|
|
|
|||
|
|
@ -7,675 +7,668 @@
|
|||
@* @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(myObj) as String) *@
|
||||
|
||||
<style>
|
||||
.old-product-price {
|
||||
text-decoration: unset !important;
|
||||
}
|
||||
.old-product-price {
|
||||
text-decoration: unset !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
@{
|
||||
if (!Model.IsGuest)
|
||||
{
|
||||
if (Model.FirstProductToAuction != null)
|
||||
{
|
||||
if (!Model.IsGuest)
|
||||
{
|
||||
if (Model.FirstProductToAuction != null)
|
||||
{
|
||||
|
||||
var bgClass = Model.FirstProductToAuction.WinnerCustomerId == Model.CustomerId ? "bg-success" : "bg-primary";
|
||||
var bidButtonActive = Model.IsItemActive && (Model.FirstProductToAuction.WinnerCustomerId != Model.CustomerId || Model.IsAdmin);
|
||||
var auctionStatus = Model.FirstProductToAuction.AuctionStatus;
|
||||
var lastBidIsMine = Model.FirstProductToAuction.WinnerCustomerId == Model.CustomerId;
|
||||
|
||||
|
||||
var title = auctionStatus switch
|
||||
{
|
||||
AuctionStatus.Sold => lastBidIsMine ? @T("Plugins.Misc.AuctionPlugin.YouWin") : @T("Plugins.Misc.AuctionPlugin.Sold"),
|
||||
AuctionStatus.NotSold => @T("Plugins.Misc.AuctionPlugin.Finished"),
|
||||
_ => lastBidIsMine ? @T("Plugins.Misc.AuctionPlugin.YourBidLeading") : @T("Plugins.Misc.AuctionPlugin.PlaceABid")
|
||||
};
|
||||
var bgClass = Model.FirstProductToAuction.WinnerCustomerId == Model.CustomerId ? "bg-success" : "bg-primary";
|
||||
var bidButtonActive = Model.IsItemActive && (Model.FirstProductToAuction.WinnerCustomerId != Model.CustomerId || Model.IsAdmin);
|
||||
var auctionStatus = Model.FirstProductToAuction.AuctionStatus;
|
||||
var lastBidIsMine = Model.FirstProductToAuction.WinnerCustomerId == Model.CustomerId;
|
||||
|
||||
<div class="d-flex justify-content-between" id="otherAuctionItems">
|
||||
<a href="@(string.IsNullOrEmpty(Model.LastProductUrl) ? "#" : Model.LastProductUrl)" @(string.IsNullOrEmpty(Model.LastProductUrl) ? "disabled" : string.Empty)>
|
||||
<div class="card mb-3" style="max-width: 540px;">
|
||||
<div class="row g-0">
|
||||
@*<div class="col-md-4">
|
||||
|
||||
var title = auctionStatus switch
|
||||
{
|
||||
AuctionStatus.Sold => lastBidIsMine ? @T("Plugins.Misc.AuctionPlugin.YouWin") : @T("Plugins.Misc.AuctionPlugin.Sold"),
|
||||
AuctionStatus.NotSold => @T("Plugins.Misc.AuctionPlugin.Finished"),
|
||||
_ => lastBidIsMine ? @T("Plugins.Misc.AuctionPlugin.YourBidLeading") : @T("Plugins.Misc.AuctionPlugin.PlaceABid")
|
||||
};
|
||||
|
||||
<div class="d-flex justify-content-between" id="otherAuctionItems">
|
||||
<a href="@(string.IsNullOrEmpty(Model.LastProductUrl) ? "#" : Model.LastProductUrl)" @(string.IsNullOrEmpty(Model.LastProductUrl) ? "disabled" : string.Empty)>
|
||||
<div class="card mb-3" style="max-width: 540px;">
|
||||
<div class="row g-0">
|
||||
@*<div class="col-md-4">
|
||||
<img src="@(string.IsNullOrEmpty(Model.LastProductImageUrl) ? "https://placehold.co/400" : Model.LastProductImageUrl)" class="img-fluid rounded-start" alt="...">
|
||||
</div>
|
||||
<div class="col-md-8">*@
|
||||
<div class="col-12">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">@(string.IsNullOrEmpty(Model.LastProductUrl) ? @T("Plugins.Misc.AuctionPlugin.StartOfList") : @T("Plugins.Misc.AuctionPlugin.BackToLast"))</h5>
|
||||
<p class="card-text">@(string.IsNullOrEmpty(Model.LastProductName) ? "---" : Model.LastProductName)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="col-12">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">@(string.IsNullOrEmpty(Model.LastProductUrl) ? @T("Plugins.Misc.AuctionPlugin.StartOfList") : @T("Plugins.Misc.AuctionPlugin.BackToLast"))</h5>
|
||||
<p class="card-text">@(string.IsNullOrEmpty(Model.LastProductName) ? "---" : Model.LastProductName)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="@(string.IsNullOrEmpty(Model.NextProductUrl) ? "#" : Model.NextProductUrl)" @(string.IsNullOrEmpty(Model.NextProductUrl) ? "disabled" : string.Empty)>
|
||||
<div class="card mb-3" style="max-width: 540px;">
|
||||
<div class="row g-0">
|
||||
@*<div class="col-md-4">
|
||||
<a href="@(string.IsNullOrEmpty(Model.NextProductUrl) ? "#" : Model.NextProductUrl)" @(string.IsNullOrEmpty(Model.NextProductUrl) ? "disabled" : string.Empty)>
|
||||
<div class="card mb-3" style="max-width: 540px;">
|
||||
<div class="row g-0">
|
||||
@*<div class="col-md-4">
|
||||
<img src="@(string.IsNullOrEmpty(Model.NextProductImageUrl) ? "https://placehold.co/400" : Model.NextProductImageUrl)" class="img-fluid rounded-start" alt="...">
|
||||
</div>
|
||||
<div class="col-md-8">*@
|
||||
<div class="col-12">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">@(string.IsNullOrEmpty(Model.NextProductUrl) ? @T("Plugins.Misc.AuctionPlugin.EndOfList") : @T("Plugins.Misc.AuctionPlugin.ComingUp"))</h5>
|
||||
<p class="card-text">@(string.IsNullOrEmpty(Model.NextProductName) ? "---" : Model.NextProductName)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="col-12">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">@(string.IsNullOrEmpty(Model.NextProductUrl) ? @T("Plugins.Misc.AuctionPlugin.EndOfList") : @T("Plugins.Misc.AuctionPlugin.ComingUp"))</h5>
|
||||
<p class="card-text">@(string.IsNullOrEmpty(Model.NextProductName) ? "---" : Model.NextProductName)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div id="publicProductBidBox" class="p-3 @bgClass text-white">
|
||||
<div class="row">
|
||||
<div class="col-3"><strong>#@Model.AuctionDto.ProductToAuctionDtos.FirstOrDefault()!.SortIndex</strong></div>
|
||||
<div class="col-9"><a target="_blank" class="btn btn-secondary btn-sm float-end" href="https://youtube.com/live/6yfnmyQE7Uw?feature=share"><i class="fa-brands fa-youtube"></i> Youtube live</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="publicProductBidBox" class="p-3 @bgClass text-white">
|
||||
<div class="row">
|
||||
<div class="col-3"><strong>#@Model.AuctionDto.ProductToAuctionDtos.FirstOrDefault()!.SortIndex</strong></div>
|
||||
<div class="col-9"><a target="_blank" class="btn btn-secondary btn-sm float-end" href="https://youtube.com/live/6yfnmyQE7Uw?feature=share"><i class="fa-brands fa-youtube"></i> Youtube live</a></div>
|
||||
</div>
|
||||
|
||||
<h4 id="bidBoxTitle">@title</h4>
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="m-auto">
|
||||
<strong>Base Price:</strong>
|
||||
@{
|
||||
if(Model.WorkingCurrency.CurrencyCode == "EUR")
|
||||
{
|
||||
|
||||
<span class="value">@($"{((decimal)Model.BasePriceInWorkingCurrency).ToString("C", new CultureInfo("de-DE"))}")</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span class="value">@($"{((decimal)Model.BasePrice).ToString("C", new CultureInfo("hu-HU"))}")</span>
|
||||
|
||||
}
|
||||
}
|
||||
<h4 id="bidBoxTitle">@title</h4>
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="m-auto">
|
||||
<strong>Base Price:</strong>
|
||||
@{
|
||||
if (Model.WorkingCurrency.CurrencyCode == "EUR")
|
||||
{
|
||||
|
||||
</div>
|
||||
<div class="m-auto">
|
||||
<strong>Bid Step:</strong>
|
||||
@{
|
||||
if (Model.WorkingCurrency.CurrencyCode == "EUR")
|
||||
{
|
||||
<span id="licitStepText" class="value">@($"{Model.LicitStepInWorkingCurrency.ToString("C", new CultureInfo("de-DE"))}")</span>
|
||||
<span class="value">@($"{((decimal)Model.BasePriceInWorkingCurrency).ToString("C", new CultureInfo("de-DE"))}")</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span class="value">@($"{((decimal)Model.BasePrice).ToString("C", new CultureInfo("hu-HU"))}")</span>
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
// <span id="licitStepText" class="value">@($"{Model.LicitStep:c}")</span>
|
||||
<span id="licitStepText" class="value">@($"{Model.LicitStep.ToString("C", new CultureInfo("hu-HU"))}")</span>
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</div>
|
||||
<div class="m-auto">
|
||||
<button id="signalRBidButton" class="btn btn-success float-end" style="text-transform: uppercase;" type="button" @(!bidButtonActive ? "disabled" : string.Empty)>
|
||||
@{
|
||||
if (Model.WorkingCurrency.CurrencyCode == "EUR")
|
||||
{
|
||||
@T("Plugins.Misc.AuctionPlugin.BidButtonPrefix") @($"{Model.NextBidPriceInWorkingCurrency.ToString("C", new CultureInfo("de-DE"))}")
|
||||
</div>
|
||||
<div class="m-auto">
|
||||
<strong>Bid Step:</strong>
|
||||
@{
|
||||
if (Model.WorkingCurrency.CurrencyCode == "EUR")
|
||||
{
|
||||
<span id="licitStepText" class="value">@($"{Model.LicitStepInWorkingCurrency.ToString("C", new CultureInfo("de-DE"))}")</span>
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
// <span id="licitStepText" class="value">@($"{Model.LicitStep:c}")</span>
|
||||
|
||||
@T("Plugins.Misc.AuctionPlugin.BidButtonPrefix") @($"{Model.NextBidPrice.ToString("C", new CultureInfo("hu-HU"))}")
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</button>
|
||||
@* <button id="bidButton" class="btn btn-success">
|
||||
}
|
||||
else
|
||||
{
|
||||
// <span id="licitStepText" class="value">@($"{Model.LicitStep:c}")</span>
|
||||
<span id="licitStepText" class="value">@($"{Model.LicitStep.ToString("C", new CultureInfo("hu-HU"))}")</span>
|
||||
}
|
||||
}
|
||||
|
||||
</div>
|
||||
<div class="m-auto">
|
||||
<button id="signalRBidButton" class="btn btn-success float-end" style="text-transform: uppercase;" type="button" @(!bidButtonActive ? "disabled" : string.Empty)>
|
||||
@{
|
||||
if (Model.WorkingCurrency.CurrencyCode == "EUR")
|
||||
{
|
||||
@T("Plugins.Misc.AuctionPlugin.BidButtonPrefix") @($"{Model.NextBidPriceInWorkingCurrency.ToString("C", new CultureInfo("de-DE"))}")
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
// <span id="licitStepText" class="value">@($"{Model.LicitStep:c}")</span>
|
||||
|
||||
@T("Plugins.Misc.AuctionPlugin.BidButtonPrefix") @($"{Model.NextBidPrice.ToString("C", new CultureInfo("hu-HU"))}")
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</button>
|
||||
@* <button id="bidButton" class="btn btn-success">
|
||||
|
||||
Bid @String.Format("{0:c}", Model.NextBidPrice)
|
||||
</button> *@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@* <button id="testButton" class="btn btn-success">
|
||||
@* <button id="testButton" class="btn btn-success">
|
||||
TestButton
|
||||
</button> *@
|
||||
|
||||
<div id="bidFeedback" class="mt-3"></div>
|
||||
</div>
|
||||
<div id="bidFeedback" class="mt-3"></div>
|
||||
</div>
|
||||
|
||||
|
||||
if (Model.IsAdmin)
|
||||
{
|
||||
<div id="publicProductBidBoxAdmin" class="p-3 bg-secondary text-white">
|
||||
<h4>Manage auction!</h4>
|
||||
<div id="bidBoxAdminButtons" class="d-flex justify-content-between mb-3">
|
||||
if (Model.IsAdmin)
|
||||
{
|
||||
<div id="publicProductBidBoxAdmin" class="p-3 bg-secondary text-white">
|
||||
<h4>Manage auction!</h4>
|
||||
<div id="bidBoxAdminButtons" class="d-flex justify-content-between mb-3">
|
||||
|
||||
|
||||
<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 hidden")>
|
||||
Open item
|
||||
</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 hidden")>
|
||||
Pause auction
|
||||
</button>
|
||||
<button id="signalRRevertBidButton" class="btn btn-warning" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.Pause ? "disabled hidden" : string.Empty)>
|
||||
Revert bid
|
||||
</button>
|
||||
<button id="signalRResetItemButton" class="btn btn-danger" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.Pause ? "disabled hidden" : string.Empty)>
|
||||
Reset auction
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button id="signalRFirstWarningButton" class="btn btn-warning" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.Active ? "disabled hidden" : string.Empty)>
|
||||
First warning
|
||||
</button>
|
||||
<button id="signalRSecondWarningButton" class="btn btn-danger" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.FirstWarning ? "disabled hidden" : string.Empty)>
|
||||
Second warning
|
||||
</button>
|
||||
<button id="signalRCloseItemButton" class="btn btn-success" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.SecondWarning ? "disabled hidden" : string.Empty)>
|
||||
Finished
|
||||
</button>
|
||||
</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 hidden")>
|
||||
Open item
|
||||
</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 hidden")>
|
||||
Pause auction
|
||||
</button>
|
||||
<button id="signalRRevertBidButton" class="btn btn-warning" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.Pause ? "disabled hidden" : string.Empty)>
|
||||
Revert bid
|
||||
</button>
|
||||
<button id="signalRResetItemButton" class="btn btn-danger" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.Pause ? "disabled hidden" : string.Empty)>
|
||||
Reset auction
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button id="signalRFirstWarningButton" class="btn btn-warning" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.Active ? "disabled hidden" : string.Empty)>
|
||||
First warning
|
||||
</button>
|
||||
<button id="signalRSecondWarningButton" class="btn btn-danger" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.FirstWarning ? "disabled hidden" : string.Empty)>
|
||||
Second warning
|
||||
</button>
|
||||
<button id="signalRCloseItemButton" class="btn btn-success" style="text-transform: uppercase;" type="button" @(Model.AuctionStatus != AuctionStatus.SecondWarning ? "disabled hidden" : string.Empty)>
|
||||
Finished
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
// <p>No access to admin level buttons</p>
|
||||
}
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
<div id="publicProductBidBoxGuest" class="p-3 bg-primary text-white">
|
||||
<h4>This item is under auction!</h4>
|
||||
<div id="bidBoxGuestMessage" class="d-flex justify-content-between mb-3">
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
// <p>No access to admin level buttons</p>
|
||||
}
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
<div id="publicProductBidBoxGuest" class="p-3 bg-primary text-white">
|
||||
<h4>This item is under auction!</h4>
|
||||
<div id="bidBoxGuestMessage" class="d-flex justify-content-between mb-3">
|
||||
|
||||
<p>@T("Plugins.Misc.AuctionPlugin.PleaseLogInOrRegister")</p>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
<p>@T("Plugins.Misc.AuctionPlugin.PleaseLogInOrRegister")</p>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
|
||||
<script>
|
||||
var bidBoxPageViewModel;
|
||||
var bidBoxPageViewModel;
|
||||
|
||||
$(window).load(function () {
|
||||
try {
|
||||
$(window).load(function () {
|
||||
try {
|
||||
|
||||
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);
|
||||
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 () {
|
||||
$("#signalRBidButton").on("click", function () {
|
||||
|
||||
setBidButtonDisabledById("signalRBidButton", true);
|
||||
event.preventDefault();
|
||||
setBidButtonDisabledById("signalRBidButton", true);
|
||||
event.preventDefault();
|
||||
|
||||
if (!bidBoxPageViewModel) {
|
||||
console.log("we need viewmodel data");
|
||||
bidBoxPageViewModel = @Html.Raw(Json.Serialize(Model));
|
||||
}
|
||||
if (!bidBoxPageViewModel) {
|
||||
console.log("we need viewmodel data");
|
||||
bidBoxPageViewModel = @Html.Raw(Json.Serialize(Model));
|
||||
}
|
||||
|
||||
var bidMessage = {
|
||||
ProductAuctionMappingId: bidBoxPageViewModel.ProductToAuctionId,
|
||||
AuctionId: bidBoxPageViewModel.AuctionId,
|
||||
BidPrice: bidBoxPageViewModel.NextBidPrice,
|
||||
ProductId: bidBoxPageViewModel.ProductId,
|
||||
CustomerId: bidBoxPageViewModel.CustomerId
|
||||
};
|
||||
var bidMessage = {
|
||||
ProductAuctionMappingId: bidBoxPageViewModel.ProductToAuctionId,
|
||||
AuctionId: bidBoxPageViewModel.AuctionId,
|
||||
BidPrice: bidBoxPageViewModel.NextBidPrice,
|
||||
ProductId: bidBoxPageViewModel.ProductId,
|
||||
CustomerId: bidBoxPageViewModel.CustomerId
|
||||
};
|
||||
|
||||
var content = JSON.stringify(bidMessage);
|
||||
console.log("WTF " + content);
|
||||
sendMessageToServer("BidRequestMessage", bidBoxPageViewModel.CustomerId, content);
|
||||
var content = JSON.stringify(bidMessage);
|
||||
console.log("WTF " + content);
|
||||
sendMessageToServer("BidRequestMessage", bidBoxPageViewModel.CustomerId, content);
|
||||
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#signalROpenItemButton").on("click", function () {
|
||||
$("#signalROpenItemButton").on("click", function () {
|
||||
|
||||
document.getElementById("signalROpenItemButton").disabled = true;
|
||||
event.preventDefault();
|
||||
document.getElementById("signalROpenItemButton").disabled = true;
|
||||
event.preventDefault();
|
||||
|
||||
sendAuctionStatusChange(AuctionStatus.Active);
|
||||
sendAuctionStatusChange(AuctionStatus.Active);
|
||||
|
||||
return false;
|
||||
});
|
||||
$("#signalRCloseItemButton").on("click", function () {
|
||||
return false;
|
||||
});
|
||||
$("#signalRCloseItemButton").on("click", function () {
|
||||
|
||||
document.getElementById("signalRCloseItemButton").disabled = true;
|
||||
event.preventDefault();
|
||||
document.getElementById("signalRCloseItemButton").disabled = true;
|
||||
event.preventDefault();
|
||||
|
||||
sendAuctionStatusChange(AuctionStatus.Sold);
|
||||
sendAuctionStatusChange(AuctionStatus.Sold);
|
||||
|
||||
return false;
|
||||
});
|
||||
$("#signalRFirstWarningButton").on("click", function () {
|
||||
return false;
|
||||
});
|
||||
$("#signalRFirstWarningButton").on("click", function () {
|
||||
|
||||
document.getElementById("signalRFirstWarningButton").disabled = true;
|
||||
event.preventDefault();
|
||||
document.getElementById("signalRFirstWarningButton").disabled = true;
|
||||
event.preventDefault();
|
||||
|
||||
sendAuctionStatusChange(AuctionStatus.FirstWarning);
|
||||
sendAuctionStatusChange(AuctionStatus.FirstWarning);
|
||||
|
||||
return false;
|
||||
});
|
||||
$("#signalRSecondWarningButton").on("click", function () {
|
||||
return false;
|
||||
});
|
||||
$("#signalRSecondWarningButton").on("click", function () {
|
||||
|
||||
document.getElementById("signalRSecondWarningButton").disabled = true;
|
||||
event.preventDefault();
|
||||
document.getElementById("signalRSecondWarningButton").disabled = true;
|
||||
event.preventDefault();
|
||||
|
||||
sendAuctionStatusChange(AuctionStatus.SecondWarning);
|
||||
sendAuctionStatusChange(AuctionStatus.SecondWarning);
|
||||
|
||||
return false;
|
||||
});
|
||||
$("#signalRPauseItemButton").on("click", function () {
|
||||
return false;
|
||||
});
|
||||
$("#signalRPauseItemButton").on("click", function () {
|
||||
|
||||
document.getElementById("signalRPauseItemButton").disabled = true;
|
||||
event.preventDefault();
|
||||
document.getElementById("signalRPauseItemButton").disabled = true;
|
||||
event.preventDefault();
|
||||
|
||||
sendAuctionStatusChange(AuctionStatus.Pause);
|
||||
sendAuctionStatusChange(AuctionStatus.Pause);
|
||||
|
||||
return false;
|
||||
});
|
||||
$("#signalRRevertBidButton").on("click", function () {
|
||||
return false;
|
||||
});
|
||||
$("#signalRRevertBidButton").on("click", function () {
|
||||
|
||||
document.getElementById("signalRRevertBidButton").disabled = true;
|
||||
event.preventDefault();
|
||||
document.getElementById("signalRRevertBidButton").disabled = true;
|
||||
event.preventDefault();
|
||||
|
||||
if (!bidBoxPageViewModel) {
|
||||
console.log("we need viewmodel data");
|
||||
bidBoxPageViewModel = @Html.Raw(Json.Serialize(Model));
|
||||
}
|
||||
if (!bidBoxPageViewModel) {
|
||||
console.log("we need viewmodel data");
|
||||
bidBoxPageViewModel = @Html.Raw(Json.Serialize(Model));
|
||||
}
|
||||
|
||||
var revertMessage = {
|
||||
ProductToAuctionId: bidBoxPageViewModel.ProductToAuctionId
|
||||
};
|
||||
var revertMessage = {
|
||||
ProductToAuctionId: bidBoxPageViewModel.ProductToAuctionId
|
||||
};
|
||||
|
||||
var content = JSON.stringify(revertMessage);
|
||||
console.log("WTF " + content);
|
||||
sendMessageToServer("RevertAuctionBidRequest", bidBoxPageViewModel.CustomerId, content);
|
||||
var content = JSON.stringify(revertMessage);
|
||||
console.log("WTF " + content);
|
||||
sendMessageToServer("RevertAuctionBidRequest", bidBoxPageViewModel.CustomerId, content);
|
||||
|
||||
return false;
|
||||
});
|
||||
$("#signalRResetItemButton").on("click", function () {
|
||||
return false;
|
||||
});
|
||||
$("#signalRResetItemButton").on("click", function () {
|
||||
|
||||
document.getElementById("signalRResetItemButton").disabled = true;
|
||||
event.preventDefault();
|
||||
document.getElementById("signalRResetItemButton").disabled = true;
|
||||
event.preventDefault();
|
||||
|
||||
sendAuctionStatusChange(AuctionStatus.None);
|
||||
sendAuctionStatusChange(AuctionStatus.None);
|
||||
|
||||
return false;
|
||||
});
|
||||
//var status = bidBoxPageViewModel.productToAuctionDto.auctionStatus;
|
||||
//setButtons(status);
|
||||
});
|
||||
return false;
|
||||
});
|
||||
//var status = bidBoxPageViewModel.productToAuctionDto.auctionStatus;
|
||||
//setButtons(status);
|
||||
});
|
||||
|
||||
function sendAuctionStatusChange(auctionStatus) {
|
||||
function sendAuctionStatusChange(auctionStatus) {
|
||||
|
||||
// Create the message object
|
||||
var auctionMessage = {
|
||||
ProductToAuctionId: bidBoxPageViewModel.ProductToAuctionId,
|
||||
AuctionStatus: auctionStatus
|
||||
};
|
||||
// Create the message object
|
||||
var auctionMessage = {
|
||||
ProductToAuctionId: bidBoxPageViewModel.ProductToAuctionId,
|
||||
AuctionStatus: auctionStatus
|
||||
};
|
||||
|
||||
// Convert to JSON and log
|
||||
var content = JSON.stringify(auctionMessage);
|
||||
console.log(content);
|
||||
// Convert to JSON and log
|
||||
var content = JSON.stringify(auctionMessage);
|
||||
console.log(content);
|
||||
|
||||
// Send the message via SignalR
|
||||
sendMessageToServer("AuctionProductStatusRequest", bidBoxPageViewModel.CustomerId, content);
|
||||
// Send the message via SignalR
|
||||
sendMessageToServer("AuctionProductStatusRequest", bidBoxPageViewModel.CustomerId, content);
|
||||
|
||||
return false;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function SendRevertAuctionBidRequest() {
|
||||
function SendRevertAuctionBidRequest() {
|
||||
|
||||
var revertButtonElement = document.getElementById("signalRRevertBidButton");
|
||||
revertButtonElement.disabled = true;
|
||||
sendMessageToServer("RevertAuctionBidRequest", bidBoxPageViewModel.ProductToAuctionId);
|
||||
}
|
||||
var revertButtonElement = document.getElementById("signalRRevertBidButton");
|
||||
revertButtonElement.disabled = true;
|
||||
sendMessageToServer("RevertAuctionBidRequest", bidBoxPageViewModel.ProductToAuctionId);
|
||||
}
|
||||
|
||||
function setBidButtonDisabledById(bidButtonElementId, disabled, updateDisabledState = true) {
|
||||
if (!updateDisabledState) return;
|
||||
function setBidButtonDisabledById(bidButtonElementId, disabled, updateDisabledState = true) {
|
||||
if (!updateDisabledState) return;
|
||||
|
||||
setBidButtonDisabled(document.getElementById(bidButtonElementId), disabled, updateDisabledState);
|
||||
}
|
||||
|
||||
function setBidButtonDisabled(bidButtonElement, disabled, updateDisabledState = true) {
|
||||
if (!updateDisabledState) return;
|
||||
|
||||
setElementDisabled(bidButtonElement, disabled, updateDisabledState);
|
||||
}
|
||||
|
||||
function setElementDisabledById(domElementId, disabled) {
|
||||
setElementDisabled(document.getElementById(domElementId), disabled);
|
||||
}
|
||||
|
||||
function setElementDisabled(domElement, disabled) {
|
||||
if (!domElement)
|
||||
return;
|
||||
setBidButtonDisabled(document.getElementById(bidButtonElementId), disabled, updateDisabledState);
|
||||
}
|
||||
|
||||
domElement.disabled = disabled;
|
||||
}
|
||||
|
||||
function refreshPublicBidBox(bidNotification, updateBidButtonDisabledState) {
|
||||
function setBidButtonDisabled(bidButtonElement, disabled, updateDisabledState = true) {
|
||||
if (!updateDisabledState) return;
|
||||
|
||||
//TODO: is it for me?
|
||||
// if () {
|
||||
// bidNotification.AuctionDto.
|
||||
// }
|
||||
|
||||
//TODO: KINYOMOZNI! valamiért mindig false a updateBidButtonDisabledState és emiatt nem állítja a button disabled-eket... - J.
|
||||
updateBidButtonDisabledState = true;
|
||||
|
||||
var widgetPriceElement = document.getElementById("price-value-" + bidBoxPageViewModel.ProductId);
|
||||
var currency = bidBoxPageViewModel.WorkingCurrency;
|
||||
console.log(currency);
|
||||
|
||||
var bidButtonElement = document.getElementById("signalRBidButton");
|
||||
var licitStepElement = document.getElementById("licitStepText");
|
||||
var bidBox = document.getElementById("publicProductBidBox");
|
||||
var bidBoxTitle = document.getElementById("bidBoxTitle");
|
||||
console.log(bidNotification);
|
||||
|
||||
let auctionDto = bidNotification.auctionDto;
|
||||
let productToAuction = auctionDto.productToAuctionDtos[0];
|
||||
var productAuctionMappingId = productToAuction.id;
|
||||
var winnerId = productToAuction.winnerCustomerId;
|
||||
var isMyBid;
|
||||
|
||||
if (winnerId == bidBoxPageViewModel.CustomerId) {
|
||||
isMyBid = true;
|
||||
|
||||
}
|
||||
|
||||
console.log("ProductToAuctionId: " + productAuctionMappingId);
|
||||
|
||||
//TODO: TESZT STATUS!!! - JTEST.
|
||||
var status = productToAuction.auctionStatus;
|
||||
//var status = AuctionStatus.TEST;
|
||||
|
||||
//if (status == AuctionStatus.FirstWarning) {
|
||||
if (updateBidButtonDisabledState)
|
||||
setButtons(status);
|
||||
//}
|
||||
|
||||
// if (productAuctionMappingId == bidBoxPageViewModel.ProductToAuctionId) {
|
||||
// console.log("THIS IS FOR US! SORRY FOR SHOUTING");
|
||||
// }
|
||||
|
||||
if (widgetPriceElement) {
|
||||
|
||||
if (productAuctionMappingId == bidBoxPageViewModel.ProductToAuctionId) {
|
||||
console.log("THIS IS FOR US! SORRY FOR SHOUTING");
|
||||
if(bidBoxPageViewModel.WorkingCurrency.CurrencyCode == "EUR") {
|
||||
widgetPriceElement.textContent = EURFormatter.format(bidNotification.currentPrice * bidBoxPageViewModel.WorkingCurrency.Rate); // Update the price
|
||||
licitStepElement.textContent = EURFormatter.format(bidNotification.nextStepAmount * bidBoxPageViewModel.WorkingCurrency.Rate);
|
||||
}
|
||||
else {
|
||||
widgetPriceElement.textContent = HUFFormatter.format(bidNotification.currentPrice); // Update the price
|
||||
licitStepElement.textContent = HUFFormatter.format(bidNotification.nextStepAmount);
|
||||
}
|
||||
bidBoxPageViewModel.NextBidPrice = Number(bidNotification.nextBidPrice);
|
||||
setBidButtonDisabled(bidButtonElement, false, updateBidButtonDisabledState);
|
||||
|
||||
var list;
|
||||
if (isMyBid) {
|
||||
console.log("This is my bid");
|
||||
list = bidBox.classList;
|
||||
list.add("bg-success");
|
||||
list.remove("bg-primary");
|
||||
bidButtonElement.textContent = "@(T("Plugins.Misc.AuctionPlugin.GoodJob"))";
|
||||
bidBoxTitle.textContent = productToAuction.auctionStatus == AuctionStatus.Sold ? "@(T("Plugins.Misc.AuctionPlugin.YouWin"))" : "@(T("Plugins.Misc.AuctionPlugin.YourBidLeading"))";
|
||||
if (bidBoxPageViewModel.IsAdmin) {
|
||||
console.log("I AM WEASEL!!! " + bidBoxPageViewModel.IsAdmin);
|
||||
setBidButtonDisabled(bidButtonElement, false, updateBidButtonDisabledState);
|
||||
} else {
|
||||
console.log("I AM NOT WEASEL!!! " + bidBoxPageViewModel.IsAdmin);
|
||||
setBidButtonDisabled(bidButtonElement, true, updateBidButtonDisabledState);
|
||||
}
|
||||
} else {
|
||||
list = bidBox.classList;
|
||||
list.add("bg-primary");
|
||||
list.remove("bg-success");
|
||||
bidBoxTitle.textContent = productToAuction.auctionStatus == AuctionStatus.Sold ? "@(T("Plugins.Misc.AuctionPlugin.Sold"))" : "@(T("Plugins.Misc.AuctionPlugin.PlaceABid"))";
|
||||
if (bidBoxPageViewModel.WorkingCurrency.CurrencyCode == "EUR") {
|
||||
bidButtonElement.textContent = "@(T("Plugins.Misc.AuctionPlugin.BidButtonPrefix")) " + EURFormatter.format(bidBoxPageViewModel.NextBidPriceInWorkingCurrency);
|
||||
} else {
|
||||
bidButtonElement.textContent = "@(T("Plugins.Misc.AuctionPlugin.BidButtonPrefix")) " + HUFFormatter.format(bidBoxPageViewModel.NextBidPrice);
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
console.log(`WidgetPrice updated to: ${bidNotification.currentPrice}, next bid is ${bidBoxPageViewModel.NextBidPrice}`);
|
||||
//bidButtonElement.disabled = false;
|
||||
|
||||
}
|
||||
|
||||
else {
|
||||
console.log("Not for this product");
|
||||
}
|
||||
|
||||
|
||||
} else {
|
||||
console.warn("Element with ID 'WidgetPrice' not found in the DOM.");
|
||||
}
|
||||
}
|
||||
|
||||
function handleAuctionUpdate(auctionStatusNotification) {
|
||||
var widgetPriceElement = document.getElementById("price-value-" + bidBoxPageViewModel.ProductId);
|
||||
var bidButtonElement = document.getElementById("signalRBidButton");
|
||||
var licitStepElement = document.getElementById("licitStepText");
|
||||
var bidBoxTitle = document.getElementById("bidBoxTitle");
|
||||
|
||||
var auctionDto = auctionStatusNotification.auctionDto;
|
||||
var productToAuctionDto = auctionDto.productToAuctionDtos[0];
|
||||
var productAuctionMappingId = productToAuctionDto.id;
|
||||
let isMyBid = false;
|
||||
|
||||
//TODO: TESZT STATUS!!! - JTEST.
|
||||
let itemStatus = productToAuctionDto.auctionStatus;
|
||||
//var itemStatus = AuctionStatus.TEST;
|
||||
let winnerId = productToAuctionDto.winnerCustomerId;
|
||||
if (winnerId == bidBoxPageViewModel.CustomerId) {
|
||||
isMyBid = true;
|
||||
|
||||
}
|
||||
console.log("handle auction update called" + productAuctionMappingId);
|
||||
console.log("auction status:" + itemStatus);
|
||||
if (widgetPriceElement) {
|
||||
|
||||
if (productAuctionMappingId == bidBoxPageViewModel.ProductToAuctionId) {
|
||||
console.log("THIS IS FOR US! SORRY FOR SHOUTING");
|
||||
switch (itemStatus) {
|
||||
case AuctionStatus.None:
|
||||
location.reload();
|
||||
// bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.AuctionNotStarted"))";
|
||||
|
||||
// bidBoxPageViewModel.NextBidPrice = Number(auctionStatusNotification.nextBidPrice);
|
||||
|
||||
// if(bidBoxPageViewModel.WorkingCurrency.CurrencyCode == "EUR") {
|
||||
// widgetPriceElement.textContent = EURFormatter.format(auctionStatusNotification.currentPrice * bidBoxPageViewModel.WorkingCurrency.Rate); // Update the price
|
||||
// licitStepElement.textContent = EURFormatter.format(auctionStatusNotification.nextStepAmount * bidBoxPageViewModel.WorkingCurrency.Rate);
|
||||
// }
|
||||
// else {
|
||||
// widgetPriceElement.textContent = HUFFormatter.format(auctionStatusNotification.currentPrice); // Update the price
|
||||
// licitStepElement.textContent = HUFFormatter.format(auctionStatusNotification.nextStepAmount);
|
||||
// }
|
||||
break;
|
||||
|
||||
case AuctionStatus.Active:
|
||||
if(isMyBid){
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.YourBidLeading"))";
|
||||
}
|
||||
else {
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.PlaceABid"))";
|
||||
}
|
||||
break;
|
||||
|
||||
case AuctionStatus.Pause:
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.AuctionPaused"))";
|
||||
break;
|
||||
|
||||
case AuctionStatus.FirstWarning:
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.FirstWarning"))";
|
||||
break;
|
||||
|
||||
case AuctionStatus.SecondWarning:
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.SecondWarning"))";
|
||||
break;
|
||||
|
||||
case AuctionStatus.Sold:
|
||||
if(isMyBid){
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.YouWin"))";
|
||||
}
|
||||
else {
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.ItemClosed"))";
|
||||
}
|
||||
break;
|
||||
case AuctionStatus.NotSold:
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.ItemClosed"))";
|
||||
break;
|
||||
|
||||
default:
|
||||
console.warn("Unknown AuctionStatus: ", itemStatus);
|
||||
}
|
||||
|
||||
|
||||
setButtons(itemStatus);
|
||||
|
||||
console.log(`WidgetPrice updated to: ${auctionStatusNotification.currentPrice}, next bid is ${bidBoxPageViewModel.NextBidPrice}`);
|
||||
|
||||
|
||||
}
|
||||
|
||||
else {
|
||||
console.log("Not for this product");
|
||||
}
|
||||
|
||||
|
||||
} else {
|
||||
console.warn("Element with ID 'WidgetPrice' not found in the DOM.");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function setButtons(auctionStatus) {
|
||||
console.log("SetButtons called: " + auctionStatus);
|
||||
|
||||
// Button IDs and their default states for each AuctionStatus
|
||||
//true = disabled
|
||||
var buttonStates = {
|
||||
[AuctionStatus.None]: {
|
||||
signalRBidButton: true,
|
||||
signalRFirstWarningButton: true,
|
||||
signalRSecondWarningButton: true,
|
||||
signalROpenItemButton: false,
|
||||
signalRCloseItemButton: true,
|
||||
signalRPauseItemButton: true,
|
||||
signalRRevertBidButton: true,
|
||||
signalRResetItemButton: true,
|
||||
},
|
||||
[AuctionStatus.Active]: {
|
||||
signalRBidButton: false,
|
||||
signalRFirstWarningButton: false,
|
||||
signalRSecondWarningButton: true,
|
||||
signalROpenItemButton: true,
|
||||
signalRCloseItemButton: true,
|
||||
signalRPauseItemButton: false,
|
||||
signalRRevertBidButton: true,
|
||||
signalRResetItemButton: true,
|
||||
},
|
||||
[AuctionStatus.FirstWarning]: {
|
||||
signalRBidButton: false,
|
||||
signalRFirstWarningButton: true,
|
||||
signalRSecondWarningButton: false,
|
||||
signalROpenItemButton: true,
|
||||
signalRCloseItemButton: true,
|
||||
signalRPauseItemButton: false,
|
||||
signalRRevertBidButton: true,
|
||||
signalRResetItemButton: true,
|
||||
},
|
||||
[AuctionStatus.SecondWarning]: {
|
||||
signalRBidButton: false,
|
||||
signalRFirstWarningButton: true,
|
||||
signalRSecondWarningButton: true,
|
||||
signalROpenItemButton: true,
|
||||
signalRCloseItemButton: false,
|
||||
signalRPauseItemButton: false,
|
||||
signalRRevertBidButton: true,
|
||||
signalRResetItemButton: true,
|
||||
},
|
||||
[AuctionStatus.Pause]: {
|
||||
signalRBidButton: true,
|
||||
signalRFirstWarningButton: true,
|
||||
signalRSecondWarningButton: true,
|
||||
signalROpenItemButton: false,
|
||||
signalRCloseItemButton: true,
|
||||
signalRPauseItemButton: true,
|
||||
signalRRevertBidButton: false,
|
||||
signalRResetItemButton: false,
|
||||
},
|
||||
[AuctionStatus.Sold]: {
|
||||
signalRBidButton: true,
|
||||
signalRFirstWarningButton: true,
|
||||
signalRSecondWarningButton: true,
|
||||
signalROpenItemButton: true,
|
||||
signalRCloseItemButton: true,
|
||||
signalRPauseItemButton: true,
|
||||
signalRRevertBidButton: true,
|
||||
signalRResetItemButton: true,
|
||||
},
|
||||
[AuctionStatus.NotSold]: {
|
||||
signalRBidButton: true,
|
||||
signalRFirstWarningButton: true,
|
||||
signalRSecondWarningButton: true,
|
||||
signalROpenItemButton: true,
|
||||
signalRCloseItemButton: true,
|
||||
signalRPauseItemButton: true,
|
||||
signalRRevertBidButton: true,
|
||||
signalRResetItemButton: true,
|
||||
},
|
||||
[AuctionStatus.TEST]: {
|
||||
signalRBidButton: false,
|
||||
signalRFirstWarningButton: false,
|
||||
signalRSecondWarningButton: false,
|
||||
signalROpenItemButton: false,
|
||||
signalRCloseItemButton: false,
|
||||
signalRPauseItemButton: false,
|
||||
signalRRevertBidButton: false,
|
||||
signalRResetItemButton: false,
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
// Get the states for the given auctionStatus
|
||||
var states = buttonStates[auctionStatus];
|
||||
if (!states) {
|
||||
console.error("Unknown AuctionStatus: ", auctionStatus);
|
||||
return;
|
||||
}
|
||||
|
||||
// Apply the states to each button
|
||||
Object.keys(states).forEach((buttonId) => {
|
||||
var button = document.getElementById(buttonId);
|
||||
if (button) {
|
||||
button.disabled = states[buttonId];
|
||||
button.hidden = states[buttonId];
|
||||
} else {
|
||||
console.warn(`Button with ID ${buttonId} not found.`);
|
||||
}
|
||||
});
|
||||
}
|
||||
setElementDisabled(bidButtonElement, disabled, updateDisabledState);
|
||||
}
|
||||
|
||||
function setElementDisabledById(domElementId, disabled) {
|
||||
setElementDisabled(document.getElementById(domElementId), disabled);
|
||||
}
|
||||
|
||||
function setElementDisabled(domElement, disabled) {
|
||||
if (!domElement)
|
||||
return;
|
||||
|
||||
domElement.disabled = disabled;
|
||||
}
|
||||
|
||||
function refreshPublicBidBox(bidNotification, updateBidButtonDisabledState) {
|
||||
|
||||
//TODO: is it for me?
|
||||
// if () {
|
||||
// bidNotification.AuctionDto.
|
||||
// }
|
||||
|
||||
var widgetPriceElement = document.getElementById("price-value-" + bidBoxPageViewModel.ProductId);
|
||||
var currency = bidBoxPageViewModel.WorkingCurrency;
|
||||
console.log(currency);
|
||||
|
||||
var bidButtonElement = document.getElementById("signalRBidButton");
|
||||
var licitStepElement = document.getElementById("licitStepText");
|
||||
var bidBox = document.getElementById("publicProductBidBox");
|
||||
var bidBoxTitle = document.getElementById("bidBoxTitle");
|
||||
console.log(bidNotification);
|
||||
|
||||
let auctionDto = bidNotification.auctionDto;
|
||||
let productToAuction = auctionDto.productToAuctionDtos[0];
|
||||
var productAuctionMappingId = productToAuction.id;
|
||||
var winnerId = productToAuction.winnerCustomerId;
|
||||
var isMyBid;
|
||||
|
||||
if (winnerId == bidBoxPageViewModel.CustomerId) {
|
||||
isMyBid = true;
|
||||
|
||||
}
|
||||
|
||||
console.log("ProductToAuctionId: " + productAuctionMappingId);
|
||||
|
||||
//TODO: TESZT STATUS!!! - JTEST.
|
||||
var status = productToAuction.auctionStatus;
|
||||
//var status = AuctionStatus.TEST;
|
||||
|
||||
//if (status == AuctionStatus.FirstWarning) {
|
||||
if (updateBidButtonDisabledState)
|
||||
setButtons(status);
|
||||
//}
|
||||
|
||||
// if (productAuctionMappingId == bidBoxPageViewModel.ProductToAuctionId) {
|
||||
// console.log("THIS IS FOR US! SORRY FOR SHOUTING");
|
||||
// }
|
||||
|
||||
if (widgetPriceElement) {
|
||||
|
||||
if (productAuctionMappingId == bidBoxPageViewModel.ProductToAuctionId) {
|
||||
console.log("THIS IS FOR US! SORRY FOR SHOUTING");
|
||||
if(bidBoxPageViewModel.WorkingCurrency.CurrencyCode == "EUR") {
|
||||
widgetPriceElement.textContent = EURFormatter.format(bidNotification.currentPrice * bidBoxPageViewModel.WorkingCurrency.Rate); // Update the price
|
||||
licitStepElement.textContent = EURFormatter.format(bidNotification.nextStepAmount * bidBoxPageViewModel.WorkingCurrency.Rate);
|
||||
}
|
||||
else {
|
||||
widgetPriceElement.textContent = HUFFormatter.format(bidNotification.currentPrice); // Update the price
|
||||
licitStepElement.textContent = HUFFormatter.format(bidNotification.nextStepAmount);
|
||||
}
|
||||
|
||||
bidBoxPageViewModel.NextBidPrice = Number(bidNotification.nextBidPrice);
|
||||
setBidButtonDisabled(bidButtonElement, !productToAuction.isActiveItem, updateBidButtonDisabledState);
|
||||
|
||||
var list;
|
||||
if (isMyBid) {
|
||||
console.log("This is my bid");
|
||||
list = bidBox.classList;
|
||||
list.add("bg-success");
|
||||
list.remove("bg-primary");
|
||||
|
||||
bidButtonElement.textContent = "@(T("Plugins.Misc.AuctionPlugin.GoodJob"))";
|
||||
bidBoxTitle.textContent = productToAuction.auctionStatus == AuctionStatus.Sold ? "@(T("Plugins.Misc.AuctionPlugin.YouWin"))" : "@(T("Plugins.Misc.AuctionPlugin.YourBidLeading"))";
|
||||
|
||||
if (bidBoxPageViewModel.IsAdmin) {
|
||||
console.log("I AM WEASEL!!! " + bidBoxPageViewModel.IsAdmin);
|
||||
setBidButtonDisabled(bidButtonElement, !productToAuction.isActiveItem, updateBidButtonDisabledState);
|
||||
} else {
|
||||
console.log("I AM NOT WEASEL!!! " + bidBoxPageViewModel.IsAdmin);
|
||||
setBidButtonDisabled(bidButtonElement, true, updateBidButtonDisabledState);
|
||||
}
|
||||
} else {
|
||||
list = bidBox.classList;
|
||||
list.add("bg-primary");
|
||||
list.remove("bg-success");
|
||||
bidBoxTitle.textContent = productToAuction.auctionStatus == AuctionStatus.Sold ? "@(T("Plugins.Misc.AuctionPlugin.Sold"))" : "@(T("Plugins.Misc.AuctionPlugin.PlaceABid"))";
|
||||
|
||||
if (bidBoxPageViewModel.WorkingCurrency.CurrencyCode == "EUR") {
|
||||
bidButtonElement.textContent = "@(T("Plugins.Misc.AuctionPlugin.BidButtonPrefix")) " + EURFormatter.format(bidBoxPageViewModel.NextBidPriceInWorkingCurrency);
|
||||
} else {
|
||||
bidButtonElement.textContent = "@(T("Plugins.Misc.AuctionPlugin.BidButtonPrefix")) " + HUFFormatter.format(bidBoxPageViewModel.NextBidPrice);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
console.log(`WidgetPrice updated to: ${bidNotification.currentPrice}, next bid is ${bidBoxPageViewModel.NextBidPrice}`);
|
||||
//bidButtonElement.disabled = false;
|
||||
|
||||
} else {
|
||||
console.log("Not for this product");
|
||||
}
|
||||
} else {
|
||||
console.warn("Element with ID 'WidgetPrice' not found in the DOM.");
|
||||
}
|
||||
}
|
||||
|
||||
function handleAuctionUpdate(auctionStatusNotification) {
|
||||
var widgetPriceElement = document.getElementById("price-value-" + bidBoxPageViewModel.ProductId);
|
||||
var bidButtonElement = document.getElementById("signalRBidButton");
|
||||
var licitStepElement = document.getElementById("licitStepText");
|
||||
var bidBoxTitle = document.getElementById("bidBoxTitle");
|
||||
|
||||
var auctionDto = auctionStatusNotification.auctionDto;
|
||||
var productToAuctionDto = auctionDto.productToAuctionDtos[0];
|
||||
var productAuctionMappingId = productToAuctionDto.id;
|
||||
let isMyBid = false;
|
||||
|
||||
//TODO: TESZT STATUS!!! - JTEST.
|
||||
let itemStatus = productToAuctionDto.auctionStatus;
|
||||
//var itemStatus = AuctionStatus.TEST;
|
||||
let winnerId = productToAuctionDto.winnerCustomerId;
|
||||
if (winnerId == bidBoxPageViewModel.CustomerId) {
|
||||
isMyBid = true;
|
||||
|
||||
}
|
||||
console.log("handle auction update called" + productAuctionMappingId);
|
||||
console.log("auction status:" + itemStatus);
|
||||
if (widgetPriceElement) {
|
||||
|
||||
if (productAuctionMappingId == bidBoxPageViewModel.ProductToAuctionId) {
|
||||
console.log("THIS IS FOR US! SORRY FOR SHOUTING");
|
||||
switch (itemStatus) {
|
||||
case AuctionStatus.None:
|
||||
location.reload();
|
||||
// bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.AuctionNotStarted"))";
|
||||
|
||||
// bidBoxPageViewModel.NextBidPrice = Number(auctionStatusNotification.nextBidPrice);
|
||||
|
||||
// if(bidBoxPageViewModel.WorkingCurrency.CurrencyCode == "EUR") {
|
||||
// widgetPriceElement.textContent = EURFormatter.format(auctionStatusNotification.currentPrice * bidBoxPageViewModel.WorkingCurrency.Rate); // Update the price
|
||||
// licitStepElement.textContent = EURFormatter.format(auctionStatusNotification.nextStepAmount * bidBoxPageViewModel.WorkingCurrency.Rate);
|
||||
// }
|
||||
// else {
|
||||
// widgetPriceElement.textContent = HUFFormatter.format(auctionStatusNotification.currentPrice); // Update the price
|
||||
// licitStepElement.textContent = HUFFormatter.format(auctionStatusNotification.nextStepAmount);
|
||||
// }
|
||||
break;
|
||||
|
||||
case AuctionStatus.Active:
|
||||
if (isMyBid) {
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.YourBidLeading"))";
|
||||
} else {
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.PlaceABid"))";
|
||||
}
|
||||
break;
|
||||
|
||||
case AuctionStatus.Pause:
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.AuctionPaused"))";
|
||||
break;
|
||||
|
||||
case AuctionStatus.FirstWarning:
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.FirstWarning"))";
|
||||
break;
|
||||
|
||||
case AuctionStatus.SecondWarning:
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.SecondWarning"))";
|
||||
break;
|
||||
|
||||
case AuctionStatus.Sold:
|
||||
if (isMyBid) {
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.YouWin"))";
|
||||
} else {
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.ItemClosed"))";
|
||||
}
|
||||
break;
|
||||
case AuctionStatus.NotSold:
|
||||
bidBoxTitle.textContent = "@(T("Plugins.Misc.AuctionPlugin.ItemClosed"))";
|
||||
break;
|
||||
|
||||
default:
|
||||
console.warn("Unknown AuctionStatus: ", itemStatus);
|
||||
}
|
||||
|
||||
|
||||
setButtons(itemStatus);
|
||||
|
||||
console.log(`WidgetPrice updated to: ${auctionStatusNotification.currentPrice}, next bid is ${bidBoxPageViewModel.NextBidPrice}`);
|
||||
|
||||
|
||||
}
|
||||
|
||||
else {
|
||||
console.log("Not for this product");
|
||||
}
|
||||
|
||||
|
||||
} else {
|
||||
console.warn("Element with ID 'WidgetPrice' not found in the DOM.");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function setButtons(auctionStatus) {
|
||||
console.log("SetButtons called: " + auctionStatus);
|
||||
|
||||
// Button IDs and their default states for each AuctionStatus
|
||||
//true = disabled
|
||||
var buttonStates = {
|
||||
[AuctionStatus.None]: {
|
||||
signalRBidButton: true,
|
||||
signalRFirstWarningButton: true,
|
||||
signalRSecondWarningButton: true,
|
||||
signalROpenItemButton: false,
|
||||
signalRCloseItemButton: true,
|
||||
signalRPauseItemButton: true,
|
||||
signalRRevertBidButton: true,
|
||||
signalRResetItemButton: true,
|
||||
},
|
||||
[AuctionStatus.Active]: {
|
||||
signalRBidButton: false,
|
||||
signalRFirstWarningButton: false,
|
||||
signalRSecondWarningButton: true,
|
||||
signalROpenItemButton: true,
|
||||
signalRCloseItemButton: true,
|
||||
signalRPauseItemButton: false,
|
||||
signalRRevertBidButton: true,
|
||||
signalRResetItemButton: true,
|
||||
},
|
||||
[AuctionStatus.FirstWarning]: {
|
||||
signalRBidButton: false,
|
||||
signalRFirstWarningButton: true,
|
||||
signalRSecondWarningButton: false,
|
||||
signalROpenItemButton: true,
|
||||
signalRCloseItemButton: true,
|
||||
signalRPauseItemButton: false,
|
||||
signalRRevertBidButton: true,
|
||||
signalRResetItemButton: true,
|
||||
},
|
||||
[AuctionStatus.SecondWarning]: {
|
||||
signalRBidButton: false,
|
||||
signalRFirstWarningButton: true,
|
||||
signalRSecondWarningButton: true,
|
||||
signalROpenItemButton: true,
|
||||
signalRCloseItemButton: false,
|
||||
signalRPauseItemButton: false,
|
||||
signalRRevertBidButton: true,
|
||||
signalRResetItemButton: true,
|
||||
},
|
||||
[AuctionStatus.Pause]: {
|
||||
signalRBidButton: true,
|
||||
signalRFirstWarningButton: true,
|
||||
signalRSecondWarningButton: true,
|
||||
signalROpenItemButton: false,
|
||||
signalRCloseItemButton: true,
|
||||
signalRPauseItemButton: true,
|
||||
signalRRevertBidButton: false,
|
||||
signalRResetItemButton: false,
|
||||
},
|
||||
[AuctionStatus.Sold]: {
|
||||
signalRBidButton: true,
|
||||
signalRFirstWarningButton: true,
|
||||
signalRSecondWarningButton: true,
|
||||
signalROpenItemButton: true,
|
||||
signalRCloseItemButton: true,
|
||||
signalRPauseItemButton: true,
|
||||
signalRRevertBidButton: true,
|
||||
signalRResetItemButton: true,
|
||||
},
|
||||
[AuctionStatus.NotSold]: {
|
||||
signalRBidButton: true,
|
||||
signalRFirstWarningButton: true,
|
||||
signalRSecondWarningButton: true,
|
||||
signalROpenItemButton: true,
|
||||
signalRCloseItemButton: true,
|
||||
signalRPauseItemButton: true,
|
||||
signalRRevertBidButton: true,
|
||||
signalRResetItemButton: true,
|
||||
},
|
||||
[AuctionStatus.TEST]: {
|
||||
signalRBidButton: false,
|
||||
signalRFirstWarningButton: false,
|
||||
signalRSecondWarningButton: false,
|
||||
signalROpenItemButton: false,
|
||||
signalRCloseItemButton: false,
|
||||
signalRPauseItemButton: false,
|
||||
signalRRevertBidButton: false,
|
||||
signalRResetItemButton: false,
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
// Get the states for the given auctionStatus
|
||||
var states = buttonStates[auctionStatus];
|
||||
if (!states) {
|
||||
console.error("Unknown AuctionStatus: ", auctionStatus);
|
||||
return;
|
||||
}
|
||||
|
||||
// Apply the states to each button
|
||||
Object.keys(states).forEach((buttonId) => {
|
||||
var button = document.getElementById(buttonId);
|
||||
if (button) {
|
||||
button.disabled = states[buttonId];
|
||||
button.hidden = states[buttonId];
|
||||
} else {
|
||||
console.warn(`Button with ID ${buttonId} not found.`);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
Loading…
Reference in New Issue