oqtane.framework/Oqtane.Client/Modules/Admin/Pages/Add.razor

@namespace Oqtane.Modules.Admin.Pages
@inherits ModuleBase
@inject NavigationManager NavigationManager
@inject IPageService PageService
@inject IThemeService  ThemeService

<TabStrip>
    <TabPanel Name="Settings">
        @if (_themeList != null)
        {
            <table class="table table-borderless">
                <tr>
                    <td>
                        <Label For="Name" HelpText="Enter the page name">Name: </Label>
                    </td>
                    <td>
                        <input id="Name" class="form-control" @bind="@_name" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <Label For="Parent" HelpText="Select the parent for the page in the site hierarchy">Parent: </Label>
                    </td>
                    <td>
                        <select id="Parent" class="form-control" @onchange="(e => ParentChanged(e))">
                            <option value="-1">&lt;Site Root&gt;</option>
                            @foreach (Page page in _pageList)
                            {
                                <option value="@(page.PageId)">@(new string('-', page.Level * 2))@(page.Name)</option>
                            }
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        <Label For="Insert" HelpText="Select the location where you would like the page to be inserted in relation to other pages">Insert: </Label>
                    </td>
                    <td>
                        <select id="Insert" class="form-control" @bind="@_insert">
                            <option value="<<">At Beginning</option>
                            @if (_children != null && _children.Count > 0)
                            {
                                <option value="<">Before</option>
                                <option value=">">After</option>
                            }
                            <option value=">>">At End</option>
                        </select>
                        @if (_children != null && _children.Count > 0 && (_insert == "<" || _insert == ">"))
                        {
                            <select class="form-control" @bind="@_childid">
                                <option value="-1">&lt;Select Page&gt;</option>
                                @foreach (Page page in _children)
                                {
                                    <option value="@(page.PageId)">@(page.Name)</option>
                                }
                            </select>
                        }
                    </td>
                </tr>
                <tr>
                    <td>
                        <Label For="Navigation" HelpText="Select whether the page is part of the site navigation or hidden">Navigation? </Label>
                    </td>
                    <td>
                        <select id="Navigation" class="form-control" @bind="@_isnavigation">
                            <option value="True">Yes</option>
                            <option value="False">No</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        <Label For="Path" HelpText="Optionally enter a url path for this page (ie. home ). If you do not provide a url path, the page name will be used.">Url Path: </Label>
                    </td>
                    <td>
                        <input id="Path" class="form-control" @bind="@_path" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <Label For="Url" HelpText="Optionally enter a url which this page should redirect to when a user navigates to it">Redirect: </Label>
                    </td>
                    <td>
                        <input id="Url" class="form-control" @bind="@_url" />
                    </td>
                </tr>
            </table>
            <Section Name="Appearance">
                <table class="table table-borderless">
                    <tr>
                        <td>
                            <Label For="Title" HelpText="Optionally enter the page title. If you do not provide a page title, the page name will be used.">Title: </Label>
                        </td>
                        <td>
                            <input id="Title" class="form-control" @bind="@_title" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <Label For="Theme" HelpText="Select the theme for this page">Theme: </Label>
                        </td>
                        <td>
                            <select id="Theme" class="form-control" @onchange="(e => ThemeChanged(e))">
                                <option value="-">&lt;Inherit From Site&gt;</option>
                                @foreach (var theme in _themes)
                                {
                                    if (theme.TypeName == _themetype)
                                    {
                                        <option value="@theme.TypeName" selected>@theme.Name</option>
                                    }
                                    else
                                    {
                                        <option value="@theme.TypeName">@theme.Name</option>
                                    }
                                }
                            </select>
                        </td>
                    </tr>
                    @if (_layouts.Count > 0)
                    {
                        <tr>
                            <td>
                                <Label For="Layout" HelpText="Select a layout for the page (if the selected theme supports it)">Layout: </Label>
                            </td>
                            <td>
                                <select id="Layout" class="form-control" @bind="@_layouttype">
                                    <option value="-">&lt;Inherit From Site&gt;</option>
                                    @foreach (var layout in _layouts)
                                    {
                                        if (layout.TypeName == _layouttype)
                                        {
                                            <option value="@(layout.TypeName)" selected>@(layout.Name)</option>
                                        }
                                        else
                                        {
                                            <option value="@(layout.TypeName)">@(layout.Name)</option>
                                        }
                                    }
                                </select>
                            </td>
                        </tr>
                    }
                    <tr>
                        <td>
                            <Label For="defaultContainer" HelpText="Select the default container for the page">Default Container: </Label>
                        </td>
                        <td>
                            <select id="defaultContainer" class="form-control" @bind="@_containertype">
                                <option value="-">&lt;Inherit From Site&gt;</option>
                                @foreach (var container in _containers)
                                {
                                    <option value="@container.TypeName">@container.Name</option>
                                }
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <Label For="Icon" HelpText="Optionally provide an icon for this page which will be displayed in the site navigation">Icon: </Label>
                        </td>
                        <td>
                            <input id="Icon" class="form-control" @bind="@_icon" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <Label For="Personalizable" HelpText="Select whether you would like users to be able to personalize this page with their own content">Personalizable? </Label>
                        </td>
                        <td>
                            <select id="Personalizable" class="form-control" @bind="@_ispersonalizable">
                                <option value="True">Yes</option>
                                <option value="False">No</option>
                            </select>
                        </td>
                    </tr>
                </table>
            </Section>
        }
    </TabPanel>
    <TabPanel Name="Permissions">
        <table class="table table-borderless">
            <tr>
                <td>
                    <PermissionGrid EntityName="@EntityNames.Page" Permissions="@_permissions" @ref="_permissionGrid" />
                </td>
            </tr>
        </table>
    </TabPanel>
