louder ding, small ui fixes

This commit is contained in:
Adam 2024-11-30 16:44:05 +01:00
parent 3a5fe7792f
commit 5c5d3db02c
3 changed files with 24 additions and 8 deletions

View File

@ -54,7 +54,11 @@
console.log("dates: " + myDate + ", " + fixedDate);
let resultDate = new Date(fixedDate);
console.log("dates: " + myDate + ", " + fixedDate + ", " + resultDate);
let options = {
year: "numeric", month: "numeric",
day: "numeric", hour: "2-digit", minute: "2-digit"
};
let status = productToAuctionDto.auctionStatus;
// Add a new div as the first child
if (isActive) {
console.log("isActive: " + isActive);
@ -65,15 +69,27 @@
'</p><span>' +
"No.: " + productToAuctionDto.sortIndex +
'</span></div>');
} else {
}
else if (status == AuctionStatus.Sold || status == AuctionStatus.NotSold) {
console.log("isActive: " + isActive);
productItem.prepend('<div id="' +
publicInfoOverlayId +
'" class="bg-secondary p-1 text-white text-center" style="position: absolute; width: calc(100% - 1rem); height: 50px; z-index: 1;"><p class="m-0"><i class="fa-solid fa-gavel"></i> ' +
'@T("Plugins.Misc.AuctionPlugin.Finished")' +
'</p><span>' +
"No.: " + productToAuctionDto.sortIndex +
'</span></div>');
}
else {
console.log("isActive: " + isActive);
productItem.prepend('<div id="' +
publicInfoOverlayId +
'" class="bg-primary p-1 text-white text-center" style="position: absolute; width: calc(100% - 1rem); height: 50px; z-index: 1;"><p class="m-0"><i class="fa-solid fa-gavel"></i> ' +
resultDate.toLocaleString() +
resultDate.toLocaleString([], options) +
'</p><span>' +
"No.: " + productToAuctionDto.sortIndex +
'</span></div>');
}
} else {

View File

@ -58,21 +58,21 @@
</div>
<div id="publicProductBidBox" class="p-3 @bgClass text-white">
<p>#@Model.AuctionDto.ProductToAuctionDtos.FirstOrDefault().SortIndex</p>
<strong>#@(Model.AuctionDto.ProductToAuctionDtos.FirstOrDefault().SortIndex)</strong>
<h4 id="bidBoxTitle">@title</h4>
<div class="d-flex justify-content-between">
<div>
<div class="m-auto">
<strong>Base Price:</strong>
<span class="value">
@($"{Model.BasePrice:c}")
@* @(decimal?.Round(Model.BasePrice, 2, MidpointRounding.AwayFromZero)) *@
</span>
</div>
<div>
<div class="m-auto">
<strong>Bid Step:</strong>
<span id="licitStepText" class="value">@($"{Model.LicitStep:c}")</span>
</div>
<div>
<div class="m-auto">
<button id="signalRBidButton" class="btn btn-success" style="text-transform: uppercase;" type="button" @(!bidButtonActive ? "disabled" : string.Empty)>
@T("Plugins.Misc.AuctionPlugin.BidButtonPrefix") @($"{Model.NextBidPrice:c}")
</button>