mirror of
https://github.com/MindWorkAI/AI-Studio.git
synced 2026-02-12 21:21:37 +00:00
Made the file list scrollable
This commit is contained in:
parent
4cefc6243c
commit
7dd505b554
@ -10,60 +10,62 @@
|
||||
<MudJustifiedText Typo="Typo.body1" Class="mb-3">
|
||||
@T("Here you can see all attached files. Files that can no longer be found (deleted, renamed, or moved) are marked with a warning icon and a strikethrough name. You can remove any attachment using the trash can icon.")
|
||||
</MudJustifiedText>
|
||||
|
||||
|
||||
<MudDivider Class="mt-3 mb-3"/>
|
||||
|
||||
@if (!this.DocumentPaths.Any())
|
||||
{
|
||||
<MudJustifiedText Typo="Typo.body1" Class="mt-3">
|
||||
@T("There aren’t any file attachments available right now.")
|
||||
</MudJustifiedText>
|
||||
}
|
||||
|
||||
@foreach (var filePath in this.DocumentPaths)
|
||||
{
|
||||
@if (File.Exists(filePath))
|
||||
<div style="max-height: 50vh; overflow-y: auto; padding-right: 8px;">
|
||||
@if (!this.DocumentPaths.Any())
|
||||
{
|
||||
<MudStack Row Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="mb-2">
|
||||
<MudTooltip Text="@T("Your attached file")" Placement="Placement.Bottom">
|
||||
<span class="d-inline-flex align-items-center" style="max-width: 100%;">
|
||||
<MudIcon Icon="@Icons.Material.Filled.AttachFile" Class="mr-2"/>
|
||||
<MudText Class="flex-grow-1 overflow-hidden text-ellipsis" Style="white-space: nowrap;">
|
||||
@Path.GetFileName(filePath)
|
||||
</MudText>
|
||||
</span>
|
||||
</MudTooltip>
|
||||
|
||||
<MudTooltip Text="@T("Delete")" Placement="Placement.Bottom">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Delete"
|
||||
Color="Color.Error"
|
||||
Class="ml-2"
|
||||
OnClick="@(() => DeleteAttachment(filePath))"/>
|
||||
</MudTooltip>
|
||||
</MudStack>
|
||||
|
||||
<MudJustifiedText Typo="Typo.body1" Class="mt-3">
|
||||
@T("There aren't any file attachments available right now.")
|
||||
</MudJustifiedText>
|
||||
}
|
||||
else
|
||||
|
||||
@foreach (var filePath in this.DocumentPaths)
|
||||
{
|
||||
<MudStack Row Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="mb-2">
|
||||
<MudTooltip Text="@T("The file was deleted, renamed, or moved")" Placement="Placement.Bottom">
|
||||
<span class="d-inline-flex align-items-center" style="max-width: 100%;">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Report" Color="Color.Error" Class="mr-2"/>
|
||||
<MudText Class="flex-grow-1 overflow-hidden text-ellipsis" Style="white-space: nowrap;">
|
||||
<s>@Path.GetFileName(filePath)</s>
|
||||
</MudText>
|
||||
</span>
|
||||
</MudTooltip>
|
||||
|
||||
<MudTooltip Text="@T("Delete")" Placement="Placement.Bottom">
|
||||
@if (File.Exists(filePath))
|
||||
{
|
||||
<MudStack Row Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="mb-2">
|
||||
<MudTooltip Text="@T("Your attached file")" Placement="Placement.Bottom">
|
||||
<span class="d-inline-flex align-items-center" style="max-width: 100%;">
|
||||
<MudIcon Icon="@Icons.Material.Filled.AttachFile" Class="mr-2"/>
|
||||
<MudText Class="flex-grow-1 overflow-hidden text-ellipsis" Style="white-space: nowrap;">
|
||||
@Path.GetFileName(filePath)
|
||||
</MudText>
|
||||
</span>
|
||||
</MudTooltip>
|
||||
|
||||
<MudTooltip Text="@T("Delete")" Placement="Placement.Bottom">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Delete"
|
||||
Color="Color.Error"
|
||||
Class="ml-2"
|
||||
OnClick="@(() => DeleteAttachment(filePath))"/>
|
||||
</MudTooltip>
|
||||
</MudStack>
|
||||
</MudTooltip>
|
||||
</MudStack>
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudStack Row Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="mb-2">
|
||||
<MudTooltip Text="@T("The file was deleted, renamed, or moved")" Placement="Placement.Bottom">
|
||||
<span class="d-inline-flex align-items-center" style="max-width: 100%;">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Report" Color="Color.Error" Class="mr-2"/>
|
||||
<MudText Class="flex-grow-1 overflow-hidden text-ellipsis" Style="white-space: nowrap;">
|
||||
<s>@Path.GetFileName(filePath)</s>
|
||||
</MudText>
|
||||
</span>
|
||||
</MudTooltip>
|
||||
|
||||
<MudTooltip Text="@T("Delete")" Placement="Placement.Bottom">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Delete"
|
||||
Color="Color.Error"
|
||||
Class="ml-2"
|
||||
OnClick="@(() => DeleteAttachment(filePath))"/>
|
||||
</MudTooltip>
|
||||
</MudStack>
|
||||
}
|
||||
}
|
||||
}
|
||||
</div>
|
||||
</DialogContent>
|
||||
<DialogActions>
|
||||
<MudButton OnClick="@this.Close" Variant="Variant.Filled" Color="Color.Primary">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user