131 lines
4.0 KiB
Plaintext
131 lines
4.0 KiB
Plaintext
<div class="modal-content neomorph">
|
|
|
|
@*<div class="modal-card-head">
|
|
<h4 class="modal-card-title has-text-centered">
|
|
Add a new configuration for a service
|
|
</h4>
|
|
</div>*@
|
|
|
|
<div class="modal-card-body">
|
|
|
|
<h1>@Message</h1>
|
|
|
|
</div>
|
|
|
|
<div class="modal-card-foot">
|
|
|
|
<div class="level fullwidth">
|
|
@switch (PopupType)
|
|
{
|
|
case PopupType.Ok:
|
|
<div class="level-left">
|
|
<div class="level-item"></div>
|
|
</div>
|
|
<div class="level-right">
|
|
<div class="level-item">
|
|
<Blazorise.Bulma.Button Clicked="Ok" Class="is-rounded neoBtnSmall is-small has-text-dark">
|
|
<span class="icon is-small has-text-success">
|
|
<i class="mdi mdi-check"></i>
|
|
</span>
|
|
<span>Ok</span>
|
|
</Blazorise.Bulma.Button>
|
|
</div>
|
|
</div>
|
|
break;
|
|
case PopupType.OkCancel:
|
|
<div class="level-left">
|
|
<div class="level-item">
|
|
<Blazorise.Bulma.Button Clicked="Cancel" Class="is-rounded neoBtnSmall is-small has-text-dark">
|
|
<span class="icon is-small">
|
|
<i class="mdi mdi-close"></i>
|
|
</span>
|
|
<span>Cancel</span>
|
|
</Blazorise.Bulma.Button>
|
|
</div>
|
|
</div>
|
|
<div class="level-right">
|
|
<div class="level-item">
|
|
<Blazorise.Bulma.Button Clicked="Ok" Class="is-rounded neoBtnSmall is-small has-text-dark" Type="ButtonType.Submit">
|
|
<span class="icon is-small has-text-success">
|
|
<i class="mdi mdi-check"></i>
|
|
</span>
|
|
<span>Ok</span>
|
|
</Blazorise.Bulma.Button>
|
|
</div>
|
|
</div>
|
|
break;
|
|
case PopupType.YesNo:
|
|
<div class="level-left">
|
|
<div class="level-item">
|
|
<Blazorise.Bulma.Button Clicked="No" Class="is-rounded neoBtnSmall is-small has-text-dark">
|
|
<span class="icon is-small has-text-danger">
|
|
<i class="mdi mdi-close"></i>
|
|
</span>
|
|
<span>No</span>
|
|
</Blazorise.Bulma.Button>
|
|
</div>
|
|
</div>
|
|
<div class="level-right">
|
|
<div class="level-item">
|
|
<Blazorise.Bulma.Button Clicked="Yes" Class="is-rounded neoBtnSmall is-small has-text-dark" Type="ButtonType.Submit">
|
|
<span class="icon is-small has-text-success">
|
|
<i class="mdi mdi-check"></i>
|
|
</span>
|
|
<span>Yes</span>
|
|
</Blazorise.Bulma.Button>
|
|
</div>
|
|
</div>
|
|
break;
|
|
case PopupType.YesNoCancel:
|
|
<div class="level-left">
|
|
<div class="level-item">
|
|
<Blazorise.Bulma.Button Clicked="Cancel" Class="is-rounded neoBtnSmall is-small has-text-dark">
|
|
<span class="icon is-small">
|
|
<i class="mdi mdi-close"></i>
|
|
</span>
|
|
<span>Cancel</span>
|
|
</Blazorise.Bulma.Button>
|
|
</div>
|
|
</div>
|
|
<div class="level-right">
|
|
<div class="level-item">
|
|
<Blazorise.Bulma.Button Clicked="No" Class="is-rounded neoBtnSmall is-small has-text-dark">
|
|
<span class="icon is-small has-text-danger">
|
|
<i class="mdi mdi-close"></i>
|
|
</span>
|
|
<span>No</span>
|
|
</Blazorise.Bulma.Button>
|
|
</div>
|
|
<div class="level-item">
|
|
<Blazorise.Bulma.Button Clicked="Yes" Class="is-rounded neoBtnSmall is-small has-text-dark" Type="ButtonType.Submit">
|
|
<span class="icon is-small has-text-success">
|
|
<i class="mdi mdi-check"></i>
|
|
</span>
|
|
<span>Yes</span>
|
|
</Blazorise.Bulma.Button>
|
|
</div>
|
|
</div>
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
@code {
|
|
[CascadingParameter]
|
|
BlazoredModalInstance BlazoredModal { get; set; }
|
|
|
|
[Parameter, Required]
|
|
public string Message { get; set; }
|
|
[Parameter, Required]
|
|
public PopupType PopupType { get; set; }
|
|
|
|
void Yes() => BlazoredModal.Close(ModalResult.Ok(PopupAnswer.Yes));
|
|
void No() => BlazoredModal.Close(ModalResult.Ok(PopupAnswer.No));
|
|
void Ok() => BlazoredModal.Close(ModalResult.Ok(PopupAnswer.Ok));
|
|
void Cancel() => BlazoredModal.Close(ModalResult.Ok(PopupAnswer.Cancel));
|
|
}
|