| | | 1 | | <div class="panel panel-inverse @((isExpanded) ? "panel-expand" : null)"> |
| | | 2 | | <div class="panel-heading ui-sortable-handle"> |
| | 0 | 3 | | <h4 class="panel-title">@Title</h4> |
| | | 4 | | <div class="panel-heading-btn"> |
| | 0 | 5 | | @if (Expandable) |
| | 0 | 6 | | { |
| | 0 | 7 | | <a class="btn btn-xs btn-icon btn-primary" @onclick="() => ToggleExpanded()"><i class="oi @((isExpanded) |
| | | 8 | | |
| | 0 | 9 | | } |
| | | 10 | | |
| | 0 | 11 | | @if (Reloadable) |
| | 0 | 12 | | { |
| | | 13 | | <a href="javascript:;" class="btn btn-xs btn-icon btn-success"><i class="oi oi-reload"></i></a> |
| | | 14 | | |
| | 0 | 15 | | } |
| | | 16 | | |
| | 0 | 17 | | @if (Minimizable) |
| | 0 | 18 | | { |
| | 0 | 19 | | <a href="javascript:;" class="btn btn-xs btn-icon btn-warning" @onclick="() => ToggleMinimized()"><i cla |
| | | 20 | | |
| | 0 | 21 | | } |
| | | 22 | | |
| | 0 | 23 | | @if (Closeable) |
| | 0 | 24 | | { |
| | | 25 | | <a href="javascript:;" class="btn btn-xs btn-icon btn-danger"><i class="oi oi-x"></i></a> |
| | | 26 | | |
| | 0 | 27 | | } |
| | | 28 | | </div> |
| | | 29 | | </div> |
| | | 30 | | <div class="panel-body" style="@((isMinimized) ? "display: none;" : null)"> |
| | 0 | 31 | | @ChildContent |
| | | 32 | | </div> |
| | | 33 | | </div> |
| | | 34 | | |
| | | 35 | | @code { |
| | | 36 | | [Parameter] |
| | 0 | 37 | | public string Title { get; set; } |
| | | 38 | | |
| | | 39 | | [Parameter] |
| | 0 | 40 | | public RenderFragment ChildContent { get; set; } |
| | | 41 | | |
| | | 42 | | [Parameter] |
| | 0 | 43 | | public EventCallback RefreshRequested { get; set; } |
| | | 44 | | |
| | | 45 | | [Parameter] |
| | 0 | 46 | | public bool Expandable { get; set; } = true; |
| | | 47 | | |
| | | 48 | | [Parameter] |
| | 0 | 49 | | public bool Reloadable { get; set; } = false; |
| | | 50 | | |
| | | 51 | | [Parameter] |
| | 0 | 52 | | public bool Minimizable { get; set; } = true; |
| | | 53 | | |
| | | 54 | | [Parameter] |
| | 0 | 55 | | public bool Closeable { get; set; } = false; |
| | | 56 | | |
| | | 57 | | private bool isExpanded; |
| | | 58 | | |
| | | 59 | | private bool isMinimized; |
| | | 60 | | |
| | | 61 | | private void ToggleExpanded() |
| | 0 | 62 | | { |
| | 0 | 63 | | isMinimized = false; |
| | 0 | 64 | | isExpanded = !isExpanded; |
| | 0 | 65 | | } |
| | | 66 | | |
| | | 67 | | private void ToggleMinimized() |
| | 0 | 68 | | { |
| | 0 | 69 | | isExpanded = false; |
| | 0 | 70 | | isMinimized = !isMinimized; |
| | 0 | 71 | | } |
| | | 72 | | |
| | | 73 | | private void RefreshClicked() |
| | 0 | 74 | | { |
| | 0 | 75 | | RefreshRequested.InvokeAsync(); |
| | 0 | 76 | | } |
| | | 77 | | } |