Save

Pages/Administration.razor

@@ -1,4 +1,5 @@
 @page "/administration"
+@inherits PagesBase
 
 <section class="block relative w-full h-full neomorphInset is-nxsmall rounded-xl">
 

Pages/Authentication.razor

@@ -0,0 +1,23 @@
+@page "/authentication/{action}"
+@inherits PagesBase
+
+
+<section class="block relative w-full h-full neomorphInset is-nxsmall rounded-xl">
+
+	<div class="flex flex-col space-y-4 p-4 md:p-5 w-full h-full absolute overflow-y-auto">
+
+		<RemoteAuthenticatorView Action="@Action" />
+
+	</div>
+
+</section>
+
+@code {
+	[Parameter]
+	public string Action { get; set; }
+
+	protected override void OnInitialized()
+	{
+		base.OnInitialized();
+	}
+}

Pages/Counter.razor

@@ -1,18 +0,0 @@
-@page "/counter"
-
-<PageTitle>Counter</PageTitle>
-
-<h1>Counter</h1>
-
-<p role="status">Current count: @currentCount</p>
-
-<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
-
-@code {
-    private int currentCount = 0;
-
-    private void IncrementCount()
-    {
-        currentCount++;
-    }
-}

Pages/ExpandMessage.razor

@@ -1,42 +1,207 @@
-@page "/expand/{messageId}"
-<Title>@Localizer</Title>
+@page "/expand"
+@page "/expand/{messageId}"
+@inherits PagesBase
+<Title>@CascadingState.Localizer</Title>
 
-<section class="block relative w-full h-full neomorphInset is-nxsmall rounded-xl">
+<div class="flex w-full h-full flex-col space-y-4">
 
-	<div class="flex flex-col space-y-4 p-4 md:p-5 w-full h-full absolute overflow-y-auto">
+	<section class="block relative w-full h-full neomorphInset is-nxsmall rounded-xl">
+		<div class="flex flex-col space-y-4 p-4 md:p-5 w-full h-full absolute overflow-y-auto @SUtility.IfTrueThen(TimeSortingType is TimeSortingType.Descending, "flex-col-reverse")">
 
-	</div>
+			@if (IsLoading)
+			{
+				<LoadingData/>
+			}
 
-</section>
+			@foreach (var message in Ancestors)
+			{
+				<Content CssContainer="ml-6 w-auto" IncludeExpand="false" Message="message"
+							 OnMessageBoost="async (m) => await OnMessageBoost(m)" OnMessageDelete="async (m) => await OnMessageDelete(m)"
+							 OnMessageFavourite="async (m) => await OnMessageFavourite(m)" OnMessageReply="async (m) => await OnMessageReply(m)"
+							 OnMessageMediaDownload="async (m) => await OnMessageMediaDownload(m)"
+							 OnUserBlock="async (u) => await OnUserBlock(u)" OnUserDirectMessage="async (u) => await OnUserDirectMessage(u)" OnUserSilence="async (u) => await OnUserSilence(u)" />
+			}
 
