You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.2 KiB
35 lines
1.2 KiB
@inject HttpClient HttpClient
|
|
|
|
<div class="dialog-container">
|
|
<div class="dialog">
|
|
<div class="dialog-title">
|
|
<h2>@Pizza.Special.Name</h2>
|
|
@Pizza.Special.Description
|
|
</div>
|
|
<form class="dialog-body">
|
|
<div>
|
|
<label>Size:</label>
|
|
<input type="range" @bind="Pizza.Size" min="@Pizza.MinimumSize" max="@Pizza.MaximumSize" step="1" />
|
|
<span class="size-label">
|
|
@(Pizza.Size) (£@(Pizza.GetFormattedTotalPrice()))
|
|
</span>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="dialog-buttons">
|
|
<button class="btn btn-secondary mr-auto" @onclick="OnCancel">Cancel</button>
|
|
<span class="mr-center">
|
|
Price: <span class="price">@(Pizza.GetFormattedTotalPrice())</span>
|
|
</span>
|
|
<button class="btn btn-success ml-auto" @onclick="OnConfirm">Order ></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@code {
|
|
[Parameter] public Pizza Pizza { get; set; }
|
|
|
|
[Parameter] public EventCallback OnCancel { get; set; }
|
|
|
|
[Parameter] public EventCallback OnConfirm { get; set; }
|
|
}
|
|
|