Remove old v2 structure
This commit is contained in:
Marcel Baumgartner
@@ -1,48 +0,0 @@
|
||||
@using Moonlight.Features.FileManager.Services
|
||||
@inject EditorService EditorService
|
||||
|
||||
<div id="@Identifier"></div>
|
||||
|
||||
@code
|
||||
{
|
||||
[Parameter] public string InitialContent { get; set; } = "";
|
||||
[Parameter] public string Theme { get; set; } = "one_dark";
|
||||
[Parameter] public string Mode { get; set; } = "text";
|
||||
[Parameter] public int Lines { get; set; } = 30;
|
||||
[Parameter] public int FontSize { get; set; } = 15;
|
||||
[Parameter] public bool EnableAutoInit { get; set; } = false;
|
||||
|
||||
private string Identifier;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
Identifier = "editor" + GetHashCode();
|
||||
}
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender)
|
||||
{
|
||||
if(EnableAutoInit)
|
||||
await Initialize();
|
||||
}
|
||||
}
|
||||
|
||||
public async Task Initialize()
|
||||
{
|
||||
await EditorService.Create(
|
||||
Identifier,
|
||||
Theme,
|
||||
Mode,
|
||||
InitialContent,
|
||||
Lines,
|
||||
FontSize
|
||||
);
|
||||
}
|
||||
|
||||
public async Task<string> GetContent() => await EditorService.GetValue();
|
||||
|
||||
public async Task SetContent(string content) => await EditorService.SetValue(content);
|
||||
|
||||
public async Task SetMode(string mode) => await EditorService.SetMode(mode);
|
||||
}
|
||||
@@ -1,115 +0,0 @@
|
||||
@inject ToastService ToastService
|
||||
@inject HotKeyService HotKeyService
|
||||
|
||||
@using Moonlight.Features.FileManager.Models.Abstractions.FileAccess
|
||||
@using MoonCoreUI.Services
|
||||
@using Moonlight.Core.Services
|
||||
@using MoonCore.Helpers
|
||||
@using Moonlight.Features.FileManager.Helpers
|
||||
|
||||
@implements IDisposable
|
||||
|
||||
<div class="card mb-2 border-0 rounded">
|
||||
<div class="card-body py-3 rounded" style="background-color: rgb(21, 21, 33)">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-bold fs-5 align-middle">@(File.Name) (@(Formatter.FormatSize(File.Size)))</span>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<WButton OnClick="OnClose" CssClasses="btn btn-sm btn-primary">
|
||||
<i class="bx bx-sm bx-arrow-back"></i>Back
|
||||
</WButton>
|
||||
<WButton OnClick="OnSave" CssClasses="btn btn-sm btn-success">
|
||||
<i class="bx bx-sm bx-save"></i>Save
|
||||
</WButton>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Editor @ref="Editor" InitialContent="Loading file"/>
|
||||
|
||||
@code
|
||||
{
|
||||
[Parameter] public FileEntry File { get; set; }
|
||||
|
||||
[Parameter] public IFileAccess FileAccess { get; set; }
|
||||
|
||||
[Parameter] public bool CloseOnSave { get; set; } = false;
|
||||
|
||||
[Parameter] public Func<Task>? OnClosed { get; set; }
|
||||
|
||||
private Editor Editor;
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender)
|
||||
{
|
||||
// Initialize the editor
|
||||
await Editor.Initialize();
|
||||
|
||||
// Load file and check the file type
|
||||
var fileData = await FileAccess.ReadFile(File.Name);
|
||||
var mode = EditorModeDetector.GetModeFromFile(File.Name);
|
||||
|
||||
// Finalize editor
|
||||
await Editor.SetMode(mode);
|
||||
await Editor.SetContent(fileData);
|
||||
|
||||
HotKeyService.HotKeyPressed += OnHotKeyPressed;
|
||||
}
|
||||
}
|
||||
|
||||
private async Task OnClose()
|
||||
{
|
||||
if (OnClosed != null)
|
||||
await OnClosed.Invoke();
|
||||
}
|
||||
|
||||
private async Task OnSave()
|
||||
{
|
||||
try
|
||||
{
|
||||
var content = await Editor.GetContent();
|
||||
await FileAccess.WriteFile(File.Name, content);
|
||||
}
|
||||
catch (Exception e)
|
||||
{
|
||||
Logger.Warn($"An unhandled error has occured while saving a file using access type {FileAccess.GetType().FullName}");
|
||||
Logger.Warn(e);
|
||||
|
||||
await ToastService.Danger("An unknown error has occured while saving the file. Please try again later");
|
||||
return;
|
||||
}
|
||||
|
||||
await ToastService.Success("Successfully saved file");
|
||||
|
||||
if (CloseOnSave)
|
||||
{
|
||||
if (OnClosed != null)
|
||||
await OnClosed.Invoke();
|
||||
}
|
||||
}
|
||||
|
||||
private async Task OnHotKeyPressed(string hotKey)
|
||||
{
|
||||
if (hotKey == "save")
|
||||
{
|
||||
await OnSave();
|
||||
return;
|
||||
}
|
||||
|
||||
if (hotKey == "close")
|
||||
{
|
||||
await OnClose();
|
||||
return;
|
||||
}
|
||||
|
||||
// Define more hotkeys here
|
||||
}
|
||||
|
||||
public void Dispose()
|
||||
{
|
||||
HotKeyService.HotKeyPressed -= OnHotKeyPressed;
|
||||
}
|
||||
}
|
||||
@@ -1,268 +0,0 @@
|
||||
@using Moonlight.Features.FileManager.Models.Abstractions.FileAccess
|
||||
@using Moonlight.Core.Configuration
|
||||
@using MoonCore.Helpers
|
||||
@using MoonCore.Services
|
||||
@using MoonCoreUI.Services
|
||||
|
||||
@inject AlertService AlertService
|
||||
@inject ConfigService<ConfigV1> ConfigService
|
||||
@inject ToastService ToastService
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="card-title">
|
||||
<div class="badge badge-primary badge-lg fs-5 py-2">
|
||||
@{
|
||||
var elements = Path
|
||||
.Split("/")
|
||||
.Where(x => !string.IsNullOrEmpty(x))
|
||||
.ToList();
|
||||
|
||||
int i = 1;
|
||||
var root = "/";
|
||||
}
|
||||
|
||||
<a href="#" @onclick:preventDefault @onclick="() => NavigateToPath(root)" class="invisible-a mx-2">/</a>
|
||||
@foreach (var element in elements)
|
||||
{
|
||||
var pathToCd = "/" + string.Join('/', elements.Take(i));
|
||||
|
||||
<a href="#" @onclick:preventDefault @onclick="() => NavigateToPath(pathToCd)" class="invisible-a">@(element)</a>
|
||||
<div class="mx-2">/</div>
|
||||
|
||||
i++;
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-toolbar">
|
||||
@if (ShowFileUploader)
|
||||
{
|
||||
<button type="button" @onclick="ToggleFileUploader" class="btn btn-light-primary me-3">
|
||||
Back
|
||||
</button>
|
||||
}
|
||||
else
|
||||
{
|
||||
<a href="javascript:void(0)" class="btn btn-secondary me-3">
|
||||
<i class="bx bx-sm bx-link-external me-2"></i>
|
||||
Launch
|
||||
</a>
|
||||
<button type="button" @onclick="ToggleFileUploader" class="btn btn-light-primary me-3">
|
||||
<i class="bx bx-sm bx-upload me-2"></i>
|
||||
Upload
|
||||
</button>
|
||||
<div class="dropdown">
|
||||
<a class="btn btn-primary dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
New
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
|
||||
<li>
|
||||
<a href="#" @onclick:preventDefault @onclick="CreateFile" class="dropdown-item">
|
||||
<i class="bx bx-sm bx-file text-primary me-2 align-middle"></i>
|
||||
<span class="align-middle fs-6">File</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" @onclick:preventDefault @onclick="CreateDirectory" class="dropdown-item">
|
||||
<i class="bx bx-sm bx-folder text-primary me-2 align-middle"></i>
|
||||
<span class="align-middle fs-6">Folder</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body" @ondragenter="() => ToggleFileUploader(true)">
|
||||
@if (ShowFileUploader)
|
||||
{
|
||||
<FileUploader @ref="FileUploader" FileAccess="FileAccess"/>
|
||||
}
|
||||
else if (ShowFileEditor)
|
||||
{
|
||||
<FileEditor File="EditorOpenFile" FileAccess="FileAccess" OnClosed="OnEditorClosed"/>
|
||||
}
|
||||
else
|
||||
{
|
||||
<FileView @ref="FileView"
|
||||
FileAccess="FileAccess"
|
||||
OnPathChanged="OnPathChanged"
|
||||
OnFileClicked="OnFileClicked"
|
||||
OnMoveRequested="StartMove"/>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<SmartModal @ref="MoveModal" CssClasses="modal-dialog-centered">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Select the location to move '@(MoveEntry.Name)'</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body" style="overflow-y: scroll; max-height: 80vh">
|
||||
<FileView
|
||||
FileAccess="MoveAccess"
|
||||
ShowActions="false"
|
||||
ShowHeader="false"
|
||||
ShowSelect="false"
|
||||
ShowSize="false"
|
||||
ShowLastModified="false"/>
|
||||
</div>
|
||||
<div class="modal-footer p-3">
|
||||
<div class="btn-group w-100">
|
||||
<WButton OnClick="FinishMove" Text="Move" CssClasses="btn btn-primary w-50 me-3"/>
|
||||
<button class="btn btn-secondary w-50" data-bs-dismiss="modal">Cancel</button>
|
||||
</div>
|
||||
</div>
|
||||
</SmartModal>
|
||||
|
||||
@code
|
||||
{
|
||||
[Parameter] public IFileAccess FileAccess { get; set; }
|
||||
|
||||
// Navigation
|
||||
private string Path = "/";
|
||||
private FileView? FileView;
|
||||
|
||||
// Uploading
|
||||
private bool ShowFileUploader = false;
|
||||
private FileUploader? FileUploader;
|
||||
|
||||
// Editing
|
||||
private bool ShowFileEditor = false;
|
||||
private FileEntry EditorOpenFile;
|
||||
|
||||
// Move
|
||||
private FileEntry MoveEntry;
|
||||
private SmartModal MoveModal;
|
||||
private IFileAccess MoveAccess;
|
||||
|
||||
private async Task OnPathChanged(string path)
|
||||
{
|
||||
Path = path;
|
||||
await InvokeAsync(StateHasChanged);
|
||||
}
|
||||
|
||||
private async Task NavigateToPath(string path)
|
||||
{
|
||||
if (ShowFileUploader)
|
||||
await ToggleFileUploader(false);
|
||||
|
||||
if (FileView == null)
|
||||
return;
|
||||
|
||||
await FileView.NavigateToPath(path);
|
||||
}
|
||||
|
||||
#region Uploader
|
||||
|
||||
private async Task ToggleFileUploader() => await ToggleFileUploader(!ShowFileUploader);
|
||||
|
||||
private async Task ToggleFileUploader(bool b)
|
||||
{
|
||||
ShowFileUploader = b;
|
||||
await InvokeAsync(StateHasChanged);
|
||||
}
|
||||
|
||||
#endregion
|
||||
|
||||
#region mkdir / touch
|
||||
|
||||
private async Task CreateFile()
|
||||
{
|
||||
if (FileView == null)
|
||||
return;
|
||||
|
||||
var name = await AlertService.Text("Enter the filename", "");
|
||||
|
||||
await FileAccess.CreateFile(name);
|
||||
|
||||
await FileView.Refresh();
|
||||
|
||||
// Open editor to start editing
|
||||
await OpenEditor(new FileEntry()
|
||||
{
|
||||
Size = 0,
|
||||
Name = name,
|
||||
IsFile = true,
|
||||
IsDirectory = false,
|
||||
LastModifiedAt = DateTime.UtcNow
|
||||
});
|
||||
}
|
||||
|
||||
private async Task CreateDirectory()
|
||||
{
|
||||
if (FileView == null)
|
||||
return;
|
||||
|
||||
var name = await AlertService.Text("Enter the foldername", "");
|
||||
|
||||
await FileAccess.CreateDirectory(name);
|
||||
|
||||
await FileView.Refresh();
|
||||
}
|
||||
|
||||
#endregion
|
||||
|
||||
#region Editor
|
||||
|
||||
private async Task OnFileClicked(FileEntry fileEntry) => await OpenEditor(fileEntry);
|
||||
|
||||
private async Task OpenEditor(FileEntry fileEntry)
|
||||
{
|
||||
var fileSizeInKilobytes = ByteSizeValue.FromBytes(fileEntry.Size).KiloBytes;
|
||||
|
||||
if (fileSizeInKilobytes > ConfigService.Get().FileManager.MaxFileOpenSize)
|
||||
{
|
||||
await ToastService.Danger("Unable to open file as it exceeds the max file size limit");
|
||||
return;
|
||||
}
|
||||
|
||||
EditorOpenFile = fileEntry;
|
||||
|
||||
// Prepare editor
|
||||
ShowFileEditor = true;
|
||||
await InvokeAsync(StateHasChanged);
|
||||
}
|
||||
|
||||
private async Task OnEditorClosed()
|
||||
{
|
||||
ShowFileEditor = false;
|
||||
await InvokeAsync(StateHasChanged);
|
||||
}
|
||||
|
||||
#endregion
|
||||
|
||||
#region Move
|
||||
|
||||
private async Task StartMove(FileEntry fileEntry)
|
||||
{
|
||||
MoveEntry = fileEntry;
|
||||
MoveAccess = FileAccess.Clone();
|
||||
|
||||
await MoveAccess.SetDirectory("/");
|
||||
await MoveModal.Show();
|
||||
}
|
||||
|
||||
private async Task FinishMove()
|
||||
{
|
||||
var pathToMove = await MoveAccess.GetCurrentDirectory();
|
||||
MoveAccess.Dispose();
|
||||
|
||||
// Ensure path ends with a /
|
||||
if (!pathToMove.EndsWith("/"))
|
||||
pathToMove += "/";
|
||||
|
||||
// Perform move and process ui updates
|
||||
await FileAccess.Move(MoveEntry.Name, pathToMove);
|
||||
|
||||
await MoveModal.Hide();
|
||||
|
||||
if (FileView == null)
|
||||
return;
|
||||
|
||||
await FileView.Refresh();
|
||||
}
|
||||
|
||||
#endregion
|
||||
|
||||
}
|
||||
@@ -1,92 +0,0 @@
|
||||
@using Moonlight.Features.FileManager.Models.Abstractions.FileAccess
|
||||
@using Moonlight.Features.FileManager.Services
|
||||
|
||||
@inject DropzoneService DropzoneService
|
||||
@inject SharedFileAccessService SharedFileAccessService
|
||||
|
||||
@implements IDisposable
|
||||
|
||||
<div class="d-flex justify-content-center">
|
||||
<div class="col-md-8" @ondrop:preventDefault>
|
||||
<div class="dropzone dropzone-queue" id="@DropzoneId">
|
||||
<div class="dropzone-panel mb-lg-0 mb-2">
|
||||
<div class="card border border-1 border-primary bg-secondary" style="pointer-events: none">
|
||||
<div class="card-body">
|
||||
<div class="text-center fs-1 fw-bold">
|
||||
Drag a file or folder or <a class="dropzone-select" style="pointer-events: all">click to upload files</a>
|
||||
</div>
|
||||
</div>
|
||||
<img src="/svg/upload.svg" class="card-img-bottom" alt="Upload icon" style="max-height: 15vw">
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropzone-items wm-200px">
|
||||
<div class="dropzone-item" style="display:none">
|
||||
<div class="dropzone-file">
|
||||
<div class="dropzone-filename" title="some_image_file_name.jpg">
|
||||
<span data-dz-name>some_image_file_name.jpg</span>
|
||||
<strong>(<span data-dz-size>340kb</span>)</strong>
|
||||
</div>
|
||||
<div class="dropzone-error" data-dz-errormessage></div>
|
||||
</div>
|
||||
<div class="dropzone-progress">
|
||||
<div class="progress">
|
||||
<div
|
||||
class="progress-bar bg-primary"
|
||||
role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" data-dz-uploadprogress>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropzone-toolbar">
|
||||
<span class="dropzone-delete" data-dz-remove>
|
||||
<i class="bx bx-x fs-1"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@code
|
||||
{
|
||||
[Parameter] public IFileAccess FileAccess { get; set; }
|
||||
|
||||
private CancellationTokenSource Cancellation = new();
|
||||
private string DropzoneId;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
DropzoneId = $"dropzone{GetHashCode()}";
|
||||
}
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender)
|
||||
{
|
||||
await SharedFileAccessService.Register(FileAccess);
|
||||
|
||||
var token = await SharedFileAccessService.GenerateToken(FileAccess);
|
||||
var url = $"/api/upload?token={token}";
|
||||
|
||||
await DropzoneService.Create(DropzoneId, url);
|
||||
|
||||
Task.Run(async () => // Update the dropzone url every 5 minutes so the token does not expire
|
||||
{
|
||||
while (!Cancellation.IsCancellationRequested)
|
||||
{
|
||||
await Task.Delay(TimeSpan.FromMinutes(5));
|
||||
|
||||
var newToken = await SharedFileAccessService.GenerateToken(FileAccess);
|
||||
var newUrl = $"/api/upload?token={newToken}";
|
||||
await DropzoneService.UpdateUrl(DropzoneId, newUrl);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
public async void Dispose()
|
||||
{
|
||||
Cancellation.Cancel();
|
||||
await SharedFileAccessService.Unregister(FileAccess);
|
||||
}
|
||||
}
|
||||
@@ -1,427 +0,0 @@
|
||||
@using Moonlight.Features.FileManager.Models.Abstractions.FileAccess
|
||||
@using MoonCoreUI.Services
|
||||
@using MoonCore.Helpers
|
||||
@using Moonlight.Features.FileManager.Services
|
||||
|
||||
@inject ToastService ToastService
|
||||
@inject AlertService AlertService
|
||||
@inject SharedFileAccessService SharedFileAccessService
|
||||
@inject NavigationManager Navigation
|
||||
|
||||
@implements IDisposable
|
||||
|
||||
<LazyLoader @ref="LazyLoader" Load="Load">
|
||||
<table class="w-100 table table-responsive table-row-bordered">
|
||||
<tbody>
|
||||
|
||||
@if (ShowHeader)
|
||||
{
|
||||
<tr>
|
||||
@if (ShowSelect)
|
||||
{
|
||||
<td class="w-10px align-middle">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" @oninput="args => ToggleAll(args)">
|
||||
</div>
|
||||
</td>
|
||||
}
|
||||
@if (ShowIcons)
|
||||
{
|
||||
<td></td>
|
||||
}
|
||||
<td class="align-middle fs-6 text-muted">
|
||||
Name
|
||||
</td>
|
||||
@if (ShowSize)
|
||||
{
|
||||
<td class="align-middle fs-6 text-muted d-none d-sm-table-cell text-end">
|
||||
Size
|
||||
</td>
|
||||
}
|
||||
@if (ShowLastModified)
|
||||
{
|
||||
<td class="align-middle fs-6 text-muted d-none d-sm-table-cell text-end">
|
||||
Last modified at
|
||||
</td>
|
||||
}
|
||||
@if (SelectedEntries.Count == 0)
|
||||
{
|
||||
<td></td>
|
||||
}
|
||||
else
|
||||
{
|
||||
<td class="w-50 fs-6 text-end">
|
||||
<span class="text-primary">@SelectedEntries.Count</span> element(s) selected
|
||||
<div class="ms-2 btn-group">
|
||||
<WButton OnClick="() => Delete(SelectedEntries.ToArray())" CssClasses="btn btn-icon btn-danger">
|
||||
<i class="text-white bx bx-sm bx-trash"></i>
|
||||
</WButton>
|
||||
</div>
|
||||
</td>
|
||||
}
|
||||
</tr>
|
||||
}
|
||||
|
||||
@if (ShowGoUp && Path != "/" && !DisableNavigation)
|
||||
{
|
||||
<tr>
|
||||
@if (ShowSelect)
|
||||
{
|
||||
<td class="w-10px align-middle">
|
||||
</td>
|
||||
}
|
||||
@if (ShowIcons)
|
||||
{
|
||||
<td class="w-10px align-middle">
|
||||
</td>
|
||||
}
|
||||
<td class="align-middle fs-6">
|
||||
@{
|
||||
var upPath = "..";
|
||||
}
|
||||
|
||||
<a href="#"
|
||||
@onclick:preventDefault
|
||||
@onclick="() => Navigate(upPath)">
|
||||
Go up
|
||||
</a>
|
||||
</td>
|
||||
@if (ShowSize)
|
||||
{
|
||||
<td class="align-middle fs-6 d-none d-sm-table-cell text-end">
|
||||
<span>-</span>
|
||||
</td>
|
||||
}
|
||||
@if (ShowLastModified)
|
||||
{
|
||||
<td class="align-middle fs-6 d-none d-sm-table-cell text-end">
|
||||
-
|
||||
</td>
|
||||
}
|
||||
@if (ShowActions)
|
||||
{
|
||||
<td class="w-50 text-end">
|
||||
</td>
|
||||
}
|
||||
</tr>
|
||||
}
|
||||
|
||||
@foreach (var entry in Entries)
|
||||
{
|
||||
<tr>
|
||||
@if (ShowSelect)
|
||||
{
|
||||
<td class="w-10px align-middle">
|
||||
<div class="form-check">
|
||||
@if (SelectedEntries.Contains(entry))
|
||||
{
|
||||
<input class="form-check-input" type="checkbox" value="1" checked="checked" @oninput="args => HandleSelected(entry, args)">
|
||||
}
|
||||
else
|
||||
{
|
||||
<input class="form-check-input" type="checkbox" value="0" @oninput="args => HandleSelected(entry, args)">
|
||||
}
|
||||
</div>
|
||||
</td>
|
||||
}
|
||||
@if (ShowIcons)
|
||||
{
|
||||
<td class="w-10px align-middle">
|
||||
@if (entry.IsFile)
|
||||
{
|
||||
<i class="bx bx-md bx-file"></i>
|
||||
}
|
||||
else
|
||||
{
|
||||
<i class="bx bx-md bx-folder"></i>
|
||||
}
|
||||
</td>
|
||||
}
|
||||
<td class="align-middle fs-6">
|
||||
@if (DisableNavigation)
|
||||
{
|
||||
<span>@(entry.Name)</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<a href="#"
|
||||
@onclick:preventDefault
|
||||
@onclick="() => HandleClick(entry)">
|
||||
@(entry.Name)
|
||||
</a>
|
||||
}
|
||||
</td>
|
||||
@if (ShowSize)
|
||||
{
|
||||
<td class="align-middle fs-6 d-none d-sm-table-cell text-end">
|
||||
@if (entry.IsFile)
|
||||
{
|
||||
@(Formatter.FormatSize(entry.Size))
|
||||
}
|
||||
else
|
||||
{
|
||||
<span>-</span>
|
||||
}
|
||||
</td>
|
||||
}
|
||||
@if (ShowLastModified)
|
||||
{
|
||||
<td class="align-middle fs-6 d-none d-sm-table-cell text-end">
|
||||
@(Formatter.FormatDate(entry.LastModifiedAt))
|
||||
</td>
|
||||
}
|
||||
@if (ShowActions)
|
||||
{
|
||||
<td class="w-50 text-end">
|
||||
<div class="btn-group">
|
||||
<WButton OnClick="() => Delete(entry)" CssClasses="btn btn-icon btn-danger">
|
||||
<i class="text-white bx bx-sm bx-trash"></i>
|
||||
</WButton>
|
||||
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-icon btn-secondary rounded-start-0" type="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<i class="text-white bx bx-sm bx-dots-horizontal-rounded"></i>
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a href="#" @onclick:preventDefault @onclick="() => Rename(entry)" class="dropdown-item">Rename</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" @onclick:preventDefault @onclick="() => Download(entry)" class="dropdown-item">Download</a>
|
||||
</li>
|
||||
@if (OnMoveRequested != null)
|
||||
{
|
||||
<li>
|
||||
<a href="#" @onclick:preventDefault @onclick="() => RequestMove(entry)" class="dropdown-item">Move</a>
|
||||
</li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
}
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</LazyLoader>
|
||||
|
||||
|
||||
@code
|
||||
{
|
||||
[Parameter] public IFileAccess FileAccess { get; set; }
|
||||
|
||||
[Parameter] public Func<FileEntry, bool>? Filter { get; set; }
|
||||
[Parameter] public bool ShowSize { get; set; } = true;
|
||||
[Parameter] public bool ShowLastModified { get; set; } = true;
|
||||
[Parameter] public bool ShowIcons { get; set; } = true;
|
||||
[Parameter] public bool ShowActions { get; set; } = true;
|
||||
[Parameter] public bool ShowSelect { get; set; } = true;
|
||||
[Parameter] public bool ShowGoUp { get; set; } = true;
|
||||
[Parameter] public bool ShowHeader { get; set; } = true;
|
||||
[Parameter] public bool DisableNavigation { get; set; } = false;
|
||||
[Parameter] public Func<FileEntry, Task>? OnFileClicked { get; set; }
|
||||
[Parameter] public Func<Task>? OnSelectionChanged { get; set; }
|
||||
[Parameter] public Func<string, Task>? OnPathChanged { get; set; }
|
||||
[Parameter] public Func<FileEntry, Task>? OnMoveRequested { get; set; }
|
||||
|
||||
public readonly List<FileEntry> SelectedEntries = new();
|
||||
|
||||
private LazyLoader LazyLoader;
|
||||
private FileEntry[] Entries;
|
||||
private string Path = "/";
|
||||
|
||||
private async Task Load(LazyLoader lazyLoader)
|
||||
{
|
||||
await lazyLoader.SetText("Loading files and folders");
|
||||
|
||||
// Load all entries
|
||||
Entries = await FileAccess.List();
|
||||
|
||||
await lazyLoader.SetText("Sorting files and folders");
|
||||
|
||||
// Perform sorting and filtering
|
||||
if (Filter != null)
|
||||
{
|
||||
Entries = Entries
|
||||
.Where(x => Filter.Invoke(x))
|
||||
.ToArray();
|
||||
}
|
||||
|
||||
Entries = Entries
|
||||
.GroupBy(x => x.IsFile)
|
||||
.OrderBy(x => x.Key)
|
||||
.SelectMany(x => x.OrderBy(y => y.Name))
|
||||
.ToArray();
|
||||
|
||||
SelectedEntries.Clear();
|
||||
|
||||
Path = await FileAccess.GetCurrentDirectory();
|
||||
|
||||
if (OnPathChanged != null)
|
||||
await OnPathChanged.Invoke(Path);
|
||||
}
|
||||
|
||||
private async Task HandleClick(FileEntry fileEntry)
|
||||
{
|
||||
if (fileEntry.IsDirectory && !DisableNavigation)
|
||||
{
|
||||
await Navigate(fileEntry.Name);
|
||||
}
|
||||
else
|
||||
{
|
||||
if (OnFileClicked != null)
|
||||
await OnFileClicked.Invoke(fileEntry);
|
||||
}
|
||||
}
|
||||
|
||||
#region Actions
|
||||
|
||||
private async Task Delete(params FileEntry[] entries)
|
||||
{
|
||||
if (entries.Length == 0)
|
||||
return;
|
||||
|
||||
var toastId = "fileDelete" + GetHashCode();
|
||||
await ToastService.CreateProgress(toastId, $"[0/{entries.Length}] Deleting items");
|
||||
|
||||
int i = 0;
|
||||
foreach (var entry in entries)
|
||||
{
|
||||
await ToastService.ModifyProgress(toastId, $"[{i + 1}/{entries.Length}] Deleting '{entry.Name}'");
|
||||
|
||||
await FileAccess.Delete(entry.Name);
|
||||
|
||||
i++;
|
||||
}
|
||||
|
||||
await ToastService.RemoveProgress(toastId);
|
||||
await ToastService.Success($"Successfully deleted {i} item(s)");
|
||||
|
||||
await LazyLoader.Reload();
|
||||
}
|
||||
|
||||
private async Task Rename(FileEntry fileEntry)
|
||||
{
|
||||
var name = await AlertService.Text($"Rename '{fileEntry.Name}'", "", fileEntry.Name);
|
||||
|
||||
if (string.IsNullOrEmpty(name))
|
||||
return;
|
||||
|
||||
await FileAccess.Move(fileEntry.Name, name);
|
||||
|
||||
await LazyLoader.Reload();
|
||||
}
|
||||
|
||||
private async Task RequestMove(FileEntry fileEntry)
|
||||
{
|
||||
if (OnMoveRequested == null)
|
||||
return;
|
||||
|
||||
await OnMoveRequested.Invoke(fileEntry);
|
||||
}
|
||||
|
||||
private async Task Download(FileEntry fileEntry)
|
||||
{
|
||||
try
|
||||
{
|
||||
await SharedFileAccessService.Register(FileAccess);
|
||||
var token = await SharedFileAccessService.GenerateToken(FileAccess);
|
||||
var url = $"/api/download?token={token}&name={fileEntry.Name}";
|
||||
|
||||
await ToastService.Info("Starting download...");
|
||||
Navigation.NavigateTo(url, true);
|
||||
}
|
||||
catch (Exception e)
|
||||
{
|
||||
Logger.Warn("Unable to start download");
|
||||
Logger.Warn(e);
|
||||
|
||||
await ToastService.Danger("Failed to start download");
|
||||
}
|
||||
}
|
||||
|
||||
#endregion
|
||||
|
||||
#region Selection
|
||||
|
||||
private async Task HandleSelected(FileEntry fileEntry, ChangeEventArgs args)
|
||||
{
|
||||
if (args.Value == null) // This should never be called. Still i want to handle it
|
||||
return;
|
||||
|
||||
if (args.Value.ToString() == "True")
|
||||
{
|
||||
if (!SelectedEntries.Contains(fileEntry))
|
||||
SelectedEntries.Add(fileEntry);
|
||||
}
|
||||
else
|
||||
{
|
||||
if (SelectedEntries.Contains(fileEntry))
|
||||
SelectedEntries.Remove(fileEntry);
|
||||
}
|
||||
|
||||
if (OnSelectionChanged != null)
|
||||
await OnSelectionChanged.Invoke();
|
||||
|
||||
await InvokeAsync(StateHasChanged);
|
||||
}
|
||||
|
||||
private async Task ToggleAll(ChangeEventArgs args)
|
||||
{
|
||||
if (args.Value == null)
|
||||
return;
|
||||
|
||||
if (args.Value.ToString() == "True")
|
||||
{
|
||||
foreach (var entry in Entries)
|
||||
{
|
||||
if (!SelectedEntries.Contains(entry))
|
||||
SelectedEntries.Add(entry);
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
SelectedEntries.Clear();
|
||||
}
|
||||
|
||||
await InvokeAsync(StateHasChanged);
|
||||
}
|
||||
|
||||
#endregion
|
||||
|
||||
#region Navigation
|
||||
|
||||
public async Task Navigate(string name)
|
||||
{
|
||||
await LazyLoader.Reload(async loader =>
|
||||
{
|
||||
await loader.SetText("Switching directory on target");
|
||||
await FileAccess.ChangeDirectory(name);
|
||||
|
||||
if (OnPathChanged != null)
|
||||
await OnPathChanged.Invoke(await FileAccess.GetCurrentDirectory());
|
||||
});
|
||||
}
|
||||
|
||||
public async Task NavigateToPath(string path)
|
||||
{
|
||||
await LazyLoader.Reload(async loader =>
|
||||
{
|
||||
await loader.SetText("Switching directory on target");
|
||||
await FileAccess.SetDirectory(path);
|
||||
|
||||
if (OnPathChanged != null)
|
||||
await OnPathChanged.Invoke(await FileAccess.GetCurrentDirectory());
|
||||
});
|
||||
}
|
||||
|
||||
#endregion
|
||||
|
||||
public async Task Refresh() => await LazyLoader.Reload();
|
||||
|
||||
public async void Dispose()
|
||||
{
|
||||
await SharedFileAccessService.Unregister(FileAccess);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user