FurnaceELK/FrameworkLocal/UIClient/CenterViews/Configs/Roles/RoleView.xaml

<UserControl x:Class="MECF.Framework.UI.Client.CenterViews.Configs.Roles.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:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:micro="clr-namespace:Caliburn.Micro"
             xmlns:controls="clr-namespace:OpenSEMI.Ctrlib.Controls"
             xmlns:command="clr-namespace:OpenSEMI.ClientBase.Command"
             Name="roleCtl"
             >
    <UserControl.Resources>
            <Style BasedOn="{StaticResource ExOnlyVerticalScrollBar}" TargetType="ScrollBar"/>
        <Style x:Key="ViewEnabledBtn" TargetType="{x:Type Button}" BasedOn="{StaticResource ResourceKey={x:Type Button}}">
            <Setter Property="Button.IsEnabled" Value="False" />
            <Style.Triggers>
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>
                        <Condition Binding="{Binding Permission}" Value="3"></Condition>
                        <Condition Binding="{Binding ControlMode}" Value="VIEW"></Condition>
                    </MultiDataTrigger.Conditions>
                    <Setter Property="Button.IsEnabled" Value="True"/>
                </MultiDataTrigger>
            </Style.Triggers>
        </Style>
        <Style x:Key="EditEnabledBtn" TargetType="{x:Type Button}" BasedOn="{StaticResource ResourceKey={x:Type Button}}">
            <Setter Property="Button.IsEnabled" Value="False" />
            <Style.Triggers>
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>
                        <Condition Binding="{Binding Permission}" Value="3"></Condition>
                        <Condition Binding="{Binding ControlMode}" Value="EDIT"></Condition>
                    </MultiDataTrigger.Conditions>
                    <Setter Property="Button.IsEnabled" Value="True"/>
                </MultiDataTrigger>
            </Style.Triggers>
        </Style>
    </UserControl.Resources>

    <Grid x:Name="MainTable"  HorizontalAlignment="Left" Width="{Binding ElementName=roleCtl,Path=ActualWidth}" Height="{Binding ElementName=roleCtl,Path=ActualHeight}">
        <Grid x:Name="MainField">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" MinWidth="250"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition Height="55"/>
            </Grid.RowDefinitions>
            <GridSplitter Width="5" Grid.Column="1" HorizontalAlignment="Left" BorderThickness="0,8">
                <GridSplitter.Background>
                    <SolidColorBrush/>
                </GridSplitter.Background>
            </GridSplitter>
            <Border BorderBrush="{DynamicResource Tab_BD}" BorderThickness="1" SnapsToDevicePixels="True"  Margin="10,20,0,0" Padding="12">
                <TreeView HorizontalAlignment="Left" Name="RolesTree" VerticalAlignment="Top">
                    <TreeView.Style>
                        <Style TargetType="{x:Type TreeView}" BasedOn="{StaticResource ResourceKey={x:Type TreeView}}">
                            <Setter Property="TreeView.IsEnabled" Value="False" />
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding ControlMode}" Value="VIEW">
                                    <Setter Property="TreeView.IsEnabled" Value="True"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </TreeView.Style>
                    <TreeViewItem Header="Roles" ItemsSource="{Binding RoleList}" IsExpanded="True">
                        <TreeViewItem.ItemContainerStyle>
                            <Style x:Name="RoleTreeViewItem" TargetType="{x:Type TreeViewItem}" BasedOn="{StaticResource ResourceKey={x:Type TreeViewItem}}">
                                <Setter Property="IsSelected" Value="{Binding Path=IsSelected,Mode=TwoWay}"></Setter>
                                <Style.Triggers>
                                    <Trigger Property="VirtualizingStackPanel.IsVirtualizing" Value="true">
                                        <Setter Property="ItemsPanel">
                                            <Setter.Value>
                                                <ItemsPanelTemplate>
                                                    <VirtualizingStackPanel/>
                                                </ItemsPanelTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Trigger>
                                </Style.Triggers>
                            </Style>
                        </TreeViewItem.ItemContainerStyle>
                        <TreeViewItem.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding DisplayRoleName}" FontSize="16"  TextAlignment="Center" Padding="5" />
                            </DataTemplate>
                        </TreeViewItem.ItemTemplate>
                    </TreeViewItem>
                    <command:CommandSource.Trigger>
                        <command:CommandTriggerGroup>
                            <command:EventCommandTrigger 
                                RoutedEvent="TreeView.SelectedItemChanged"
                                CustomParameter="{Binding ElementName=RolesTree,Path=SelectedItem}"
								Command="{Binding DataContext.RoleTreeSelectChangedCommand,
                                            RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}" />
                        </command:CommandTriggerGroup>
                    </command:CommandSource.Trigger>
                </TreeView>
            </Border>
            <Grid Grid.Column="1" Margin="10,0,10,10">
                <Grid.RowDefinitions>
                    <RowDefinition Height="20"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <TextBlock TextWrapping="Wrap" Text="Role Property" VerticalAlignment="Top" Foreground="{DynamicResource FG_Black}" FontWeight="Bold" FontSize="14" FontFamily="Arial" Margin="5,0,0,0"/>
                <Grid x:Name="Role_Property" Grid.Row="1" Margin="0,0,0,5" IsEnabled="{Binding IsPermission}">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="36"/>
                        <RowDefinition Height="36"/>
                        <RowDefinition Height="36"/>
                        <RowDefinition Height="36"/>
                    </Grid.RowDefinitions>
                    <Grid x:Name="Role_Name" Grid.Row="0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="150"/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource Table_BG_Title}" Padding="5,1">
                            <TextBlock Text="Role Name" TextWrapping="Wrap" Foreground="{DynamicResource FG_Black}" FontSize="16" VerticalAlignment="Center"/>
                        </Border>
                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="0,1,1,1" Background="{DynamicResource Table_BG_Content}" Grid.Column="1" Padding="5,1">
                            <TextBox Text="{Binding TreeSelectedRole.DisplayRoleName,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" HorizontalContentAlignment="Stretch"  x:Name="textBox1"  
                                    HorizontalAlignment="Left" VerticalAlignment="Center"  Width="200" IsEnabled="{Binding IsEnabledRoleName}" Height="33">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="TextChanged">
                                        <micro:ActionMessage MethodName="OnRoleChanged">
                                        </micro:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </TextBox>
                        </Border>
                    </Grid>
                    <Grid x:Name="Is_Auto_Logout" Grid.Row="1">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="150"/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,0,1,1" Background="{DynamicResource Table_BG_Title}" Padding="5,1">
                            <TextBlock Text="Is Auto lock" TextWrapping="Wrap" Foreground="{DynamicResource FG_Black}" FontSize="16" VerticalAlignment="Center"/>
                        </Border>
                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="0,0,1,1" Background="{DynamicResource Table_BG_Content}" Grid.Column="1" Padding="5,1">
                            <CheckBox IsChecked="{Binding TreeSelectedRole.DisplayIsAutoLogout}" HorizontalAlignment="Left" VerticalAlignment="Center"
                                        Content="" 
                                        Name="checkBox1">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <micro:ActionMessage MethodName="OnAutoLogoutTimeChecked">
                                            <micro:Parameter Value="$source" />
                                        </micro:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </CheckBox>
                        </Border>
                    </Grid>
                    <Grid x:Name="Time" Grid.Row="2">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="150"/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,0,1,1" Background="{DynamicResource Table_BG_Title}" Padding="5,1">
                            <TextBlock Text="Time(minutes)" TextWrapping="Wrap" Foreground="{DynamicResource FG_Black}" FontSize="16" VerticalAlignment="Center"/>
                        </Border>
                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="0,0,1,1" Background="{DynamicResource Table_BG_Content}" Grid.Column="1" Padding="5,1">
                            <controls:TextBoxEx EditBoxMode="UnSignInteger" Text="{Binding TreeSelectedRole.DisplayAutoLogoutTime,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" HorizontalContentAlignment="Stretch"   TextSaved="{Binding Mode=TwoWay, Path=TreeSelectedRole.TimeTextSaved }"  x:Name="textBox2"  
                                            HorizontalAlignment="Left" VerticalAlignment="Center" Width="200" PreviewTextInput="TextBox2_PreviewTextInput" Height="34">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="TextChanged">
                                        <micro:ActionMessage MethodName="OnRoleChanged">
                                        </micro:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </controls:TextBoxEx>
                        </Border>
                    </Grid>
                    <Grid x:Name="Description" Grid.Row="3">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="150"/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,0,1,1" Background="{DynamicResource Table_BG_Title}" Padding="5,1">
                            <TextBlock Text="Description" TextWrapping="Wrap" Foreground="{DynamicResource FG_Black}" FontSize="16" VerticalAlignment="Center"/>
                        </Border>
                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="0,0,1,1" Background="{DynamicResource Table_BG_Content}" Grid.Column="1" Padding="5,1">
                            <TextBox Text="{Binding TreeSelectedRole.DisplayDescription,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" HorizontalContentAlignment="Stretch"  x:Name="textBox3"  
                                    HorizontalAlignment="Left" VerticalAlignment="Center"  MinWidth="200" Height="34">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="TextChanged">
                                        <micro:ActionMessage MethodName="OnRoleChanged">
                                        </micro:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </TextBox>
                        </Border>
                    </Grid>
                </Grid>
                <TabControl Grid.Row="2" HorizontalContentAlignment="Left">
                    <TabItem>
                        <TabItem.Header>
                            <TextBlock Text="Page Access Permission" FontWeight="Bold"/>
                        </TabItem.Header>
                            <ListView AlternationCount="2" 
                                  VerticalAlignment="Top"
                                  x:Name="RolesList" 
                                  ScrollViewer.HorizontalScrollBarVisibility="Visible" 
                                  ScrollViewer.VerticalScrollBarVisibility="Visible"
                                  ScrollViewer.CanContentScroll="True"
                                  ItemsSource="{Binding Path=TreeSelectedRole.MenuCollection}" IsEnabled="{Binding IsPermission}">
                                <ListView.ItemsPanel>
                                    <ItemsPanelTemplate>
                                        <UniformGrid  Columns="2"></UniformGrid>
                                    </ItemsPanelTemplate>
                                </ListView.ItemsPanel>
                                <ListView.View>
                                    <GridView>
                                        <GridViewColumn Width="200">
                                            <GridViewColumn.CellTemplate>
                                                <DataTemplate>
                                                    <Button Content="{Binding Name}" Width="180" Height="45" HorizontalContentAlignment="Center" Margin="0,2,0,2" VerticalContentAlignment="Center">
                                                        <i:Interaction.Triggers>
                                                            <i:EventTrigger EventName="Click">
                                                                <micro:ActionMessage MethodName="SelectRolePermission">
                                                                    <micro:Parameter Value="{Binding}"></micro:Parameter>
                                                                </micro:ActionMessage>
                                                            </i:EventTrigger>
                                                        </i:Interaction.Triggers>
                                                    </Button>
                                                </DataTemplate>
                                            </GridViewColumn.CellTemplate>
                                        </GridViewColumn>
                                        <GridViewColumn Width="150" >
                                            <GridViewColumn.CellTemplate>
                                                <DataTemplate >
                                                    <TextBlock Text="{Binding StringPermission}" TextAlignment="Center" Width="150" >
                                                    </TextBlock>
                                                </DataTemplate>
                                            </GridViewColumn.CellTemplate>
                                        </GridViewColumn>
                                    </GridView>
                                </ListView.View>
                            </ListView>
                    </TabItem>
                </TabControl>
            </Grid>
            <StackPanel Grid.Row="1" Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Right"  Grid.Column="1" Margin="0,6,10,6">
                <Button Content="Create" Style="{StaticResource ViewEnabledBtn}" Command="{Binding btnAddRoleCommand}" Height="40" Width="80"/>
                <Button Content="Delete" Style="{StaticResource ViewEnabledBtn}" Command="{Binding btnDeleteRoleCommand}" Height="40" Width="80" Margin="10,0,0,0"/>
                <Button Content="Clone" Style="{StaticResource ViewEnabledBtn}" Command="{Binding btnCloneRoleCommand}" Height="40" Width="80" Margin="10,0,0,0"/>
                <Button Content="Save" Style="{StaticResource EditEnabledBtn}" Command="{Binding btnSaveCommand}" Height="40" Width="80" Margin="10,0,0,0" />
                <Button Content="Cancel" Style="{StaticResource EditEnabledBtn}" Command="{Binding BtnCancelRoleCommand}" Height="40" Width="80" Margin="10,0,0,0"/>
            </StackPanel>
        </Grid>
    </Grid>
</UserControl>