bitframework/src/BlazorUI/Bit.BlazorUI.Extras/Components/ProPanel/BitProPanel.razor at 6fe6bf645ace7f55ec1592df846d9bf5da2ced2c · msynk/bitframework · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
@namespace Bit.BlazorUI
@inherits BitComponentBase

<BitPanel AriaLabel="@AriaLabel"
          Class="@ClassBuilder.Value"
          Dir="Dir"
          @attributes="HtmlAttributes"
          Id="@Id"
          IsEnabled="IsEnabled"
          Style="@StyleBuilder.Value"
          Visibility="Visibility"
          AutoToggleScroll="AutoToggleScroll"
          Blocking="Blocking"
          Classes="Classes"
          IsOpen="IsOpen"
          IsOpenChanged="AssignIsOpen"
          Modeless="Modeless"
          OnDismiss="OnDismiss"
          OnSwipeStart="OnSwipeStart"
          OnSwipeMove="OnSwipeMove"
          OnSwipeEnd="OnSwipeEnd"
          Position="Position"
          Size="Size"
          ScrollerSelector="@ScrollerSelector"
          Styles="Styles"
          SwipeTrigger="SwipeTrigger">
    @if (Header is not null || HeaderText is not null || ShowCloseButton)
    {
        <div style="@Styles?.HeaderContainer" class="bit-ppl-hcn @Classes?.HeaderContainer">
            @if (Header is not null)
            {
                <div style="@Styles?.Header" class="bit-ppl-hdr @Classes?.Header">
                    @Header
                </div>
            }
            else if (HeaderText is not null)
            {
                <div style="@Styles?.Header" class="bit-ppl-hdr @Classes?.Header">
                    @HeaderText
                </div>
            }

            @if (ShowCloseButton)
            {
                var closeIcon = BitIconInfo.From(CloseIcon, CloseIconName ?? "Cancel");

                <button @onclick="ClosePanel"
                        type="button"
                        title="Close"
                        aria-label="Close"
                        style="@Styles?.CloseButton"
                        class="bit-ppl-cls @Classes?.CloseButton">
                    <i style="@Styles?.CloseIcon"
                       class="@closeIcon?.GetCssClasses() @Classes?.CloseIcon" />
                </button>
            }
        </div>
    }

    <div style="@Styles?.Body" class="bit-ppl-bdy @Classes?.Body">
        @(Body ?? ChildContent)
    </div>

    @if (Footer is not null)
    {
        <div style="@Styles?.Footer" class="bit-ppl-fcn @Classes?.Footer">
            @Footer
        </div>
    }
    else if (FooterText is not null)
    {
        <div style="@Styles?.Footer" class="bit-ppl-fcn @Classes?.Footer">
            @FooterText
        </div>
    }
</BitPanel>