+			<Content CssContainer="is-nsmall" IncludeExpand="false" Message="CurrentMessage"
+							 OnMessageBoost="async (m) => await OnMessageBoost(m)" OnMessageDelete="async (m) => await OnMessageDelete(m)"
+							 OnMessageFavourite="async (m) => await OnMessageFavourite(m)" OnMessageReply="async (m) => await OnMessageReply(m)"
+							 OnMessageMediaDownload="async (m) => await OnMessageMediaDownload(m)"
+							 OnUserBlock="async (u) => await OnUserBlock(u)" OnUserDirectMessage="async (u) => await OnUserDirectMessage(u)" OnUserSilence="async (u) => await OnUserSilence(u)" />
+
+			@foreach (var message in Descendants)
+			{
+				<Content CssContainer="ml-6 w-auto" IncludeExpand="false" Message="message"
+							 OnMessageBoost="async (m) => await OnMessageBoost(m)" OnMessageDelete="async (m) => await OnMessageDelete(m)"
+							 OnMessageFavourite="async (m) => await OnMessageFavourite(m)" OnMessageReply="async (m) => await OnMessageReply(m)"
+							 OnMessageMediaDownload="async (m) => await OnMessageMediaDownload(m)"
+							 OnUserBlock="async (u) => await OnUserBlock(u)" OnUserDirectMessage="async (u) => await OnUserDirectMessage(u)" OnUserSilence="async (u) => await OnUserSilence(u)" />
+			}
+
+		</div>
+	</section>
+
+</div>
 
 @code {
-	[CascadingParameter] IStringLocalizer<AllStrings> Localizer { get; set; }
+	[CascadingParameter] CascadingState CascadingState { get; set; }
 	[Inject] NavigationManager Navigation { get; set; }
 	[Inject] IStorage DbStorage { get; set; }
-	[SupplyParameterFromQuery] string messageId { get; set; }
+	[Inject] ILocalStorageService LocalStorage { get; set; }
+	[Inject] IBlazorDownloadFileService BlazorDownloadFileService { get; set; }
+	[Inject] MessagesService MessagesService { get; set; }
+	[Parameter] public string MessageId { get; set; }
 
-	List<Message> Messages { get; set; } = new();
+	List<Message> Ancestors { get; set; } = new();
+	Message CurrentMessage { get; set; } = new();
+	List<Message> Descendants { get; set; } = new();
+
+	TimeSortingType TimeSortingType { get; set; } = TimeSortingType.Ascending;
 
 	protected override async Task OnInitializedAsync()
 	{
-		if (messageId is { Length: 0 })
+		if (MessageId is { Length: 0 })
 		{
 			Navigation.NavigateTo("/");
 			return;
 		}
 
-		var currentMessage = await DbStorage.GetMessage(messageId);
-
-		var messages = await DbStorage.GetMessages();
-
-		if (currentMessage.RootMessageId is { Length: > 0 })
-			Messages = messages.Where(m => m.RootMessageId == currentMessage.RootMessageId)
-				.OrderByDescending(m => m.CreatedAt)
-				.ToList();
+		var filters = await LocalStorage.GetItemAsync<ActionBarFilter>(nameof(ActionBarFilter));
+		if (filters == default)
+			await LocalStorage.SetItemAsync(nameof(ActionBarFilter), new ActionBarFilter());
 		else
-			Messages = messages.Where(m => m.RootMessageId == messageId)
-				.OrderByDescending(m => m.CreatedAt)
-				.ToList();
+			TimeSortingType = filters.TimeSortingType;
+
+		CurrentMessage = await DbStorage.GetMessage(MessageId);
+
+		Ancestors = new List<Message>
+		{
+			new()
+			{
+				RootMessageId = default,
+				MessageId = "51C698E3-7C28-4C90-9212-48D5C81DE089",
+				User = Faker.GetRandomUser(),
+				MessageType = (MessageType)Random.Shared.Next(0, 4),
+				Title = CurrentMessage?.Title,
+				Content = "<p>esempio di messaggio <b>precedente</b> a quello espanso</p>",
+				Medias = new(),
+				CreatedAt = DateTime.UtcNow.AddMinutes(Random.Shared.Next(-5000, 0)),
+				IsFavourite = Random.Shared.Next() % 2 == 0,
+				IsBoosted = Random.Shared.Next() % 2 == 0,
+			}
+		};
+
+		Descendants = new List<Message>
+		{
+			new()
+			{
+				RootMessageId = default,
+				MessageId = "0569A1DF-46FC-4485-9F11-F8CDFB794404",
+				User = Faker.GetRandomUser(),
+				MessageType = (MessageType)Random.Shared.Next(0, 4),
+				Title = CurrentMessage?.Title,
+				Content = "<p>esempio di messaggio <b>successivo</b> a quello espanso</p>",
+				Medias = new(),
+				CreatedAt = DateTime.UtcNow.AddMinutes(Random.Shared.Next(-5000, 0)),
+				IsFavourite = Random.Shared.Next() % 2 == 0,
+				IsBoosted = Random.Shared.Next() % 2 == 0,
+			}
+		};
+		IsLoading = false;
 	}
-}
+
+	void OnTimeSortingChanged(TimeSortingType timeSortingType)
+	{
+		TimeSortingType = timeSortingType;
+	}
+
+	async Task OnMessageReply(MessageForm messageForm)
+	{
+		await Task.Run(() =>
+		{
+		});
+		var replyMessage = await MessagesService.SubmitMessage(messageForm);
+		Descendants.Add(new()
+			{
+				MessageId = Guid.NewGuid().ToString(),
+				Content = messageForm.Content?.ParseContent(messageForm.ContentType),
+				CreatedAt = DateTime.UtcNow,
+				MessageType = messageForm.MessageType,
+				Medias = messageForm.Media.Select(m => new Media
+				{
+					FileName = m.FileName,
+					AltText = m.AltText,
+					ContentType = m.ContentType,
+					Url = m.Base64Preview,
+					Blob = m.Blob
+				}).ToList(),
+				Title = messageForm.Title,
+				User = new MessageUser
+				{
+					UserId = CascadingState.User.Id,
+					UserName = CascadingState.User.UserName,
+					DisplayName = CascadingState.User.DisplayName,
+					PictureUrl = CascadingState.User.PictureUrl,
+					ProfileUrl = CascadingState.User.ProfileUrl,
+					BackgroundUrl = CascadingState.User.BackgroundUrl
+				},
+			});
+	}
+
+	async ValueTask OnMessageBoost(Message message)
+	{
+		await Task.Run(() =>
+		{
+		});
+		message.IsBoosted = !message.IsBoosted;
+		var boostedMessage = await MessagesService.BoostUnboostMessage(message);
+	}
+
+	async ValueTask OnMessageFavourite(Message message)
+	{
+		await Task.Run(() =>
+		{
+		});
+		message.IsFavourite = !message.IsFavourite;
+		var favouriteMessage = await MessagesService.FavouriteUnfavouriteMessage(message);
+	}
+
+	async ValueTask OnMessageDelete(Message message)
+	{
+		await Task.Run(() =>
+		{
+		});
+		var deleteResult = await MessagesService.DeleteMessage(message);
+	}
+
+	async ValueTask OnMessageMediaDownload(Media media)
+	{
+		await Task.Run(() =>
+		{
+		});
+		await BlazorDownloadFileService.DownloadFileAsync(media.FileName, media.Blob, media.ContentType);
+	}
+
+	async ValueTask OnUserBlock(MessageUser messageUser)
+	{
+		await Task.Run(() =>
+		{
+		});
+		var blockResult = await MessagesService.BlockUserFromMessage(messageUser);
+	}
+
+	async ValueTask OnUserDirectMessage(Message message)
+	{
+		await Task.Run(() =>
+		{
+		});
+		var directMessage = await MessagesService.ReplyMessage(message, MessageType.Direct);
+	}
+
+	async ValueTask OnUserSilence(MessageUser messageUser)
+	{
+		await Task.Run(() =>
+		{
+		});
+		var silenceResult = await MessagesService.SilenceUserFromMessage(messageUser);
+	}
+}

