MARKUS

<Window x:Class="Markus.Service.StationController.MainWindow"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:mvvmToolkit="clr-namespace:Markus.Mvvm.ToolKit;assembly=Markus.Mvvm.ToolKit"

        TextElement.Foreground="{DynamicResource MaterialDesignBody}"

        mc:Ignorable="d"

        xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"

        xmlns:vm="clr-namespace:Markus.Service.StationController.ViewModel"

        xmlns:localData="clr-namespace:Markus.Service.StationController.Data"

        Title="Markus Convert Service" Height="450" Width="800" Foreground="{DynamicResource {x:Static SystemColors.MenuHighlightBrushKey}}">

    <i:Interaction.Triggers>

        <i:EventTrigger  EventName="Loaded">

            <i:InvokeCommandAction Command="{Binding LoadedCommand}"/>

        </i:EventTrigger>

        <i:EventTrigger  EventName="Closing">

            <i:InvokeCommandAction Command="{Binding ClosingCommand}"/>

        </i:EventTrigger>

    </i:Interaction.Triggers>

    <Window.DataContext>

        <vm:MainViewModel/>

    </Window.DataContext>

    <materialDesign:DialogHost x:Name="m_dialogHost" Identifier="dialogHost" DialogTheme="Light">

        <materialDesign:DrawerHost IsLeftDrawerOpen="{Binding ElementName=MenuToggleButton, Path=IsChecked}">

            <materialDesign:DrawerHost.LeftDrawerContent>

                <DockPanel MinWidth="212">

                    <ToggleButton Style="{StaticResource MaterialDesignHamburgerToggleButton}" 

                                    DockPanel.Dock="Top"

                                    HorizontalAlignment="Right" Margin="16"

                                    IsChecked="{Binding ElementName=MenuToggleButton, Path=IsChecked, Mode=TwoWay}" />

                    <ListBox x:Name="MenuListBox" Margin="0 16 0 16" SelectedIndex="0"                     

                             ItemsSource="{Binding NavigationItems}" SelectedItem="{Binding SelectNavigationItem}">

                        <i:Interaction.Triggers>

                            <i:EventTrigger  EventName="PreviewMouseLeftButtonUp">

                                <i:InvokeCommandAction Command="{Binding ListboxItemMouseUpCommand}"/>

                            </i:EventTrigger>

                        </i:Interaction.Triggers>

                        <ListBox.ItemTemplate>

                            <DataTemplate DataType="localData:NavigationItem">

                                <TextBlock Text="{Binding Name}" Margin="32 0 32 0" />

                            </DataTemplate>

                        </ListBox.ItemTemplate>

                    </ListBox>

                </DockPanel>

            </materialDesign:DrawerHost.LeftDrawerContent>

            <Grid>

                <Grid.RowDefinitions>

                    <RowDefinition Height="Auto"/>

                    <RowDefinition/>

                </Grid.RowDefinitions>

                    <materialDesign:ColorZone Padding="16" materialDesign:ShadowAssist.ShadowDepth="Depth2"

                                            Mode="PrimaryMid">

                    <DockPanel>

                        <ToggleButton Style="{StaticResource MaterialDesignHamburgerToggleButton}" IsChecked="{Binding IsMenuOpen}"

                                        x:Name="MenuToggleButton"/>

                        <Grid>

                            <Grid.ColumnDefinitions>

                                <ColumnDefinition Width="Auto"/>

                                <ColumnDefinition/>

                            </Grid.ColumnDefinitions>

                            <TextBlock  Style="{StaticResource MaterialDesignSubheadingTextBlock}" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="10,0,0,0" >Markus Convert Management</TextBlock>

                            <TextBlock Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Center"

                                        Text="{Binding SelectNavigationItem.Description}"

                                       Style="{StaticResource MaterialDesignDisplay1TextBlock}"/>

                        </Grid>

                    </DockPanel>

                </materialDesign:ColorZone>

                <Grid Grid.Row="1">

                    <Grid.RowDefinitions>

                        <RowDefinition Height="Auto" />

                        <RowDefinition Height="*" />

                    </Grid.RowDefinitions>

                    <ScrollViewer Grid.Row="1" 

                                  HorizontalScrollBarVisibility="Auto"

                                  VerticalScrollBarVisibility="Auto">

                        <ContentControl Content="{Binding SelectNavigationItem.Content}"/>

                    </ScrollViewer>

                    <materialDesign:Snackbar MessageQueue="{materialDesign:MessageQueue}" x:Name="MainSnackbar"

                                            Grid.Row="1" />

                </Grid>

            </Grid>

        </materialDesign:DrawerHost>

    </materialDesign:DialogHost>

</Window>