70 lines
2.0 KiB
Plaintext
70 lines
2.0 KiB
Plaintext
@typeparam CFile
|
|
|
|
<div class="filesWithEditor">
|
|
|
|
<div class="tile is-parent is-4 is-vertical">
|
|
<div class="tile is-child">
|
|
<div class="buttons are-small">
|
|
<button class="button is-static is-outlined"><span class="icon is-small"><i class="mdi mdi-filter-outline"></i></span></button>
|
|
@foreach (var filter in Filters)
|
|
{
|
|
<button @onclick="e => OnFilterClick(e,filter)" class="button is-outlined">@filter</button>
|
|
}
|
|
</div>
|
|
</div>
|
|
<div class="tile is-child">
|
|
<div class="field">
|
|
<p class="control has-icons-left">
|
|
<input formnovalidate value="@SearchInput" @onchange="e => SearchInputChanged(e)" class="input is-small is-primary" type="text" placeholder="Search...">
|
|
<span class="icon is-small is-left">
|
|
<i class="mdi mdi-search-web"></i>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="tile is-child is-vertical">
|
|
<aside class="menu">
|
|
<ul class="menu-list">
|
|
@foreach (var file in Files)
|
|
{
|
|
<li @onclick="e => OnFileClick(e,file)" @key="file" class="@file.IsVisible">
|
|
<FileItem File="file" @key="file"></FileItem>
|
|
</li>
|
|
}
|
|
</ul>
|
|
</aside>
|
|
</div>
|
|
<div class="tile is-child">
|
|
<div class="buttons are-small is-centered has-addons">
|
|
<button class="button is-primary" @onclick="OnAddDialog">
|
|
<span class="icon is-small">
|
|
<i class="mdi mdi-plus-box-outline"></i>
|
|
</span>
|
|
<span>Add</span>
|
|
</button>
|
|
<button class="button is-warning" @onclick="OnUpdateDialog">
|
|
<span class="icon is-small">
|
|
<i class="mdi mdi-pencil-box-outline"></i>
|
|
</span>
|
|
<span>Update</span>
|
|
</button>
|
|
<button class="button is-danger" @onclick="OnDeleteDialog">
|
|
<span class="icon is-small">
|
|
<i class="mdi mdi-minus-box-outline"></i>
|
|
</span>
|
|
<span>Delete</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="tile is-parent is-vertical is-8">
|
|
@Editor
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|