Pages/FetchData.razor

@@ -1,57 +0,0 @@
-@page "/fetchdata"
-@inject HttpClient Http
-
-<PageTitle>Weather forecast</PageTitle>
-
-<h1>Weather forecast</h1>
-
-<p>This component demonstrates fetching data from the server.</p>
-
-@if (forecasts == null)
-{
-    <p><em>Loading...</em></p>
-}
-else
-{
-    <table class="table">
-        <thead>
-            <tr>
-                <th>Date</th>
-                <th>Temp. (C)</th>
-                <th>Temp. (F)</th>
-                <th>Summary</th>
-            </tr>
-        </thead>
-        <tbody>
-            @foreach (var forecast in forecasts)
-            {
-                <tr>
-                    <td>@forecast.Date.ToShortDateString()</td>
-                    <td>@forecast.TemperatureC</td>
-                    <td>@forecast.TemperatureF</td>
-                    <td>@forecast.Summary</td>
-                </tr>
-            }
-        </tbody>
-    </table>
-}
-
-@code {
-    private WeatherForecast[]? forecasts;
-
-    protected override async Task OnInitializedAsync()
-    {
-        forecasts = await Http.GetFromJsonAsync<WeatherForecast[]>("sample-data/weather.json");
-    }
-
-    public class WeatherForecast
-    {
-        public DateTime Date { get; set; }
-
-        public int TemperatureC { get; set; }
-
-        public string? Summary { get; set; }
-
-        public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
-    }
-}

Pages/Index.razor

@@ -1,9 +1,225 @@
 @page "/"
+@page "/home"
+@page "/index"
+@inherits PagesBase
+<Title>@CascadingState.Localizer["Index"]</Title>
 
-<PageTitle>Index</PageTitle>
+<div class="flex w-full h-full flex-col space-y-4">
 
