TourIAm/TIAMSharedUI/Pages/Components/AuctionItemComponent.razor

58 lines
1.8 KiB
Plaintext

@using TIAMWebApp.Shared.Application.Models;
<div class="card text-center">
<div style="max-height: 50vh; overflow-y:hidden;">
@{
var url = "_content/TIAMSharedUI/images/auction" + AuctionItemId.ToString() + ".jpg";
}
<img src=@url class="card-img-top" style="margin: 0 auto;" alt="...">
</div>
<div class="card-body">
<h5 class="card-title"><h3>Item @AuctionItemId.ToString()</h3></h5>
<p class="card-text">@IsLoading</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">An item</li>
<li class="list-group-item">A second item</li>
<li class="list-group-item">A third item</li>
</ul>
<div class="card-body">
<form class="p-3 mt-3">
<div>
@switch (currentStep)
{
case 0:
<AuctionStep0 onNext="NextStep" />
;
break;
case 1:
<AuctionStep1 @bind-AuctionBidModel="auctionBidModel" onNext="NextStep" />
;
break;
case 2:
<AuctionStep2 @bind-AuctionBidModel="auctionBidModel" onNext="NextStep" onPrev="PreviousStep" />
;
break;
case 3:
<AuctionStep3 @bind-AuctionBidModel="auctionBidModel" onSubmit="SubmitBid" onPrev="PreviousStep" />
;
break;
}
</div>
</form>
</div>
<div class="card-footer">
<p>Bid azonosító: @auctionBidModel.Id</p>
<!--a href="#" class="card-link">Card link</a>
<a-- href="#" class="card-link">Another link</a-->
</div>
</div>
@code {
}