kocoded/oqtane.framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Extend the Section component with "Visible" parameter

Browse Source
This commit is contained in:
beolafsen 2023-12-01 07:34:17 +01:00
parent 3e127dbd9c
commit 0e060c4564
1 changed files with 25 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
Oqtane.Client/Modules/Controls/Section.razor
View File

@ -1,27 +1,30 @@
@namespace Oqtane.Modules.Controls @namespace Oqtane.Modules.Controls
@inherits LocalizableComponent @inherits LocalizableComponent
<div class="d-flex mt-2"> @if (IsVisible)
<div> {
<a data-bs-toggle="collapse" class="app-link-unstyled" href="#@Name" aria-expanded="@_expanded" aria-controls="@Name" @onclick:preventDefault="true"> <div class="d-flex mt-2">
<h5>@_heading</h5> <div>
</a> <a data-bs-toggle="collapse" class="app-link-unstyled" href="#@Name" aria-expanded="@_expanded" aria-controls="@Name" @onclick:preventDefault="true">
<h5>@_heading</h5>
</a>
</div>
<div class="ms-auto">
<a data-bs-toggle="collapse" class="app-link-unstyled float-right" href="#@Name" aria-expanded="@_expanded" aria-controls="@Name" @onclick:preventDefault="true">
<i class="oi oi-chevron-bottom"></i>&nbsp;
</a>
</div>
</div> </div>
<div class="ms-auto"> <div class="d-flex">
<a data-bs-toggle="collapse" class="app-link-unstyled float-right" href="#@Name" aria-expanded="@_expanded" aria-controls="@Name" @onclick:preventDefault="true"> <hr class="app-rule" />
<i class="oi oi-chevron-bottom"></i>&nbsp;
</a>
</div> </div>
</div> <div class="collapse @_show" id="@Name">
<div class="d-flex"> @if (ChildContent != null)
<hr class="app-rule" /> {
</div> @ChildContent
<div class="collapse @_show" id="@Name"> }
@if (ChildContent != null) </div>
{ }
@ChildContent
}
</div>
@code { @code {
private string _heading = string.Empty; private string _heading = string.Empty;
@ -40,6 +43,9 @@
[Parameter] [Parameter]
public string Expanded { get; set; } // optional - will default to false if not provided public string Expanded { get; set; } // optional - will default to false if not provided
[Parameter]
public bool IsVisible { get; set; } = true;
protected override void OnParametersSet() protected override void OnParametersSet()
{ {
base.OnParametersSet(); // must be included to call method in LocalizableComponent base.OnParametersSet(); // must be included to call method in LocalizableComponent