AdminPanel/Netina.AdminPanel.PWA/Pages/Personalization/PersonalizationPage.razor

@page "/personaliztion/main"
@attribute [Microsoft.AspNetCore.Authorization.Authorize]

@inject IDialogService DialogService
@inject ISnackbar Snackbar
@inject IUserUtility UserUtility
@inject IRestWrapper RestWrapper
@inject NavigationManager NavigationManager
@inject IConfiguration Configuration
@inject IJSRuntime JsRuntime


<MudStack class="h-full w-full p-8">
    <MudPaper class="px-5 py-5">
        <MudStack Row="true">
            <MudStack class="mx-2 mb-5">
                <MudText Typo="Typo.h4">اطلاعات بنر ها وکاتالوگ</MudText>
                <MudText Typo="Typo.caption">بنر ها و کاتالوگ در صفحه اصلی و دیگر صفحه ها نمایش داده خواهند شد</MudText>
            </MudStack>
            <MudSpacer />
            <BaseButtonUi Size="Size.Large"
                          OnClickCallback="ViewModel.SubmitSettingAsync"
                          class="mb-8 mt-2 w-64 rounded-md"
                          IsProcessing="@ViewModel.IsProcessing"
                          Icon="@Icons.Material.Outlined.Check"
                          Content="ثبتـــ اطلاعات" Variant="Variant.Filled" Color="Color.Success" />
        </MudStack>
        <MudDivider />

        <MudStack class="mt-3">
            <MudText Typo="Typo.h6">بنر های سایت شما</MudText>
        </MudStack>
        <MudGrid>
            <MudItem xs="12" md="4">
                <MudTextField T="string" @bind-Value="@ViewModel.NewBanner.Title" class="my-2" Variant="Variant.Outlined" Label="عنوان بنر"></MudTextField>
                <MudTextField T="string" @bind-Value="@ViewModel.NewBanner.Link" class="my-2" Variant="Variant.Outlined" Label="لینک بنر"></MudTextField>
                <MudTextField T="string" @bind-Value="@ViewModel.NewBanner.Description" class="my-2" Variant="Variant.Outlined" Label="توضیحات بنر"></MudTextField>
                <MudSelect Variant="Variant.Outlined" class="my-2" T="BannerSection" ToStringFunc="type => type.ToDisplay()" Label="محل قرارگیری بنر" @bind-Value="ViewModel.NewBanner.Section">
                    @foreach (var state in Enum.GetValues(typeof(BannerSection)).Cast<BannerSection>())
                    {
                        <MudSelectItem T="BannerSection" Value="@state"></MudSelectItem>
                    }
                </MudSelect>
                @if (ViewModel.NewBanner.ImageLocation.IsNullOrEmpty())
                {
                    <MudButton class="mt-3"
                               Variant="Variant.Outlined"
                               FullWidth="true"
                               Color="Color.Info"
                               OnClick="@ViewModel.SelectFileAsync">انتخاب تصویر بنر</MudButton>
                }
                else
                {
                    <MudButton class="mt-3"
                               Variant="Variant.Filled"
                               FullWidth="true"
                               Color="Color.Info"
                               OnClick="@ViewModel.SelectFileAsync">انتخاب تصویر دیگر</MudButton>
                }
                <MudButton class="mt-3"
                           Variant="Variant.Outlined"
                           FullWidth="true"
                           Color="Color.Info"
                           OnClick="@ViewModel.AddBanner">افزودن بنر</MudButton>
            </MudItem>
            <MudItem xs="12" md="8">

                <MudDataGrid Items="@ViewModel.PageDto.Banners"
                             T="BannerItemModel"
                             Elevation="0"
                             Outlined="true"
                             Bordered="true"
                             Striped="false"
                             Dense="true"
                             Filterable="false"
                             SortMode="@SortMode.None"
                             Groupable="false">
                    <Columns>
                        <PropertyColumn T="BannerItemModel" TProperty="string" Property="x => x.Title" Title="نام فارسی" />
                        <TemplateColumn T="BannerItemModel" Title="جایگاه بنر" CellClass="d-flex justify-end">
                            <CellTemplate>
                                <MudStack Row="true">
                                    <MudText Align="Align.Center">@context.Item.Section.ToDisplay()</MudText>
                                </MudStack>
                            </CellTemplate>
                        </TemplateColumn>
                        <PropertyColumn T="BannerItemModel" TProperty="string" Property="x => x.Description" Title="نام انگلیسی" />

                        <TemplateColumn T="BannerItemModel" CellClass="d-flex justify-end">
                            <CellTemplate>
                                <MudStack Row="true">

                                    <MudButton DisableElevation="true"
                                               Size="@Size.Small"
                                               Variant="@Variant.Outlined"
                                               OnClick="async()=>await ShowBannerPhoto(context.Item.ImageLocation)"
                                               Color="@Color.Info"
                                               StartIcon="@Icons.Material.Filled.RemoveRedEye">مشاهده تصویر</MudButton>

                                    <MudButton DisableElevation="true"
                                               Size="@Size.Small"
                                               Variant="@Variant.Outlined"
                                               OnClick="async()=>await ShowBannerLink(context.Item.Link)"
                                               Color="@Color.Info"
                                               StartIcon="@Icons.Material.Outlined.AttachFile">مشاهده لینک</MudButton>

                                    <MudButton DisableElevation="true"
                                               Size="@Size.Small"
                                               Variant="@Variant.Outlined"
                                               OnClick="() => ViewModel.PageDto.Banners.Remove(context.Item)"
                                               Color="@Color.Error"
                                               StartIcon="@Icons.Material.Outlined.Delete">حذف</MudButton>
                                </MudStack>
                            </CellTemplate>
                        </TemplateColumn>
                    </Columns>
                </MudDataGrid>
            </MudItem>
        </MudGrid>

        <MudDivider class="mt-5" />

        <MudStack class="mb-1 mt-3" Spacing="0">
            <MudText Typo="Typo.h6">کاتالوگ سایت شما</MudText>
            <MudText Typo="Typo.caption">کاتالوگ به لیست فهرست مانند صفحه اصلی گفته میشود که تورهای مختلف را نمایش میدهد</MudText>
        </MudStack>
        <MudGrid>
            <MudItem xs="12" sm="6" lg="1">
                <MudTextField T="int" @bind-Value="@ViewModel.NewCatalogItem.Row" Variant="Variant.Outlined" Label="ردیف"></MudTextField>
            </MudItem>
            <MudItem xs="12" sm="6" lg="4">
                <MudTextField T="string" @bind-Value="@ViewModel.NewCatalogItem.PersianName" Variant="Variant.Outlined" Label="نام فارسی کاتالوگ"></MudTextField>
            </MudItem>
            <MudItem xs="12" sm="6" lg="4">
                <MudTextField T="string" @bind-Value="@ViewModel.NewCatalogItem.EnglishName" Variant="Variant.Outlined" Label="نام انگلیسی"></MudTextField>
            </MudItem>

            <MudItem xs="12" sm="6" lg="3">
                <MudAutocomplete ToStringFunc="dto => dto.PersianName"
                                 T="CatalogItemModel"
                                 @bind-Value="ViewModel.SelectedCatalog"
                                 MaxItems="306"
                                 SearchFunc="ViewModel.SearchCatalog"
                                 Label="کاتالوگ پدر"
                                 Variant="Variant.Outlined">
                    <ItemTemplate Context="e">

                        <p>@e.PersianName</p>
                    </ItemTemplate>
                </MudAutocomplete>
            </MudItem>
            <MudItem xs="12" sm="6" lg="6">
                <MudTextField T="string" @bind-Value="@ViewModel.NewCatalogItem.Query" Variant="Variant.Outlined" Label="کوئری"></MudTextField>
            </MudItem>


            <MudItem xs="12" sm="6" lg="3">
                @if (ViewModel.CatalogImage.IsNullOrEmpty())
                {
                    <MudButton class="mt-3 py-3"
                               Variant="Variant.Outlined"
                               FullWidth="true"
                               Color="Color.Info"
                               OnClick="@ViewModel.SelectCatalogFileAsync">انتخاب تصویر کاتالوگ</MudButton>
                }
                else
                {
                    <MudButton class="mt-3 py-3"
                               Variant="Variant.Filled"
                               FullWidth="true"
                               Color="Color.Info"
                               OnClick="@ViewModel.SelectCatalogFileAsync">انتخاب تصویر دیگر</MudButton>
                }
            </MudItem>
            <MudItem xs="12" sm="6" lg="2">

                <MudButton Variant="Variant.Outlined"
                           FullWidth="true"
                           class="mt-2 py-3"
                           Color="Color.Info"
                           OnClick="@ViewModel.AddCatalogItem">+</MudButton>
            </MudItem>
        </MudGrid>


        <MudDataGrid Items="@ViewModel.PageDto.Catalog"
                     T="CatalogItemModel"
                     class="mt-2"
                     Elevation="0"
                     Outlined="true"
                     Bordered="false"
                     Dense="true"
                     Striped="false"
                     Filterable="false"
                     SortMode="@SortMode.None"
                     Groupable="false">
            <Columns>
                <PropertyColumn T="CatalogItemModel" TProperty="int" Property="x => x.Row" Title=" " />
                <PropertyColumn T="CatalogItemModel" TProperty="string" Property="x => x.PersianName" Title="نام فارسی" />
                <PropertyColumn T="CatalogItemModel" TProperty="string" Property="x => x.ParentName" Title="دسته پدر" />
                <PropertyColumn T="CatalogItemModel" TProperty="string" Property="x => x.EnglishName" Title="نام انگلیسی" />
                <PropertyColumn T="CatalogItemModel" TProperty="string" Property="x => x.Query" Title="کوئری" />
                <TemplateColumn T="CatalogItemModel" CellClass="d-flex justify-end">
                    <CellTemplate>
                        <MudStack Row>
                            <MudButton DisableElevation="true"
                                       Size="@Size.Small"
                                       Variant="@Variant.Outlined"
                                       OnClick="() => ViewModel.PageDto.Catalog.Remove(context.Item)"
                                       Color="@Color.Error"
                                       StartIcon="@Icons.Material.Outlined.Delete">حذف</MudButton>
                        </MudStack>
                    </CellTemplate>
                </TemplateColumn>
            </Columns>
        </MudDataGrid>
    </MudPaper>
</MudStack>


@code
{
    public PersonalizationPageViewModel ViewModel { get; set; }

    protected override async Task OnInitializedAsync()
    {
        ViewModel = new PersonalizationPageViewModel(DialogService, RestWrapper, Snackbar, NavigationManager, UserUtility);
        await ViewModel.InitializeAsync();
        await base.OnInitializedAsync();
    }

    private async Task ShowBannerPhoto(string photoUrl)
    {
        var webUrl = Configuration.GetValue<string>("StorageBaseUrl") ?? string.Empty;
        var url = $"{webUrl}/{photoUrl}";
        await JsRuntime.InvokeVoidAsyncIgnoreErrors("open", url, "_blank");
    }
    private async Task ShowBannerLink(string url)
    {
        await JsRuntime.InvokeVoidAsyncIgnoreErrors("open", url, "_blank");
    }
}
}