-<h1>Hello, world!</h1>
+	<section class="block relative w-full h-full neomorphInset is-nxsmall rounded-xl">
+		<div class="flex flex-col space-y-4 p-4 md:p-5 w-full h-full absolute overflow-y-auto @SUtility.IfTrueThen(TimeSortingType is TimeSortingType.Descending, "flex-col-reverse")">
 
-Welcome to your new app.
+			@if (IsLoading)
+			{
+				<LoadingData/>
+			}
+			else if (Messages.Count == 0)
+			{
+				<p class="w-full text-center text-lg">
+					<i class="ion-ios-remove-circle-outline"></i> @CascadingState.Localizer["Empty"]
+				</p>
+			}
 
-<SurveyPrompt Title="How is Blazor working for you?" />
+			@foreach (var message in Messages)
+			{
+				<Content Message="message"
+							 OnMessageBoost="async (m) => await OnMessageBoost(m)" OnMessageDelete="async (m) => await OnMessageDelete(m)"
+							 OnMessageFavourite="async (m) => await OnMessageFavourite(m)" OnMessageReply="async (m) => await OnMessageReply(m)"
+							 OnMessageMediaDownload="async (m) => await OnMessageMediaDownload(m)"
+							 OnUserBlock="async (u) => await OnUserBlock(u)" OnUserDirectMessage="async (u) => await OnUserDirectMessage(u)" OnUserSilence="async (u) => await OnUserSilence(u)" />
+			}
+			@*<AuthorizeView>
+				<Authorized>
+				@foreach (var message in Messages)
+				{
+				<Content Message="message"
+				OnMessageReply="(m) => OnMessageReply(m)" OnMessageBoost="(m) => OnMessageBoost(m)"
+				OnMessageFavourite="(m) => OnMessageFavourite(m)" OnMessageDelete="(m) => OnMessageDelete(m)"
+				OnUserBlock="(u) => OnUserBlock(u)" OnUserDirectMessage="(u) => OnUserDirectMessage(u)" OnUserMute="(u) => OnUserMute(u)" />
+				}
+				</Authorized>
+				<NotAuthorized>
+				@foreach (var message in Messages)
+				{
+				<Content Message="message" OnMessageReply="(m) => OnMessageReply(m)" />
+				}
+				</NotAuthorized>
+				</AuthorizeView>*@
+
+
+		</div>
+	</section>
+
+	<ActionBar OnMessageSubmit="OnMessageSubmit" OnTimelineChanged="OnTimelineChanged" OnTimeSortingChanged="OnTimeSortingChanged" />
+
+</div>
+
+@code {
+	[CascadingParameter] Task<AuthenticationState> AuthState { get; set; }
+	[CascadingParameter] CascadingState CascadingState { get; set; }
+	[Inject] IBlazorDownloadFileService BlazorDownloadFileService { get; set; }
+	[Inject] IStorage Storage { get; set; }
+	[Inject] ILocalStorageService LocalStorage { get; set; }
+	[Inject] HttpClient Http { get; set; }
+	[Inject] MessagesService MessagesService { get; set; }
+
+	TimelineType TimelineType { get; set; } = TimelineType.Home;
+	TimeSortingType TimeSortingType { get; set; } = TimeSortingType.Ascending;
+
+	IReadOnlyList<Claim> userClaim
+	{
+		get
+		{
+			var auth = AuthState.Result;
+			if (auth.User.Identity?.IsAuthenticated ?? false)
+				return auth.User.Claims.ToList();
+			return new List<Claim>();
+		}
+	}
+
+	List<Message> IncomingMessages { get; set; } = new();
+	List<Message> Messages { get; set; } = new();
+	string Response { get; set; }
+
+	protected override async Task OnInitializedAsync()
+	{
+		var filters = await LocalStorage.GetItemAsync<ActionBarFilter>(nameof(ActionBarFilter));
+		if (filters == default)
+			await LocalStorage.SetItemAsync(nameof(ActionBarFilter), new ActionBarFilter());
+		else
+		{
+			TimelineType = filters.TimelineType;
+			TimeSortingType = filters.TimeSortingType;
+		}
+
+		Messages = await Storage.GetMessages();
+		//try
+		//{
+		//	var response = await Http.GetAsync("api/test");
+		//	Response = await response.Content.ReadAsStringAsync();
+		//}
+		//catch
+		//{
+		//}
+		IsLoading = false;
+	}
+
+	void OnTimelineChanged(TimelineType timelineType)
+	{
+		TimelineType = timelineType;
+	}
+
+	void OnTimeSortingChanged(TimeSortingType timeSortingType)
+	{
+		TimeSortingType = timeSortingType;
+	}
+
+	async Task OnMessageSubmit(MessageForm messageForm)
+	{
+		await Task.Run(() =>
+		{
+		});
+		var submitMessage = await MessagesService.SubmitMessage(messageForm);
+		Messages.Insert(0, new()
+			{
+				MessageId = Guid.NewGuid().ToString(),
+				Content = messageForm.Content?.ParseContent(messageForm.ContentType),
+				CreatedAt = DateTime.UtcNow,
+				MessageType = messageForm.MessageType,
+				Medias = messageForm.Media.Select(m => new Media
+				{
+					FileName = m.FileName,
+					AltText = m.AltText,
+					ContentType = m.ContentType,
+					Url = m.Base64Preview,
+					Blob = m.Blob
+				}).ToList(),
+				Title = messageForm.Title,
+				User = new MessageUser
+				{
+					UserId = CascadingState.User.Id,
+					UserName = CascadingState.User.UserName,
+					DisplayName = CascadingState.User.DisplayName,
+					PictureUrl = CascadingState.User.PictureUrl,
+					ProfileUrl = CascadingState.User.ProfileUrl,
+					BackgroundUrl = CascadingState.User.BackgroundUrl
+				},
+			});
+	}
+
+	async Task OnMessageReply(MessageForm messageForm)
+	{
+		await Task.Run(() =>
+		{
+		});
+		var replyMessage = await MessagesService.SubmitMessage(messageForm);
+		Messages.Insert(0, new()
+			{
+				RootMessageId = messageForm.RootMessageId,
+				MessageId = Guid.NewGuid().ToString(),
+				Content = messageForm.Content?.ParseContent(messageForm.ContentType),
+				CreatedAt = DateTime.UtcNow,
+				MessageType = messageForm.MessageType,
+				Medias = messageForm.Media.Select(m => new Media
+				{
+					FileName = m.FileName,
+					AltText = m.AltText,
+					ContentType = m.ContentType,
+					Url = m.Base64Preview,
+					Blob = m.Blob
+				}).ToList(),
+				Title = messageForm.Title,
+				User = new MessageUser
+				{
+					UserId = CascadingState.User.Id,
+					UserName = CascadingState.User.UserName,
+					DisplayName = CascadingState.User.DisplayName,
+					PictureUrl = CascadingState.User.PictureUrl,
+					ProfileUrl = CascadingState.User.ProfileUrl,
+					BackgroundUrl = CascadingState.User.BackgroundUrl
+				}
+			});
+	}
+
+	async ValueTask OnMessageBoost(Message message)
+	{
+		message.IsBoosted = !message.IsBoosted;
+		var boostedMessage = await MessagesService.BoostUnboostMessage(message);
+	}
+
+	async ValueTask OnMessageFavourite(Message message)
+	{
+		message.IsFavourite = !message.IsFavourite;
+		var favouriteMessage = await MessagesService.FavouriteUnfavouriteMessage(message);
+	}
+
+	async ValueTask OnMessageDelete(Message message)
+	{
+		Messages.Remove(message);
+		var deleteResult = await MessagesService.DeleteMessage(message);
+	}
+
+	async ValueTask OnMessageMediaDownload(Media media)
+	{
+		await Task.Run(() =>
+		{
+		});
+		await BlazorDownloadFileService.DownloadFileAsync(media.FileName, media.Blob, media.ContentType);
+	}
+
+	async ValueTask OnUserBlock(MessageUser messageUser)
+	{
+		var blockResult = await MessagesService.BlockUserFromMessage(messageUser);
+	}
+
+	async ValueTask OnUserDirectMessage(Message message)
+	{
+		var directMessage = await MessagesService.ReplyMessage(message, MessageType.Direct);
+	}
+
+	async ValueTask OnUserSilence(MessageUser messageUser)
+	{
+		var silenceResult = await MessagesService.SilenceUserFromMessage(messageUser);
+	}
+
+}

