Escali License control 1
StandardModal.razor
Gå til dokumentasjonen til denne filen.
1@if (ShowModal)
2{
3 <div style="display:block; background-color:rgba(10,10,10,.5)" class="modal fade show">
4 <div class="modal-dialog modal-dialog-scrollable">
5 <div class="modal-content">
6
7 <!-- Modal Header -->
8 <div class="modal-header">
9 <div class="d-flex flex-column">
10 <h2 class="modal-title"><b>@Header</b></h2>
11 <h5 class="modal-header-second m-0">@HeaderSecond</h5>
12 </div>
13 </div>
14
15 <!-- Modal body -->
16 <div class="modal-body" style="display: flex; justify-content: left">
17 @ChildContent
18 </div>
19
20 <!-- Modal footer -->
21 <div class="modal-footer">
22 <button class="btn btn-primary" type="submit">@SubmitButtonName</button>
23 <button class="btn btn-danger" type="button" @onclick="HideModal">Avbryt</button>
24 </div>
25
26 </div>
27 </div>
28 </div>
29}
30
31@code {
32
33 [Parameter]
34 public bool ShowModal { get; set; }
35
36 [Parameter]
37 public string? Header { get; set; }
38
39 [Parameter]
40 public string? HeaderSecond { get; set; }
41
42 [Parameter]
43 public RenderFragment? ChildContent { get; set; }
44
45 [Parameter]
46 public string? SubmitButtonName { get; set; }
47
48 public void OpenModal()
49 {
50 ShowModal = true;
51 }
52
53 public void HideModal()
54 {
55 ShowModal = false;
56 OnModalClosed.InvokeAsync();
57 }
58
59 [Parameter]
60 public EventCallback OnModalClosed { get; set; }
61
62}