97 lines
5.0 KiB
Plaintext
97 lines
5.0 KiB
Plaintext
@page "/blogs"
|
||
@attribute [Microsoft.AspNetCore.Authorization.Authorize]
|
||
|
||
@inject IDialogService DialogService
|
||
@inject NavigationManager NavigationManager
|
||
@inject ISnackbar Snackbar
|
||
@inject IUserUtility UserUtility
|
||
@inject IRestWrapper RestWrapper
|
||
@inject IConfiguration Configuration
|
||
@inject IJSRuntime JsRuntime
|
||
|
||
<MudStack class="w-full p-8 h-screen bg-[--mud-palette-background-grey]">
|
||
<MudGrid>
|
||
<MudItem xs="12">
|
||
<MudStack Row="true" class="mb-5">
|
||
<MudText Typo="Typo.h4">بلاگـــــ ها</MudText>
|
||
<MudChip Color="Color.Info" Variant="Variant.Outlined">@ViewModel.TotalItems عدد</MudChip>
|
||
<MudSpacer />
|
||
<MudButton Variant="Variant.Filled"
|
||
DisableElevation="true"
|
||
StartIcon="@Icons.Material.Outlined.Add"
|
||
Color="Color.Secondary"
|
||
OnClick="@ViewModel.AddBlogClicked"
|
||
class="my-auto">افزودن بلاگ</MudButton>
|
||
</MudStack>
|
||
<MudPaper>
|
||
<MudDataGrid FixedFooter="true" FixedHeader="true" Striped="true"
|
||
T="BlogSDto" Items="@ViewModel.PageDto" CurrentPage="@ViewModel.CurrentPage"
|
||
RowsPerPage="20" Filterable="false" Loading="@ViewModel.IsProcessing"
|
||
SortMode="@SortMode.None" Groupable="false">
|
||
|
||
<ToolBarContent>
|
||
<MudTextField T="string" Placeholder="جست جو بر اساس نام" Adornment="Adornment.Start" Immediate="true"
|
||
Clearable="true"
|
||
ValueChanged="@ViewModel.SearchChanged"
|
||
AdornmentIcon="@Icons.Material.Filled.Search" IconSize="Size.Medium" class="my-auto"
|
||
OnAdornmentClick="@ViewModel.SearchAsync"></MudTextField>
|
||
</ToolBarContent>
|
||
<Columns>
|
||
<PropertyColumn Title="عنوان بلاگ" Property="arg => arg.Title" />
|
||
<PropertyColumn Title="دسته بندی" Property="arg => arg.CategoryName" />
|
||
<PropertyColumn Title="میانگین زمان مطالعه" Property="arg => arg.ReadingTime" />
|
||
<TemplateColumn CellClass="d-flex justify-end">
|
||
<CellTemplate>
|
||
<MudStack Row="true">
|
||
<MudIconButton Icon="@Icons.Material.Filled.Link"
|
||
Size="@Size.Small"
|
||
Variant="@Variant.Outlined"
|
||
Color="@Color.Surface"
|
||
OnClick="async()=>await ShowBlog(context.Item)" />
|
||
|
||
<MudIconButton Icon="@Icons.Material.Filled.Edit"
|
||
Size="@Size.Small"
|
||
Variant="@Variant.Outlined"
|
||
Color="@Color.Info"
|
||
OnClick="async()=>await ViewModel.EditBlogClicked(context.Item)" />
|
||
<MudIconButton Icon="@Icons.Material.Filled.Delete"
|
||
Size="@Size.Small"
|
||
Variant="@Variant.Outlined"
|
||
OnClick="async () => await ViewModel.DeleteBlogAsync(context.Item.Id)"
|
||
Color="@Color.Error" />
|
||
</MudStack>
|
||
</CellTemplate>
|
||
</TemplateColumn>
|
||
</Columns>
|
||
<PagerContent>
|
||
<MudStack Row="true" class="w-full">
|
||
|
||
<MudPagination Rectangular="true" Variant="Variant.Filled" Count="@ViewModel.PageCount"
|
||
SelectedChanged="@ViewModel.ChangePageAsync" class="my-4 mx-auto" />
|
||
</MudStack>
|
||
|
||
</PagerContent>
|
||
</MudDataGrid>
|
||
</MudPaper>
|
||
</MudItem>
|
||
</MudGrid>
|
||
</MudStack>
|
||
|
||
@code
|
||
{
|
||
public BlogsPageViewModel ViewModel { get; set; }
|
||
protected override async Task OnInitializedAsync()
|
||
{
|
||
ViewModel = new BlogsPageViewModel(NavigationManager, Snackbar, UserUtility, RestWrapper, DialogService);
|
||
await ViewModel.InitializeAsync();
|
||
await base.OnInitializedAsync();
|
||
}
|
||
|
||
private async Task ShowBlog(BlogSDto item)
|
||
{
|
||
var webUrl = Configuration.GetValue<string>("WebSiteUrl") ?? string.Empty;
|
||
var url = $"{webUrl}/blogs/{item.Id}/{item.Slug}";
|
||
await JsRuntime.InvokeAsync<object>("open", url, "_blank");
|
||
}
|
||
}
|