MARKUS

<UserControl x:Name="userControl" x:Class="KCOM.Views.RequirementView"

          xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

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

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

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

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

        xmlns:local="clr-namespace:KCOM.Controls" FontSize="12"

        xmlns:behavior="clr-namespace:KCOM.Behaviors"

        xmlns:viewmodel="clr-namespace:KCOM.ViewModel"

        xmlns:controls ="clr-namespace:KCOM.Controls"

        xmlns:convert="clr-namespace:KCOM.Converters"

        xmlns:Behaviors="clr-namespace:KCOM.Behaviors"

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

        mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="1000" DataContext="{DynamicResource ViewModel}">

    <UserControl.Resources>

        <convert:IListToIListCountConverter x:Key="IListToIListCountConverter"/>

        <viewmodel:RequirementViewModel x:Key="ViewModel"/>

        <convert:StringMultiLineConvert x:Key="StringMultiLineConvert"/>

    </UserControl.Resources>

    <i:Interaction.Triggers>

        <i:EventTrigger  EventName="Loaded">

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

        </i:EventTrigger>

        <i:EventTrigger  EventName="Unloaded">

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

        </i:EventTrigger>

    </i:Interaction.Triggers>

    <Grid>

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="5.7*"/>

            <ColumnDefinition Width="Auto"/>

            <ColumnDefinition Width="Auto"/>

        </Grid.ColumnDefinitions>

        <Grid Background="White">

                <Grid.RowDefinitions>

                    <RowDefinition Height="Auto"/>

                    <RowDefinition/>

                </Grid.RowDefinitions>

                <!--<telerik:RadGridView telerik:StyleManager.Theme="Office2016" AutoGenerateColumns="False" ItemsSource="{Binding RequirementList}" ShowGroupPanel="False"

                              CanUserFreezeColumns="False" x:Name="Gridview" SelectedItem="{Binding SelectRequirement}"

                              RowIndicatorVisibility="Collapsed" ScrollViewer.HorizontalScrollBarVisibility="Disabled"

                              IsExpandedBinding="{Binding IsExpanded,Mode=TwoWay}" IsExpandableBinding="{Binding IsExpandable, Mode=TwoWay}"

                             GridLinesVisibility="Horizontal" HorizontalGridLinesBrush="Orange">

                    <i:Interaction.Behaviors>

                        <Behaviors:ColumnFilterBehavior DefaultOperator="Contains"/>

                    </i:Interaction.Behaviors>

                    <telerik:RadGridView.Columns>

                        <telerik:GridViewDataColumn Header="Commant" IsReadOnly="True" IsFilterable="True"

                                            TextAlignment="Left" TextWrapping="WrapWithOverflow"

                                            DataMemberBinding="{Binding mdText,Converter={StaticResource StringMultiLineConvert}}">

                        </telerik:GridViewDataColumn>

                    </telerik:RadGridView.Columns>

                </telerik:RadGridView>-->

            <Grid>

                <Grid.ColumnDefinitions>

                    <ColumnDefinition Width="2*"/>

                    <ColumnDefinition Width="10"/>

                    <ColumnDefinition Width="6*"/>

                    <ColumnDefinition Width="10"/>

                    <ColumnDefinition Width="2*"/>

                </Grid.ColumnDefinitions>

                <Grid.RowDefinitions>

                    <RowDefinition Height="Auto"/>

                    <RowDefinition Height="Auto"/>

                </Grid.RowDefinitions>

                <controls:DataNavigation HorizontalAlignment="Center" Grid.Column="2"

                                         ItemSource="{Binding RequirementList,Mode=TwoWay}"

                                         CurrentItem="{Binding SelectRequirement,Mode=TwoWay}"/>

                <telerik:RadToggleButton Content="전체 보기" Width="60" Grid.Column="4" Margin="5"

                                         Command="{Binding RequirementSearchCommand, Source={StaticResource ViewModel}}"/>

                <Line Grid.Row="1" Grid.ColumnSpan="5" Fill="#FFB9B9B9" Margin="5,0" X1="0" X2="1" Y1="1" Stretch="Fill"  Y2="1" Stroke="#FFB0B0B0"/>

            </Grid>

            <ScrollViewer Grid.Row="1" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" BorderThickness="1" BorderBrush="Gray">

                    <TextBlock Margin="3" TextWrapping="WrapWithOverflow" Text="{Binding SelectRequirement.mdText,Converter={StaticResource StringMultiLineConvert}}"/>

                </ScrollViewer>

            </Grid>

        <Grid Grid.Column="1">

            <Grid.RowDefinitions>

                <RowDefinition Height="Auto"/>

                <RowDefinition  Height="*"/>

            </Grid.RowDefinitions>

            <Grid.ColumnDefinitions>

                <ColumnDefinition Width="Auto"/>

                <ColumnDefinition/>

            </Grid.ColumnDefinitions>

            <Line HorizontalAlignment="Center"  Grid.RowSpan="4" Fill="#FFB9B9B9" Margin="2,5" X1="1" X2="1" Y1="0"  Y2="1"  Stretch="Fill" Stroke="#FFB0B0B0"/>

            <StackPanel Grid.Column="1">

                <telerik:RadPathButton Width="100" HorizontalAlignment="Left" Content="연결 추가" FontSize="12" Grid.ColumnSpan="2" Margin="15,2,2,2"

                                                Command="{Binding AddVPCommentCommand, Source={StaticResource ViewModel}}"

                                                ContentPlacement="Left" telerik:StyleManager.Theme="Office2016"

                                                CommandParameter="{Binding RelativeSource={RelativeSource AncestorType=telerik:GridViewRow}}"

                                                PathGeometry="m4,7l0,2l3,0l0,3l2,0l0,-3l3,0l0,-2l-3,0l0,-3l-2,0l0,3l-3,0zm4,9c-4.41828,0 -8,-3.58172 -8,-8c0,-4.41828 3.58172,-8 8,-8c4.41828,0 8,3.58172 8,8c0,4.41828 -3.58172,8 -8,8zm0,0" >

                    <telerik:RadPathButton.PathStyle>

                        <Style TargetType="Path">

                            <Setter Property="Width" Value="18"/>

                            <Setter Property="Height" Value="18"/>

                            <Setter Property="Fill" Value="#FF0A93E2" />

                            <Setter Property="Stretch" Value="Fill" />

                            <Setter Property="HorizontalAlignment" Value="Right" />

                            <Setter Property="VerticalAlignment" Value="Center" />

                        </Style>

                    </telerik:RadPathButton.PathStyle>

                </telerik:RadPathButton>

            </StackPanel>

            <telerik:RadGridView x:Name="DetailGridView" GroupRenderMode="Flat" Grid.Row="1"

                                                                                BorderThickness="1" Grid.Column="1" telerik:StyleManager.Theme="Office2016"

                                                                                GridLinesVisibility="Both" RowIndicatorVisibility="Collapsed" Margin="2,0"

                                        ScrollViewer.VerticalScrollBarVisibility="Auto" Width="562"

                                        ScrollViewer.HorizontalScrollBarVisibility="Hidden"  ColumnWidth="Auto"

                                                                                CanUserFreezeColumns="False" HorizontalGridLinesBrush="#FFB0AFAF"

                                                                                AutoGenerateColumns="False" behavior:GridViewAutoWidthBehavior.IsEnabled="True"

                                                                                ItemsSource="{Binding SelectRequirement.VpComments}"

                                        HorizontalAlignment="Left" Height="Auto"

                                                                                ShowGroupPanel="False" SelectedItem="{Binding SelectVPComment, Source={StaticResource ViewModel}}"

                                                                                IsReadOnly="True" VerticalAlignment="Top">

                <i:Interaction.Triggers>

                    <i:EventTrigger  EventName="SelectionChanged">

                        <i:InvokeCommandAction Command="{Binding SelectedVPCommentCommand, Source={StaticResource ViewModel}}"/>

                    </i:EventTrigger>

                </i:Interaction.Triggers>

                <telerik:RadGridView.Columns>

                    <telerik:GridViewDataColumn DataMemberBinding="{Binding createdByName}" HeaderTextAlignment="Center"  Width="120" IsFilterable="False" IsReadOnly="True"

                                                                                                        Header="Create User" />

                    <telerik:GridViewDataColumn DataMemberBinding="{Binding comment}" HeaderTextAlignment="Center" Width="*" TextAlignment="Left" IsReadOnly="True" TextTrimming="CharacterEllipsis" IsFilterable="False" 

                                                                                                        Header="Comment" />

                    <telerik:GridViewDataColumn DataMemberBinding="{Binding condition,Mode=TwoWay}" HeaderTextAlignment="Center" Header="Condition" Width="90"  IsReadOnly="True">

                        <telerik:GridViewDataColumn.CellStyle>

                            <Style TargetType="telerik:GridViewCell">

                                <Setter Property="VerticalContentAlignment" Value="Center"/>

                                <Setter Property="HorizontalContentAlignment" Value="Center"/>

                                <Setter Property="Margin" Value="0"/>

                                <Setter Property="Padding" Value="0"/>

                            </Style>

                        </telerik:GridViewDataColumn.CellStyle>

                    </telerik:GridViewDataColumn>

                    <telerik:GridViewDataColumn Width="64" Header="연결 제거" IsFilterable="False" IsReadOnly="True">

                        <telerik:GridViewDataColumn.CellTemplate>

                            <DataTemplate>

                                <telerik:RadPathButton ToolTip="Delete Comment" Height="22" Width="22"

                                                Command="{Binding DelVPCommentCommand, Source={StaticResource ViewModel}}"

                                                CommandParameter="{Binding RelativeSource={RelativeSource AncestorType=telerik:GridViewRow}}" Background="{x:Null}" BorderBrush="{x:Null}"

                                                PathGeometry="M108.319,108.319c-2.106,2.107-5.523,2.106-7.632-0.001l-0.003-0.003L70.159,77.79L39.63,108.318   c-2.106,2.108-5.523,2.107-7.634,0c-2.104-2.106-2.105-5.523,0-7.633l30.528-30.528l-30.54-30.541   c-2.106-2.104-2.106-5.521,0-7.631c2.105-2.107,5.522-2.107,7.633-0.001l30.541,30.541l30.528-30.527   c2.105-2.105,5.523-2.105,7.633,0c2.109,2.106,2.107,5.524,0,7.633L77.791,70.157l30.527,30.528   C110.427,102.794,110.427,106.212,108.319,108.319 M119.767,119.767c27.396-27.397,27.396-71.818,0-99.217   C92.37-6.849,47.947-6.85,20.547,20.548c-27.397,27.398-27.396,71.819,0.001,99.22C47.947,147.166,92.368,147.165,119.767,119.767">

                                </telerik:RadPathButton>

                            </DataTemplate>

                        </telerik:GridViewDataColumn.CellTemplate>

                    </telerik:GridViewDataColumn>

                </telerik:RadGridView.Columns>

            </telerik:RadGridView>

        </Grid>

    </Grid>

</UserControl>