CyberX8/CyberX8_MainPages/Views/RoleView.xaml

<UserControl x:Class="CyberX8_MainPages.Views.RoleView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:CyberX8_MainPages.Views"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:prism="http://prismlibrary.com/"
             xmlns:customControls="clr-namespace:CyberX8_Themes.CustomControls;assembly=CyberX8_Themes"
             xmlns:unity="clr-namespace:CyberX8_MainPages.Unity" 
             xmlns:Converters="clr-namespace:CyberX8_Themes.Converters;assembly=CyberX8_Themes"
             prism:ViewModelLocator.AutoWireViewModel="True"
             mc:Ignorable="d" x:Name="self"
             d:DesignHeight="1000" d:DesignWidth="1920">
    <UserControl.Resources>
        <Converters:MenusToVisibility x:Key="menusToVisibility"/>
        <Converters:MenusToCount x:Key="menusToCount"/>
        <Converters:MenusToColor x:Key="menusToColor"/>
    </UserControl.Resources>

    <Canvas>
        <GroupBox Header="Permission Setting" FontSize="14" Height="760" Canvas.Left="180" Canvas.Top="30" HorizontalAlignment="Center" VerticalAlignment="Top" Width="590">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="118"/>
                    <RowDefinition />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="1*"/>
                    <ColumnDefinition Width="1.7*"/>
                    <ColumnDefinition Width="1*"/>
                </Grid.ColumnDefinitions>

                <StackPanel Grid.Row="0" Grid.Column="0" HorizontalAlignment="Left" VerticalAlignment="Top" Width="142" Margin="15,20,0,0">
                    <RadioButton Content="Manager" x:Name="rb1" IsChecked="True"  FontSize="19" FontWeight="Bold" Margin="0,0,0,3" VerticalContentAlignment="Center">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <i:InvokeCommandAction Command="{Binding ChangeRoleCommand}" CommandParameter="{Binding ElementName=rb1,Path=Content}"/>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </RadioButton>
                    <RadioButton Content="Engineer"   x:Name="rb2"  FontSize="19" FontWeight="Bold" Margin="0,0,0,3" VerticalContentAlignment="Center">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <i:InvokeCommandAction Command="{Binding ChangeRoleCommand}" CommandParameter="{Binding ElementName=rb2,Path=Content}"/>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </RadioButton>
                    <RadioButton Content="Technician" x:Name="rb3"  FontSize="19" FontWeight="Bold" Margin="0,0,0,3" VerticalContentAlignment="Center">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <i:InvokeCommandAction Command="{Binding ChangeRoleCommand}" CommandParameter="{Binding ElementName=rb3,Path=Content}"/>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </RadioButton>
                    <RadioButton Content="Operator"   x:Name="rb4"  FontSize="19" FontWeight="Bold" VerticalContentAlignment="Center">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <i:InvokeCommandAction Command="{Binding ChangeRoleCommand}" CommandParameter="{Binding ElementName=rb4,Path=Content}"/>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </RadioButton>
                </StackPanel>

                <Grid Grid.Column="1">
                    <Grid.RowDefinitions>
                        <RowDefinition/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                    <StackPanel Grid.Row="0" Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="35,20,0,0">
                        <TextBlock Text="IsLock" FontSize="20" />
                        <CheckBox IsChecked="{Binding CurrentRoleDefine.IsLocked}" VerticalAlignment="Center" Margin="20,0,0,0"/>
                    </StackPanel>
                    <StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="35,0,0,0">
                        <TextBlock Text="LockTime:" FontSize="20"/>
                        <TextBox Width="72" FontSize="20" Background="White" HorizontalContentAlignment="Center" Text="{Binding CurrentRoleDefine.LockTime}" Margin="7,0,7,0"/>
                        <TextBlock Text="(s)" FontSize="20"/>
                    </StackPanel>
                </Grid>

                <Button Grid.Column="2" Content="Save" Width="120" Height="36" Command="{Binding SaveCommand}" FontSize="18" HorizontalAlignment="Center" VerticalAlignment="Center"/>

                <Border Grid.ColumnSpan="3" Grid.Row="1" BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,1,1,1" Background="{DynamicResource Table_BG_Content}" Width="550" Height="600" Canvas.Left="195" Canvas.Top="170" HorizontalAlignment="Center" VerticalAlignment="Center">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="0.5*"/>
                            <RowDefinition Height="9*"/>
                        </Grid.RowDefinitions>
                        <Grid unity:GridOptions.ShowBorder="True" unity:GridOptions.LineBrush="Black" Background="{DynamicResource Table_BG_Title}" unity:GridOptions.LineThickness="1" Margin="-1,-1,-1,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="1.5*"/>
                                <ColumnDefinition Width="1.5*"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="MenuName" HorizontalAlignment="Center" FontSize="20" VerticalAlignment="Center"/>
                            <TextBlock Grid.Column="1" Text="Permission" HorizontalAlignment="Center" FontSize="20" VerticalAlignment="Center"/>
                        </Grid>
                        <TreeView ItemsSource="{Binding CurrentRoleDefine.Menus}" Grid.Row="1" Width="550" Height="568.4" FontSize="18" HorizontalAlignment="Left" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                            <TreeView.ItemContainerStyle>
                                <Style TargetType="{x:Type TreeViewItem}">
                                    <Setter Property="IsExpanded" Value="False"/>
                                    <Setter Property="FontWeight" Value="Normal" />
                                </Style>
                            </TreeView.ItemContainerStyle>
                            <TreeView.ItemTemplate>

                                <HierarchicalDataTemplate ItemsSource="{Binding Menus}">
                                    <Border Width="400" Height="40" >
                                        <Grid>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="2*"/>
                                                <ColumnDefinition Width="1.5*"/>
                                            </Grid.ColumnDefinitions>
                                            <StackPanel Orientation="Horizontal">
                                                <TextBlock Text="{Binding MenuName}" HorizontalAlignment="Left" Foreground="{Binding Menus, Converter={StaticResource menusToColor}}" VerticalAlignment="Center" />
                                                <!--<TextBlock Text="{Binding Menus,StringFormat=Count：\{0\},Mode=TwoWay,Converter={StaticResource menusToCount}}"  HorizontalAlignment="Left" VerticalAlignment="Center" Foreground="Red" Padding="50 0 0 0"/>-->
                                            </StackPanel>

                                            <ComboBox Grid.Column="1" Height="30" Visibility="{Binding Menus,Converter={StaticResource menusToVisibility}}" Width="120" SelectedItem="{Binding Permission,UpdateSourceTrigger=PropertyChanged}" Style="{StaticResource customeComboBoxStyle}" unity:ItemsControlHelper.EnumValuesToItemsSource="True"  />
                                        </Grid>
                                    </Border>
                                </HierarchicalDataTemplate>
                            </TreeView.ItemTemplate>
                        </TreeView>
                    </Grid>

                </Border>

            </Grid>

        </GroupBox>

        <GroupBox Header="User Setting" FontSize="14" Height="760" Canvas.Left="992" Canvas.Top="30" HorizontalAlignment="Left" VerticalAlignment="Center" Width="828">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="3*"/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="118"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <Button Content="Add User"   Grid.Column="2"  Width="120" Height="36" Command="{Binding AddUserCommand}"    FontSize="18" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                <Button Content="Delete User" Grid.Column="3" Width="120" Height="36" Command="{Binding DeleteUserCommand}" FontSize="18" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                <Button Content="Edit User" Grid.Column="1" Width="120" Height="36" Command="{Binding EditUserCommand}" FontSize="18" HorizontalAlignment="Left" VerticalAlignment="Center"/>
            </Grid>

        </GroupBox>

        <DataGrid CanUserDeleteRows="True" RowHeight="25" SelectionMode="Single"  MinColumnWidth="27" AutoGenerateColumns="False" 
                  FontSize="20" Height="600" Width="790" BorderThickness="1"  Canvas.Left="1010"  CanUserAddRows="False" Canvas.Top="170"
                  SelectedValue="{Binding SelectedUser}" ItemsSource="{Binding Users}" HorizontalAlignment="Left" VerticalAlignment="Top">
            <DataGrid.Columns>
                <DataGridTextColumn Binding="{Binding No,Mode=OneWay}" FontSize="16" CanUserReorder="False" CanUserSort="True" Header="No." IsReadOnly="True" Width="80"/>
                <DataGridTextColumn Binding="{Binding Name,Mode=OneWay}" FontSize="16" CanUserReorder="False" CanUserSort="True" Header="Name" IsReadOnly="True" Width="150"/>
                <DataGridTextColumn Binding="{Binding Role,Mode=OneWay}" FontSize="16" CanUserReorder="False" CanUserSort="True" Header="Role" IsReadOnly="True" Width="150"/>
                <DataGridTextColumn Binding="{Binding Notes,Mode=OneWay}" FontSize="16" CanUserReorder="False" CanUserSort="True" Header="Notes" IsReadOnly="True" Width="*"/>
            </DataGrid.Columns>
        </DataGrid>

    </Canvas>

</UserControl>