oqtane.framework/Oqtane.Client/Modules/Admin/Files/Index.razor

@namespace Oqtane.Modules.Admin.Files
@inherits ModuleBase
@inject NavigationManager NavigationManager
@inject IFolderService FolderService
@inject IFileService FileService

@if (Files != null)
{
    <table class="table table-borderless">
        <tr>
            <td>
                <label for="Name" class="control-label">Folder: </label>
            </td>
            <td>
                <select class="form-control" @onchange="(e => FolderChanged(e))">
                    @foreach (Folder folder in Folders)
                    {
                        <option value="@(folder.FolderId)">@(new string('-', folder.Level * 2))@(folder.Name)</option>
                    }
                </select>
            </td>
            <td>
                <ActionLink Action="Edit" Text="Edit Folder" Class="btn btn-secondary" Parameters="@($"id=" + folderid.ToString())" />&nbsp;
                <ActionLink Action="Edit" Text="Add Folder" Class="btn btn-secondary" />&nbsp;
                <ActionLink Action="Add" Text="Upload Files" Parameters="@($"id=" + folderid.ToString())" />
            </td>
        </tr>
    </table>
    <Pager Items="@Files">
        <Header>
            <th>&nbsp;</th>
            <th>Name</th>
            <th>Modified</th>
            <th>Type</th>
            <th>Size</th>
        </Header>
        <Row>
            <td><ActionDialog Header="Delete File" Message="@("Are You Sure You Wish To Delete " + context.Name + "?")" Action="Delete" Security="SecurityAccessLevel.Admin" Class="btn btn-danger" OnClick="@(async () => await DeleteFile(context))" /></td>
            <td><a href="@(ContentUrl(context.FileId))" target="_new">@context.Name</a></td>
            <td>@context.ModifiedOn</td>
            <td>@context.Extension.ToUpper() File</td>
            <td>@(context.Size / 1000) KB</td>
        </Row>
    </Pager>
    @if (Files.Count == 0)
    {
        <div class="text-center">No Files Exist In Selected Folder</div>
    }
}

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

    List<Folder> Folders;
    int folderid;
    List<File> Files;
    Uri uri;

    protected override async Task OnParametersSetAsync()
    {
        try
        {
            Folders = await FolderService.GetFoldersAsync(PageState.Site.SiteId);
            if (Folders.Count > 0)
            {
                folderid = Folders[0].FolderId;
                await GetFiles();
            }
            uri = new Uri(NavigationManager.Uri);
        }
        catch (Exception ex)
        {
            await logger.LogError(ex, "Error Loading Files {Error}", ex.Message);
            AddModuleMessage("Error Loading Files", MessageType.Error);
        }
    }

    private async Task GetFiles()
    {
        Files = await FileService.GetFilesAsync(folderid);
    }

    private async void FolderChanged(ChangeEventArgs e)
    {
        try
        {
            folderid = int.Parse((string)e.Value);
            await GetFiles();
            StateHasChanged();
        }
        catch (Exception ex)
        {
            await logger.LogError(ex, "Error Loading Files {Error}", ex.Message);
            AddModuleMessage("Error Loading Files", MessageType.Error);
        }
    }

    private async Task DeleteFile(File file)
    {
        try
        {
            await FileService.DeleteFileAsync(file.FileId);
            await logger.LogInformation("File Deleted {File}", file.Name);
            AddModuleMessage("File " + file.Name + " Deleted", MessageType.Success);
            await GetFiles();
            StateHasChanged();
        }
        catch (Exception ex)
        {
            await logger.LogError(ex, "Error Deleting File {File} {Error}", file.Name, ex.Message);
            AddModuleMessage("Error Deleting File " + file.Name, MessageType.Error);
        }
    }
}