Pages/Login.razor

@@ -0,0 +1,16 @@
+@page "/login"
+@inherits PagesBase
+<Title>@CascadingState.Localizer["Login"]</Title>
+
+<section class="block relative w-full h-full neomorphInset is-nxsmall rounded-xl">
+
+	<div class="flex flex-col space-y-4 p-4 md:p-5 w-full h-full absolute overflow-y-auto">
+		<LoginDisplay />
+	</div>
+
+</section>
+
+@code {
+	[CascadingParameter] CascadingState CascadingState { get; set; }
+
+}

Pages/Logout.razor

@@ -0,0 +1,25 @@
+@page "/logout"
+@inherits PagesBase
+<Title>@CascadingState.Localizer["Logout"]</Title>
+
+<section class="block relative w-full h-full neomorphInset is-nxsmall rounded-xl">
+
+	<div class="flex flex-col space-y-4 p-4 md:p-5 w-full h-full absolute overflow-y-auto">
+		<h1 class="text-center">@CascadingState.Localizer["Logging out..."]</h1>
+	</div>
+
+</section>
+
+@code {
+	[CascadingParameter] CascadingState CascadingState { get; set; }
+	//[Inject] TokenAuthStateProvider AuthStateProvider { get; set; }
+	[Inject] SignOutSessionStateManager SignOutSessionStateManager { get; set; }
+	[Inject] NavigationManager Navigation { get; set; }
+
+	protected override async Task OnInitializedAsync()
+	{
+		//await AuthStateProvider.LogoutAsync(true);
+		await SignOutSessionStateManager.SetSignOutState();
+		Navigation.NavigateTo("authenticatio/logout");
+	}
+}

