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

<table class="table table-borderless">
    <tr>
        <td>
            <label for="Name" class="control-label">Name: </label>
        </td>
        <td>
            <input class="form-control" @bind="@name" />
        </td>
    </tr>
    <tr>
        <td>
            <label for="Name" class="control-label">Path: </label>
        </td>
        <td>
            <input class="form-control" @bind="@path" />
        </td>
    </tr>
    <tr>
        <td>
            <label for="Name" class="control-label">Parent: </label>
        </td>
        <td>
            <select class="form-control" @onchange="(e => ParentChanged(e))">
                <option value="-1">&lt;Site Root&gt;</option>
                @foreach (Page page in pages)
                {
                    <option value="@(page.PageId)">@(new string('-', page.Level * 2))@(page.Name)</option>
                }
            </select>
        </td>
    </tr>
    <tr>
        <td>
            <label for="Name" class="control-label">Insert: </label>
        </td>
        <td>
            <select 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="Name" class="control-label">Navigation? </label>
        </td>
        <td>
            <select class="form-control" @bind="@isnavigation">
                <option value="True">Yes</option>
                <option value="False">No</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>
            <label for="Name" class="control-label">Default Mode? </label>
        </td>
        <td>
            <select class="form-control" @bind="@mode">
                <option value="view">View Mode</option>
                <option value="edit">Edit Mode</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>
            <label for="Name" class="control-label">Theme: </label>
        </td>
        <td>
            <select class="form-control" @onchange="(e => ThemeChanged(e))">
                <option value="">&lt;Select Theme&gt;</option>
                @foreach (KeyValuePair<string, string> item in themes)
                {
                    <option value="@item.Key">@item.Value</option>
                }
            </select>
        </td>
    </tr>
    <tr>
        <td>
            <label for="Name" class="control-label">Layout: </label>
        </td>
        <td>
            <select class="form-control" @bind="@layouttype">
                <option value="">&lt;Select Layout&gt;</option>
                @foreach (KeyValuePair<string, string> panelayout in panelayouts)
                {
                    <option value="@panelayout.Key">@panelayout.Value</option>
                }
            </select>
        </td>
    </tr>
    <tr>
        <td>
            <label for="Name" class="control-label">Icon: </label>
        </td>
        <td>
            <input class="form-control" @bind="@icon" />
        </td>
    </tr>
    <tr>
        <td>
            <label for="Name" class="control-label">Permissions: </label>
        </td>
        <td>
            <PermissionGrid EntityName="Page" Permissions="@permissions" @ref="permissiongrid" />
        </td>
    </tr>
</table>
<button type="button" class="btn btn-success" @onclick="SavePage">Save</button>
<NavLink class="btn btn-secondary" href="@NavigateUrl()">Cancel</NavLink>

@code {
    public override SecurityAccessLevel SecurityAccessLevel { get { return SecurityAccessLevel.Admin; } }

    Dictionary<string, string> themes = new Dictionary<string, string>();
    Dictionary<string, string> panelayouts = new Dictionary<string, string>();

    List<Page> pages;
    string name;
    string path = "";
    string parentid;
    string insert = ">>";
    List<Page> children;
    int childid = -1;
    string isnavigation = "True";
    string mode = "view";
    string themetype = "";
    string layouttype = "";
    string icon = "";
    string permissions = ""; // need to set default permissions

    PermissionGrid permissiongrid;

    protected override void OnInitialized()
    {
        try
        {
            pages = PageState.Pages;
            children = PageState.Pages.Where(item => item.ParentId == null).ToList();

            themes = ThemeService.GetThemeTypes(PageState.Themes);
            themetype = PageState.Site.DefaultThemeType;

            panelayouts = ThemeService.GetPaneLayoutTypes(PageState.Themes, themetype);
            layouttype = PageState.Site.DefaultLayoutType;

            List<PermissionString> permissionstrings = new List<PermissionString>();
            permissionstrings.Add(new PermissionString { PermissionName = "View", Permissions = Constants.AdminRole });
            permissionstrings.Add(new PermissionString { PermissionName = "Edit", Permissions = Constants.AdminRole });
            permissions = UserSecurity.SetPermissionStrings(permissionstrings);
        }
        catch (Exception ex)
        {
            AddModuleMessage(ex.Message, MessageType.Error);
        }
    }

    private void ParentChanged(ChangeEventArgs e)
    {
        try
        {
            parentid = (string)e.Value;
            if (parentid == "-1")
            {
                children = PageState.Pages.Where(item => item.ParentId == null).ToList();
            }
            else
            {
                children = PageState.Pages.Where(item => item.ParentId == int.Parse(parentid)).ToList();
            }
            StateHasChanged();
        }
        catch (Exception ex)
        {
            AddModuleMessage(ex.Message, MessageType.Error);
        }
    }

    private void ThemeChanged(ChangeEventArgs e)
    {
        try
        {
            themetype = (string)e.Value;
            if (themetype != "")
            {
                panelayouts = ThemeService.GetPaneLayoutTypes(PageState.Themes, themetype);
            }
            else
            {
                panelayouts = new Dictionary<string, string>();
            }
            StateHasChanged();
        }
        catch (Exception ex)
        {
            AddModuleMessage(ex.Message, MessageType.Error);
        }
    }

    private async Task SavePage()
    {
        try
        {
            if (name != "" && !string.IsNullOrEmpty(themetype) && (panelayouts.Count == 0 || !string.IsNullOrEmpty(layouttype)))
            {
                Page page = new Page();
                page.SiteId = PageState.Page.SiteId;
                page.Name = name;
                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);
                    Page parent = PageState.Pages.Where(item => item.PageId == page.ParentId).FirstOrDefault();
                    if (parent.Path == "")
                    {
                        page.Path = Utilities.GetFriendlyUrl(parent.Name) + "/" + Utilities.GetFriendlyUrl(path);
                    }
                    else
                    {
                        page.Path = parent.Path + "/" + Utilities.GetFriendlyUrl(path);
                    }
                }
                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.EditMode = (mode == "edit" ? true : false);
                page.ThemeType = themetype;
                page.LayoutType = (layouttype == null ? "" : layouttype);
                page.Icon = (icon == null ? "" : icon);
                page.Permissions = permissiongrid.GetPermissions();

                if (page.ThemeType == PageState.Site.DefaultThemeType)
                {
                    page.ThemeType = "";
                }
                if (page.LayoutType == PageState.Site.DefaultLayoutType)
                {
                    page.LayoutType = "";
                }

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

                NavigationManager.NavigateTo(NavigateUrl(page.Path, Reload.Site));
            }
            else
            {
                AddModuleMessage("You Must Provide Page Name And Theme", MessageType.Warning);
            }

        }
        catch (Exception ex)
        {
            AddModuleMessage(ex.Message, MessageType.Error);
        }
    }

}