|
|
|
@ -2,18 +2,104 @@
|
|
|
|
|
|
|
|
|
|
<Modal @ref="ModalReference">
|
|
|
|
|
<ModalBackdrop />
|
|
|
|
|
<ModalContent IsForm="false" IsCentered="true">
|
|
|
|
|
<ModalHeader>
|
|
|
|
|
<ModalTitle>
|
|
|
|
|
<span class="icon is-medium"><i class="mdi @NotificationSettings.TitleClass"></i></span>
|
|
|
|
|
<span>@NotificationSettings.Title</span>
|
|
|
|
|
</ModalTitle>
|
|
|
|
|
</ModalHeader>
|
|
|
|
|
<ModalContent>
|
|
|
|
|
<ModalBody>
|
|
|
|
|
<p>@NotificationSettings.Text</p>
|
|
|
|
|
</ModalBody>
|
|
|
|
|
<ModalFooter>
|
|
|
|
|
<Blazorise.Bulma.Button Color="@NotificationSettings.ButtonColor" Clicked="@HideGeneralNotificationModal">Ok</Blazorise.Bulma.Button>
|
|
|
|
|
<div class="level fullwidth">
|
|
|
|
|
@switch (NotificationSettings.PopupType)
|
|
|
|
|
{
|
|
|
|
|
case PopupType.Ok:
|
|
|
|
|
<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>
|
|
|
|
|
</ModalFooter>
|
|
|
|
|
</ModalContent>
|
|
|
|
|
</Modal>
|