Skip to content

Commit

Permalink
toolbar replacement
Browse files Browse the repository at this point in the history
  • Loading branch information
@neozhu
neozhu committed Oct 21, 2024
1 parent af4f2a4 commit 77124b8
Show file tree
Hide file tree
Showing 4 changed files with 72 additions and 114 deletions.
1 change: 0 additions & 1 deletion src/Templates/Pages/.create.razor.txt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,6 @@
public string? Title { get; private set; }
MudForm? _form;
private bool _saving = false;
private bool _savingnew = false;
private List<BreadcrumbItem> _breadcrumbItems = new List<BreadcrumbItem>
{
new BreadcrumbItem("Home", href: "/"),
Expand Down
3 changes: 1 addition & 2 deletions src/Templates/Pages/.edit.razor.txt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,6 @@
public int Id { get; set; }
MudForm? _form;
private bool _saving = false;
private bool _savingnew = false;
private List<BreadcrumbItem> _breadcrumbItems = new List<BreadcrumbItem>
{
new BreadcrumbItem("Home", href: "/"),
Expand All @@ -59,7 +58,7 @@
}, errors =>
{
Snackbar.Add($"{errors}", Severity.Error);
return null;
return null!;
});

}
Expand Down
180 changes: 70 additions & 110 deletions src/Templates/Pages/.razor.txt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,115 +35,76 @@
@bind-SelectedItem="_currentDto"
Hover="true" @ref="_table">
<ToolBarContent>
<div class="d-flex align-start flex-grow-1">
<div class="d-flex gap-4">
<MudIcon Icon="@Icons.Material.Filled.Window" Size="Size.Large" />
<div class="d-flex flex-column">
<MudText Typo="Typo.caption" Class="mb-2">@Title</MudText>
<MudEnumSelect Style="min-width:120px" TEnum="{itemname}ListView" ValueChanged="OnChangedListView" Value="Query.ListView" Dense="true" Label="List View">
</MudEnumSelect>
</div>
</div>
<div class="flex-grow-1" />

<div class="d-flex flex-column justify-end">
<div class="d-flex gap-1">
<MudHidden Breakpoint="Breakpoint.SmAndDown">
<MudButton Variant="Variant.Outlined"
Size="Size.Small"
Disabled="@_loading"
OnClick="@(()=>OnRefresh())"
StartIcon="@Icons.Material.Filled.Refresh" IconColor="Color.Surface" Color="Color.Primary"
>@ConstantString.Refresh</MudButton>
@if (_canCreate)
{
<MudButton Variant="Variant.Outlined" Color="Color.Primary"
StartIcon="@Icons.Material.Filled.Add"
Size="Size.Small"
Disabled="@_loading"
OnClick="OnCreate"
IconColor="Color.Surface">@ConstantString.New</MudButton>
<MudButton Variant="Variant.Outlined" Color="Color.Primary"
StartIcon="@Icons.Material.Filled.ContentCopy"
Size="Size.Small"
Disabled="@(_selectedItems.Count!=1)"
OnClick="OnClone"
IconColor="Color.Surface">@ConstantString.Clone</MudButton>
}
@if (_canDelete)
{
<MudButton Variant="Variant.Outlined" Color="Color.Error"
StartIcon="@Icons.Material.Filled.Delete"
Disabled="@(!(_selectedItems.Count>0))"
Size="Size.Small"
OnClick="OnDeleteChecked"
IconColor="Color.Surface">@ConstantString.Delete</MudButton>
}
@if (_canExport)
{
<MudLoadingButton @bind-Loading="_exporting" Variant="Variant.Outlined" Color="Color.Primary"
Label="@ConstantString.Export"
Disabled="@_loading"
StartIcon="@Icons.Custom.FileFormats.FileExcel"
Size="Size.Small"
OnClick="OnExport"
IconColor="Color.Surface">
@ConstantString.Export
</MudLoadingButton>
}
@if (_canImport)
{
<MudFileUpload T="IBrowserFile" FilesChanged="OnImportData" Accept=".xlsx" Style="margin-top:0px" >
<ActivatorContent>
<MudButton HtmlTag="label"
Size="Size.Small"
Variant="Variant.Outlined"
Color="Color.Primary"
Disabled="@_loading"
StartIcon="@Icons.Material.Filled.Upload">
@if (_uploading)
{
<MudProgressCircular Size="Size.Small" Indeterminate="true" />
@ConstantString.Uploading
}
else
{
@ConstantString.Import
}
</MudButton>
</ActivatorContent>
</MudFileUpload>
}
</MudHidden>
<MudHidden Breakpoint="Breakpoint.SmAndDown" Invert="true">
@if (_canCreate)
{
<MudButton Variant="Variant.Outlined" Color="Color.Primary"
StartIcon="@Icons.Material.Filled.Add"
Size="Size.Small"
Disabled="@_loading"
OnClick="OnCreate"
IconColor="Color.Surface">@ConstantString.New</MudButton>
}
@if (_canDelete)
{
<MudButton Variant="Variant.Outlined" Color="Color.Error"
StartIcon="@Icons.Material.Filled.Delete"
Disabled="@(!(_selectedItems.Count>0))"
Size="Size.Small"
OnClick="OnDeleteChecked"
IconColor="Color.Surface">@ConstantString.Delete</MudButton>
}
</MudHidden>
</div>
@if (_canSearch)
{
<MudTextField T="string" ValueChanged="@(s=>OnSearch(s))" Value="@Query.Keyword" Placeholder="@ConstantString.Search" Adornment="Adornment.End"
AdornmentIcon="@Icons.Material.Filled.Search" IconSize="Size.Small"></MudTextField>
}

