update mapmanager pages
This commit is contained in:
Đăng Nguyễn
parent
0d97684f70
commit
4aed0da992
5
RobotApp.Client/Components/Mapping/MapView.razor
Normal file
5
RobotApp.Client/Components/Mapping/MapView.razor
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<h3>MapView</h3>
|
||||
|
||||
@code {
|
||||
|
||||
}
|
||||
|
|
@ -36,6 +36,12 @@
|
|||
</NavLink>
|
||||
</div>
|
||||
|
||||
<div class="nav-item px-3">
|
||||
<NavLink class="nav-link" href="maps-manager">
|
||||
<span class="bi bi-lock-nav-menu" aria-hidden="true"></span> Map Manager
|
||||
</NavLink>
|
||||
</div>
|
||||
|
||||
<AuthorizeView>
|
||||
<Authorized>
|
||||
<div class="nav-item px-3">
|
||||
|
|
|
|||
181
RobotApp.Client/Pages/MapsManager.razor
Normal file
181
RobotApp.Client/Pages/MapsManager.razor
Normal file
|
|
@ -0,0 +1,181 @@
|
|||
@page "/maps-manager"
|
||||
@using MudBlazor
|
||||
@using RobotApp.Common.Shares.Dtos
|
||||
|
||||
@attribute [Authorize]
|
||||
@inject HttpClient Http
|
||||
|
||||
<PageTitle>Map Manager</PageTitle>
|
||||
|
||||
<style>
|
||||
.selected {
|
||||
background-color: #3399ff !important;
|
||||
}
|
||||
|
||||
.selected > td {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.selected > td .mud-input {
|
||||
color: white !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="d-flex flex-row w-100 h-100 p-2 overflow-hidden">
|
||||
<div class="d-flex h-100 flex-column flex-grow-1 pe-2">
|
||||
<div class="d-flex justify-content-between align-items-center mb-2">
|
||||
<MudTextField Value="txtSearch" T="string" Label="Search" Variant="Variant.Outlined" Adornment="Adornment.End" AdornmentIcon="@Icons.Material.Filled.Search"
|
||||
AdornmentColor="Color.Secondary" ValueChanged="TextSearchChanged" Style="max-width: 550px" />
|
||||
<MudButton Class="ms-3" StartIcon="@Icons.Material.Filled.Add" Variant="Variant.Filled" Color="Color.Primary" Size="Size.Large">
|
||||
NEW
|
||||
</MudButton>
|
||||
</div>
|
||||
<div class="d-flex" style="height: 92%">
|
||||
<MudTable Class="w-100" @ref="Table" Items="@MapsShow" T="MapDto" Dense=true Hover=true ReadOnly=true FixedHeader=true RowClass="cursor-pointer" Striped="true"
|
||||
ServerData="ReloadData" Loading=@IsLoading Outlined="true" RowClassFunc="@SelectedRowClassFunc" OnRowClick="RowClickEvent" Height="95%">
|
||||
<HeaderContent>
|
||||
<MudTh>Nr</MudTh>
|
||||
<MudTh>Name</MudTh>
|
||||
<MudTh>Width (m)</MudTh>
|
||||
<MudTh>Height (m)</MudTh>
|
||||
<MudTh>Resolution (m/px)</MudTh>
|
||||
<MudTh>OriginX</MudTh>
|
||||
<MudTh>OriginY</MudTh>
|
||||
<MudTh></MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd DataLabel="Nr">
|
||||
@(Table?.CurrentPage * Table?.RowsPerPage + MapsShow.IndexOf(context) + 1)
|
||||
</MudTd>
|
||||
<MudTd DataLabel="Name">
|
||||
@context.Name
|
||||
</MudTd>
|
||||
<MudTd DataLabel="Width">
|
||||
@context.Width
|
||||
</MudTd>
|
||||
<MudTd DataLabel="Height">
|
||||
@context.Height
|
||||
</MudTd>
|
||||
<MudTd DataLabel="Resolution">
|
||||
@context.Resolution
|
||||
</MudTd>
|
||||
<MudTd DataLabel="OriginX">
|
||||
@context.OriginX
|
||||
</MudTd>
|
||||
<MudTd DataLabel="OriginY">
|
||||
@context.OriginY
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<div class="d-flex flex-row-reverse">
|
||||
<MudMenu Icon="@Icons.Material.Filled.MoreVert" AnchorOrigin="Origin.BottomCenter">
|
||||
<MudMenuItem Icon="@Icons.Material.Filled.Edit" IconColor="Color.Info">Edit</MudMenuItem>
|
||||
<MudMenuItem Icon="@Icons.Material.Filled.Delete" IconColor="Color.Error">Delete</MudMenuItem>
|
||||
</MudMenu>
|
||||
</div>
|
||||
</MudTd>
|
||||
</RowTemplate>
|
||||
<PagerContent>
|
||||
<div class="d-flex w-100 flex-row-reverse">
|
||||
<MudTablePager Style="width: 100%;" PageSizeOptions="new[] {25 , 100, 200}" />
|
||||
</div>
|
||||
</PagerContent>
|
||||
</MudTable>
|
||||
</div>
|
||||
</div>
|
||||
<div class="map-preview">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private string txtSearch = "";
|
||||
private bool IsLoading = false;
|
||||
|
||||
private List<MapDto> Maps = [];
|
||||
private List<MapDto> MapsShow = [];
|
||||
|
||||
private int selectedRowNumber = -1;
|
||||
private MapDto MapSelected = new();
|
||||
|
||||
private MudTable<MapDto>? Table; protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
await base.OnAfterRenderAsync(firstRender);
|
||||
if (!firstRender) return;
|
||||
|
||||
await LoadMaps();
|
||||
}
|
||||
|
||||
private async Task LoadMaps()
|
||||
{
|
||||
try
|
||||
{
|
||||
IsLoading = true;
|
||||
Maps.Clear();
|
||||
StateHasChanged();
|
||||
|
||||
var maps = await Http.GetFromJsonAsync<IEnumerable<MapDto>>($"api/MapsManager?txtSearch={txtSearch}");
|
||||
Maps.AddRange(maps ?? []);
|
||||
|
||||
Table?.ReloadServerData();
|
||||
IsLoading = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
catch
|
||||
{
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
private void TextSearchChanged(string text)
|
||||
{
|
||||
txtSearch = text;
|
||||
Table?.ReloadServerData();
|
||||
}
|
||||
|
||||
private bool FilterFunc(MapDto map)
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(txtSearch))
|
||||
return true;
|
||||
if (map.Name is not null && map.Name.Contains(txtSearch, StringComparison.OrdinalIgnoreCase))
|
||||
return true;
|
||||
if ($"{map.Name}".Contains(txtSearch))
|
||||
return true;
|
||||
return false;
|
||||
}
|
||||
|
||||
private Task<TableData<MapDto>> ReloadData(TableState state, CancellationToken _)
|
||||
{
|
||||
MapsShow.Clear();
|
||||
var tasks = new List<MapDto>();
|
||||
Maps.ForEach(map =>
|
||||
{
|
||||
if (FilterFunc(map)) tasks.Add(map);
|
||||
});
|
||||
MapsShow = tasks.Skip(state.Page * state.PageSize).Take(state.PageSize).ToList();
|
||||
return Task.FromResult(new TableData<MapDto>() { TotalItems = tasks.Count, Items = MapsShow });
|
||||
}
|
||||
|
||||
private void RowClickEvent(TableRowClickEventArgs<MapDto> tableRowClickEventArgs) { }
|
||||
|
||||
private string SelectedRowClassFunc(MapDto element, int rowNumber)
|
||||
{
|
||||
if (selectedRowNumber == rowNumber && Table?.SelectedItem != null && !Table.SelectedItem.Equals(element))
|
||||
{
|
||||
return string.Empty;
|
||||
}
|
||||
else if (selectedRowNumber == rowNumber && Table?.SelectedItem != null && Table.SelectedItem.Equals(element))
|
||||
{
|
||||
return "selected";
|
||||
}
|
||||
else if (Table?.SelectedItem != null && Table.SelectedItem.Equals(element))
|
||||
{
|
||||
selectedRowNumber = rowNumber;
|
||||
MapSelected = element;
|
||||
// NavigationMapPreviewRef.SetMapPreview(MapSelected);
|
||||
return "selected";
|
||||
}
|
||||
else
|
||||
{
|
||||
return string.Empty;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -11,6 +11,11 @@
|
|||
<ItemGroup>
|
||||
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="9.0.1" />
|
||||
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Authentication" Version="9.0.1" />
|
||||
<PackageReference Include="MudBlazor" Version="8.12.0" />
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<ProjectReference Include="..\RobotApp.Common.Shares\RobotApp.Common.Shares.csproj" />
|
||||
</ItemGroup>
|
||||
|
||||
</Project>
|
||||
|
|
|
|||
|
|
@ -8,3 +8,4 @@
|
|||
@using Microsoft.AspNetCore.Components.Web.Virtualization
|
||||
@using Microsoft.JSInterop
|
||||
@using RobotApp.Client
|
||||
@using Microsoft.AspNetCore.Authorization
|
||||
13
RobotApp.Common.Shares/Dtos/MapDto.cs
Normal file
13
RobotApp.Common.Shares/Dtos/MapDto.cs
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
namespace RobotApp.Common.Shares.Dtos;
|
||||
|
||||
public class MapDto
|
||||
{
|
||||
public Guid Id { get; set; }
|
||||
public string Name { get; set; } = string.Empty;
|
||||
public string Description { get; set; } = string.Empty;
|
||||
public double Width { get; set; }
|
||||
public double Height { get; set; }
|
||||
public double Resolution { get; set; }
|
||||
public double OriginX { get; set; }
|
||||
public double OriginY { get; set; }
|
||||
}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
|
||||
Microsoft Visual Studio Solution File, Format Version 12.00
|
||||
# Visual Studio Version 17
|
||||
VisualStudioVersion = 17.12.35707.178
|
||||
# Visual Studio Version 18
|
||||
VisualStudioVersion = 18.0.11018.127 d18.0
|
||||
MinimumVisualStudioVersion = 10.0.40219.1
|
||||
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "RobotApp", "RobotApp\RobotApp.csproj", "{BF0BB137-2EF9-4E1B-944E-9BF41C5284F7}"
|
||||
EndProject
|
||||
|
|
@ -37,4 +37,7 @@ Global
|
|||
GlobalSection(SolutionProperties) = preSolution
|
||||
HideSolutionNode = FALSE
|
||||
EndGlobalSection
|
||||
GlobalSection(ExtensibilityGlobals) = postSolution
|
||||
SolutionGuid = {CCB0B2E5-3C19-4B2E-B229-08A74F6EF27D}
|
||||
EndGlobalSection
|
||||
EndGlobal
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user