NeilBrommer/BlazorStart
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Create a component for displaying bookmark containers

Browse source
This commit is contained in:
Neil Brommer 2021-11-29 22:26:38 -08:00
parent b0a4c5a957
commit 437e90039f
2 changed files with 36 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
Start/Client/Components/BookmarkContainer.razor Normal file
View file

@ -0,0 +1,35 @@
@using Start.Shared
<div class="activeBookmarkContainer">
@if (this.Container == null)
{
<div class="empty">
<div class="empty-icon">
<div class="loading loading-icon"></div>
</div>
<p class="empty-title h5">Loading Bookmarks</p>
</div>
<p class="text-center">Loading Bookmarks</p>
}
else if (!this.Container.BookmarkGroups?.Any() ?? true)
{
<div class="empty">
<div class="empty-icon">
<i class="icon icon-3x icon-bookmark"></i>
</div>
<p class="empty-title h5">No Bookmark Groups</p>
</div>
}
else
{
foreach (BookmarkGroupDto group in this.Container.BookmarkGroups!)
{
<BookmarkGroup Group="group" />
}
}
</div>
@code {
[Parameter]
public BookmarkContainerDto? Container { get; set; }
}

29
Start/Client/Pages/Index.razor
View file

@ -47,34 +47,7 @@ else
</li> </li>
</ul> </ul>
<div class="activeBookmarkContainer"> <BookmarkContainer Container="this.selectedBookmarkContainer" />
@if (this.selectedBookmarkContainer == null)
{
<div class="empty">
<div class="empty-icon">
<div class="loading loading-icon"></div>
</div>
<p class="empty-title h5">Loading Bookmarks</p>
</div>
<p class="text-center">Loading Bookmarks</p>
}
else if (!this.selectedBookmarkContainer.BookmarkGroups?.Any() ?? true)
{
<div class="empty">
<div class="empty-icon">
<i class="icon icon-3x icon-bookmark"></i>
</div>
<p class="empty-title h5">No Bookmark Groups</p>
</div>
}
else
{
@foreach (BookmarkGroupDto group in this.selectedBookmarkContainer.BookmarkGroups!)
{
<BookmarkGroup Group="group" />
}
}
</div>
<CreateContainer IsOpen="showCreateContainerForm" OnClose="this.OnCloseCreateContainer" <CreateContainer IsOpen="showCreateContainerForm" OnClose="this.OnCloseCreateContainer"
OnCreated="this.OnContainerCreated" /> OnCreated="this.OnContainerCreated" />