@inherits LayoutComponentBase
|
|
|
<MudThemeProvider Theme="_theme" />
|
<MudDialogProvider
|
MaxWidth="MaxWidth.Large"
|
DisableBackdropClick="true"
|
/>
|
<MudSnackbarProvider Style = "width: 500px" />
|
|
<MudLayout>
|
<MudAppBar Elevation="25">
|
<MudHidden Breakpoint="Breakpoint.SmAndDown">
|
<MudImage Src="images/FrontGateWay.jpg" Width="40" Height="40"Class="rounded-lg ma-4"/>
|
</MudHidden>
|
<MudHidden Breakpoint="Breakpoint.MdAndUp">
|
<MudIconButton Icon="@Icons.Material.Outlined.Menu" Color="MudBlazor.Color.Inherit" Edge="Edge.Start" OnClick="@((e) => DrawerToggle())" />
|
</MudHidden>
|
<MudHidden Breakpoint="Breakpoint.Xs">
|
<MudText Typo="Typo.h6" Class="ml-4">ホテルシステム</MudText>
|
</MudHidden>
|
<MudHidden Breakpoint="Breakpoint.Xs" Invert="true">
|
<MudText Typo="Typo.subtitle2">ホテルシステム</MudText>
|
</MudHidden>
|
<MudSpacer />
|
<MudMenu Icon="@Icons.Material.Outlined.Translate" Color="MudBlazor.Color.Inherit" AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter" Dense="true">
|
<MudMenuItem>日本語</MudMenuItem>
|
<MudMenuItem>英語</MudMenuItem>
|
<MudMenuItem>その他</MudMenuItem>
|
</MudMenu>
|
<MudMenu Icon="@Icons.Material.Outlined.Widgets" Color="MudBlazor.Color.Inherit" AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter" Dense="true">
|
<MudMenuItem Link="https://www.navc2.co.jp">NavcⅡ</MudMenuItem>
|
<MudMenuItem Link="https://github.com/Garderoben/HotelPms.Client.Blazors">Source Code</MudMenuItem>
|
</MudMenu>
|
<MudMenu AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter" Dense="true" Class="mt-1 ml-4">
|
<ActivatorContent>
|
<MudAvatar Image="images/FrontGateWay.jpg" />
|
</ActivatorContent>
|
<ChildContent>
|
<PersonCard Class="mt-n2" />
|
<MudDivider Class="mb-2" />
|
<MudListItem Text="Account" Icon="@Icons.Material.Outlined.Person" Href="personal/account" />
|
<MudListItem Text="Logout" Icon="@Icons.Material.Outlined.Login" Href="pages/authentication/login" />
|
</ChildContent>
|
</MudMenu>
|
</MudAppBar>
|
<MudDrawer @bind-Open="_drawerOpen" Elevation="25" ClipMode="DrawerClipMode.Always">
|
<NavMenu />
|
</MudDrawer>
|
<MudMainContent>
|
<MudHidden Breakpoint="Breakpoint.SmAndDown">
|
<MudToolBar DisableGutters="true">
|
<MudIconButton Icon="@Icons.Material.Outlined.Menu" Color="MudBlazor.Color.Inherit" OnClick="@((e) => DrawerToggle())" Class="ml-3" />
|
<MudBreadcrumbs Items="_items"></MudBreadcrumbs>
|
<MudSpacer />
|
<MudButton Variant="Variant.Text" Link="https://mudblazor.com/" Style="color:#594AE2;">MudBlazor</MudButton>
|
<MudButton Variant="Variant.Text" Link="https://github.com/Garderoben/HotelPms.Client.Blazors" Style="color:#424242;" Class="mr-3">Source Code</MudButton>
|
</MudToolBar>
|
</MudHidden>
|
<MudContainer MaxWidth="MaxWidth.False" Class="mt-4">
|
@Body
|
</MudContainer>
|
</MudMainContent>
|
</MudLayout>
|
|
|
@code {
|
private MudBlazorAdminDashboard _theme = new ();
|
|
public bool _drawerOpen = true;
|
|
void DrawerToggle()
|
{
|
_drawerOpen = !_drawerOpen;
|
}
|
|
protected override void OnInitialized()
|
{
|
StateHasChanged();
|
}
|
|
private List<BreadcrumbItem> _items = new List<BreadcrumbItem>
|
{
|
new BreadcrumbItem("Personal", href: "#"),
|
new BreadcrumbItem("Dashboard", href: "#"),
|
};
|
}
|