Pages/Settings.razor

@@ -0,0 +1,75 @@
+@page "/settings"
+@inherits PagesBase
+<Title>@CascadingState.Localizer["Settings"]</Title>
+
+<section class="block relative w-full h-full neomorphInset is-nxsmall rounded-xl">
+
+	<div class="flex flex-col space-y-4 p-4 md:p-5 w-full h-full absolute overflow-y-auto">
+
+		<OpenDownContainer>
+			<TitleChildren>
+				<p class="inline-flex items-center space-x-2">
+					<i class="ion-md-cog text-lg"></i> @CascadingState.Localizer["General"]
+				</p>
+			</TitleChildren>
+			<InnerContent>
+				<div class="block w-full p-3 md:p-4">
+					<p class="w-full text-center text-lg">
+						<i class="ion-ios-remove-circle-outline"></i> @CascadingState.Localizer["Empty"]
+					</p>
+				</div>
+			</InnerContent>
+		</OpenDownContainer>
+
+		<OpenDownContainer>
+			<TitleChildren>
+				<p class="inline-flex items-center space-x-2">
+					<i class="ion-md-person text-lg"></i> @CascadingState.Localizer["Profile"]
+				</p>
+			</TitleChildren>
+			<InnerContent>
+				<div class="block w-full p-3 md:p-4">
+					<p class="w-full text-center text-lg">
+						<i class="ion-ios-remove-circle-outline"></i> @CascadingState.Localizer["Empty"]
+					</p>
+				</div>
+			</InnerContent>
+		</OpenDownContainer>
+
+		<OpenDownContainer>
+			<TitleChildren>
+				<p class="inline-flex items-center space-x-2">
+					<i class="ion-md-archive text-lg"></i> @CascadingState.Localizer["Data import/export"]
+				</p>
+			</TitleChildren>
+			<InnerContent>
+				<div class="block w-full p-3 md:p-4">
+					<p class="w-full text-center text-lg">
+						<i class="ion-ios-remove-circle-outline"></i> @CascadingState.Localizer["Empty"]
+					</p>
+				</div>
+			</InnerContent>
+		</OpenDownContainer>
+
+		<OpenDownContainer>
+			<TitleChildren>
+				<p class="inline-flex items-center space-x-2">
+					<i class="ion-md-eye-off text-lg"></i> @CascadingState.Localizer["Mutes/Blocks"]
+				</p>
+			</TitleChildren>
+			<InnerContent>
+				<div class="block w-full p-3 md:p-4">
+					<p class="w-full text-center text-lg">
+						<i class="ion-ios-remove-circle-outline"></i> @CascadingState.Localizer["Empty"]
+					</p>
+				</div>
+			</InnerContent>
+		</OpenDownContainer>
+
+	</div>
+
+</section>
+
+@code {
+	[CascadingParameter] CascadingState CascadingState { get; set; }
+}