</div>
</div>
<MudStack Row Spacing="0" Class="flex-grow-1" Justify="Justify.SpaceBetween">
<MudStack Row AlignItems="AlignItems.Start">
<MudIcon Icon="@Icons.Material.Filled.Window" Size="Size.Large" />
<MudStack Spacing="0">
<MudText Typo="Typo.caption" Class="mb-2">@Title</MudText>
<MudEnumSelect Style="min-width:120px" TEnum="{itemname}ListView" ValueChanged="OnChangedListView" Value="Query.ListView" Dense="true" Label="@L["List View"]">
</MudEnumSelect>
</MudStack>
</MudStack>
<MudStack Spacing="0" AlignItems="AlignItems.End">
<MudToolBar Dense WrapContent="true" Class="py-1 px-0">
<MudButton Variant="Variant.Outlined"
Disabled="@_loading"
OnClick="@(() => OnRefresh())"
StartIcon="@Icons.Material.Outlined.Refresh">
@ConstantString.Refresh
</MudButton>
@if (_canCreate)
{
<MudButton Variant="Variant.Outlined"
StartIcon="@Icons.Material.Outlined.Add"
OnClick="OnCreate">
@ConstantString.New
</MudButton>
}
<MudMenu Variant="Variant.Outlined" TransformOrigin="Origin.BottomRight" AnchorOrigin="Origin.BottomRight" EndIcon="@Icons.Material.Filled.MoreVert" Label="@ConstantString.More">
@if (_canCreate)
{
<MudMenuItem Disabled="@(_selectedItems.Count != 1)" OnClick="OnClone">@ConstantString.Clone</MudMenuItem>
}
@if (_canDelete)
{
<MudMenuItem Disabled="@(!(_selectedItems.Count > 0))"
OnClick="OnDeleteChecked">
@ConstantString.Delete
</MudMenuItem>
}
@if (_canExport)
{
<MudMenuItem Disabled="@_exporting"
OnClick="OnExport">
@ConstantString.Export
</MudMenuItem>
}
@if (_canImport)
{
<MudMenuItem>
<MudFileUpload T="IBrowserFile" FilesChanged="OnImportData" Accept=".xlsx">
<ActivatorContent>
<MudButton Class="pa-0 ma-0" Style="font-weight:400;text-transform:none;"
Variant="Variant.Text"
Disabled="@_uploading">
@ConstantString.Import
</MudButton>
</ActivatorContent>
</MudFileUpload>
</MudMenuItem>
}
</MudMenu>
</MudToolBar>
<MudStack Row Spacing="1">
@if (_canSearch)
{
<MudTextField T="string" ValueChanged="@(s => OnSearch(s))" Value="@Query.Keyword" Placeholder="@ConstantString.Search" Adornment="Adornment.End"
AdornmentIcon="@Icons.Material.Filled.Search" IconSize="Size.Small">
</MudTextField>
}
</MudStack>
</MudStack>
</MudStack>
</ToolBarContent>
<Columns>
<SelectColumn ShowInFooter="false"></SelectColumn>
Expand Down Expand Up @@ -200,7 +161,6 @@
private {itemname}Dto _currentDto = new();
private bool _loading;
private bool _uploading;
private bool _downloading;
private bool _exporting;
[CascadingParameter]
private Task<AuthenticationState> AuthState { get; set; } = default!;
Expand Down
2 changes: 1 addition & 1 deletion src/Templates/Pages/.view.razor.txt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@
}, errors =>
{
Snackbar.Add(errors, MudBlazor.Severity.Error);
return null;
return null!;
});

}
Expand Down

0 comments on commit 77124b8

Please sign in to comment.