</TabStrip>
<button type="button" class="btn btn-success" @onclick="SavePage">Save</button>
<NavLink class="btn btn-secondary" href="@NavigateUrl()">Cancel</NavLink>

@code {
    private List<Theme> _themeList;
    private List<ThemeControl> _themes = new List<ThemeControl>();
    private List<ThemeControl> _layouts = new List<ThemeControl>();
    private List<ThemeControl> _containers = new List<ThemeControl>();
    private List<Page> _pageList;
    private string _name;
    private string _title;
    private string _path = string.Empty;
    private string _parentid;
    private string _insert = ">>";
    private List<Page> _children;
    private int _childid = -1;
    private string _isnavigation = "True";
    private string _url;
    private string _ispersonalizable = "False";
    private string _themetype = "-";
    private string _layouttype = "-";
    private string _containertype = "-";
    private string _icon = string.Empty;
    private string _permissions = string.Empty;
    private PermissionGrid _permissionGrid;

    public override SecurityAccessLevel SecurityAccessLevel => SecurityAccessLevel.Admin;

    protected override async Task OnInitializedAsync()
    {
        try
        {
            _themeList = await ThemeService.GetThemesAsync();
            _pageList = PageState.Pages;
            _children = PageState.Pages.Where(item => item.ParentId == null).ToList();

            _themes = ThemeService.GetThemeControls(_themeList);
            _permissions = string.Empty;
        }
        catch (Exception ex)
        {
            await logger.LogError(ex, "Error Initializing Page {Error}", ex.Message);
            AddModuleMessage("Error Initializing Page", MessageType.Error);
        }
    }

    private async void ParentChanged(ChangeEventArgs e)
    {
        try
        {
            _parentid = (string)e.Value;
            _children = new List<Page>();
            if (_parentid == "-1")
            {
                foreach (Page p in PageState.Pages.Where(item => item.ParentId == null))
                {
                    if (UserSecurity.IsAuthorized(PageState.User, PermissionNames.View, p.Permissions))
                    {
                        _children.Add(p);
                    }
                }
            }
            else
            {
                foreach (Page p in PageState.Pages.Where(item => item.ParentId == int.Parse(_parentid)))
                {
                    if (UserSecurity.IsAuthorized(PageState.User, PermissionNames.View, p.Permissions))
                    {
                        _children.Add(p);
                    }
                }
            }
            StateHasChanged();
        }
        catch (Exception ex)
        {
            await logger.LogError(ex, "Error Loading Child Pages For Parent {PageId} {Error}", _parentid, ex.Message);
            AddModuleMessage("Error Loading Child Pages For Parent", MessageType.Error);
        }
    }

    private async void ThemeChanged(ChangeEventArgs e)
    {
        try
        {
            _themetype = (string)e.Value;
            if (_themetype != "-")
            {
                _layouts = ThemeService.GetLayoutControls(_themeList, _themetype);
                _containers = ThemeService.GetContainerControls(_themeList, _themetype);
            }
            else
            {
                _layouts = new List<ThemeControl>();
                _containers = new List<ThemeControl>();
            }
            _layouttype = "-";
            _containertype = "-";
            StateHasChanged();
        }
        catch (Exception ex)
        {
            await logger.LogError(ex, "Error Loading Pane Layouts For Theme {ThemeType} {Error}", _themetype, ex.Message);
            AddModuleMessage("Error Loading Pane Layouts For Theme", MessageType.Error);
        }
    }

    private async Task SavePage()
    {
        Page page = null;
        try
        {
            if (_name != string.Empty && !string.IsNullOrEmpty(_themetype) && (_layouts.Count == 0 || _layouttype != "-"))
            {
                page = new Page();
                page.SiteId = PageState.Page.SiteId;
                page.Name = _name;
                page.Title = _title;
                if (_path == "")
                {
                    _path = _name;
                }

                if (_path.Contains("/"))
                {
                    _path = _path.Substring(_path.LastIndexOf("/") + 1);
                }

                if (string.IsNullOrEmpty(_parentid))
                {
                    page.ParentId = null;
                    page.Path = Utilities.GetFriendlyUrl(_path);
                }
                else
                {
                    page.ParentId = Int32.Parse(_parentid);
                    var parent = PageState.Pages.Where(item => item.PageId == page.ParentId).FirstOrDefault();
                    if (parent.Path == string.Empty)
                    {
                        page.Path = Utilities.GetFriendlyUrl(parent.Name) + "/" + Utilities.GetFriendlyUrl(_path);
                    }
                    else
                    {
                        page.Path = parent.Path + "/" + Utilities.GetFriendlyUrl(_path);
                    }
                }

                if (!PagePathIsUnique(page.Path, page.SiteId, _pageList))
                {
                    AddModuleMessage($"A page with path {_path} already exists for the selected parent page. The page path needs to be unique for the selected parent.", MessageType.Warning);
                    return;
                }

                Page child;
                switch (_insert)
                {
                    case "<<":
                        page.Order = 0;
                        break;
                    case "<":
                        child = PageState.Pages.Where(item => item.PageId == _childid).FirstOrDefault();
                        page.Order = child.Order - 1;
                        break;
                    case ">":
                        child = PageState.Pages.Where(item => item.PageId == _childid).FirstOrDefault();
                        page.Order = child.Order + 1;
                        break;
                    case ">>":
                        page.Order = int.MaxValue;
                        break;
                }

                page.IsNavigation = (_isnavigation == null ? true : Boolean.Parse(_isnavigation));
                page.Url = _url;
                page.ThemeType = (_themetype != "-") ? _themetype : string.Empty;
                if (!string.IsNullOrEmpty(page.ThemeType) && page.ThemeType == PageState.Site.DefaultThemeType)
                {
                    page.ThemeType = string.Empty;
                }
                page.LayoutType = (_layouttype != "-") ? _layouttype : string.Empty;
                if (!string.IsNullOrEmpty(page.LayoutType) && page.LayoutType == PageState.Site.DefaultLayoutType)
                {
                    page.LayoutType = string.Empty;
                }
                page.DefaultContainerType = (_containertype != "-") ? _containertype : string.Empty;
                if (!string.IsNullOrEmpty(page.DefaultContainerType) && page.DefaultContainerType == PageState.Site.DefaultContainerType)
                {
                    page.DefaultContainerType = string.Empty;
                }
                page.Icon = (_icon == null ? string.Empty : _icon);
                page.Permissions = _permissionGrid.GetPermissions();
                page.IsPersonalizable = (_ispersonalizable == null ? false : Boolean.Parse(_ispersonalizable));
                page.UserId = null;

                page = await PageService.AddPageAsync(page);
                await PageService.UpdatePageOrderAsync(page.SiteId, page.PageId, page.ParentId);

                await logger.LogInformation("Page Added {Page}", page);
                NavigationManager.NavigateTo(NavigateUrl(page.Path));
            }
            else
            {
                AddModuleMessage("You Must Provide Page Name And Theme/Layout", MessageType.Warning);
            }

        }
        catch (Exception ex)
        {
            await logger.LogError(ex, "Error Saving Page {Page} {Error}", page, ex.Message);
            AddModuleMessage("Error Saving Page", MessageType.Error);
        }
    }

    private static bool PagePathIsUnique(string pagePath, int siteId, List<Page> existingPages)
    {
        return !existingPages.Any(page => page.SiteId == siteId && page.Path == pagePath);
    }
}