MARKUS

<UserControl xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"  x:Class="KCOM.Views.MainMenu"

             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:toggle="clr-namespace:ToggleSwitch;assembly=ToggleSwitch"

             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:telerikGrid="clr-namespace:Telerik.Windows.Controls.GridView;assembly=Telerik.Windows.Controls.GridView"

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

             xmlns:converter="clr-namespace:KCOM.Common.Converter"

             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"  xmlns:common="clr-namespace:KCOM.Common"

             xmlns:controls="clr-namespace:KCOM.Controls"  xmlns:ZoomAndPan="clr-namespace:ZoomAndPan;assembly=ZoomAndPan"

             xmlns:view="clr-namespace:KCOM.Views"

             mc:Ignorable="d" 

             d:DesignHeight="1080"

             d:DesignWidth="1080" IsTabStop="True" xmlns:messanger="clr-namespace:KCOM.Messenger"

             xmlns:Angle="clr-namespace:MarkupToPDF.Controls.Angle;assembly=MarkupToPDF" LayoutUpdated="UserControl_LayoutUpdated">

    <UserControl.Resources>

        <Style TargetType="telerik:GridViewHeaderCell" x:Key="GridViewHeaderStyle">

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

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

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

            <Setter Property="Background">

                <Setter.Value>

                    <SolidColorBrush Color="Black" Opacity="0.5"/>

                </Setter.Value>

            </Setter>

            <!--<Setter Property="Background" Value="Black"/>-->

            <Setter Property="BorderBrush" Value="White"/>

            <Setter Property="Foreground" Value="White"/>

            <Setter Property="telerik:StyleManager.Theme" Value="Office2013"/>

            <!--<Setter Property="FontWeight" Value="Black"/>-->

        </Style>

        <Style x:Key="GridViewAlign" TargetType="telerikGrid:GridViewCell">

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

            <Setter Property="TextBlock.TextDecorations">

                <Setter.Value>

                    <TextDecorationCollection>

                        <TextDecoration Location="Underline" />

                        <TextDecoration Location="Overline" />

                        <TextDecoration  

                PenThicknessUnit="FontRecommended">

                            <TextDecoration.Pen>

                                <Pen Thickness="1.0">

                                    <Pen.Brush>

                                        <LinearGradientBrush Opacity="0.5"

                                StartPoint="0,0.5"  EndPoint="1,0.5">

                                            <LinearGradientBrush.GradientStops>

                                                <GradientStop Color="Yellow" Offset="0" />

                                                <GradientStop Color="Red" Offset="1" />

                                            </LinearGradientBrush.GradientStops>

                                        </LinearGradientBrush>

                                    </Pen.Brush>

                                </Pen>

                            </TextDecoration.Pen>

                        </TextDecoration>

                    </TextDecorationCollection>

                </Setter.Value>

            </Setter>

        </Style>

        <converter:PDFVisibleConverter x:Key="PDFVisibleConverter"/>

        <converter:ConsolidationBackgroudConverter x:Key="ConsolidationBackgroudConverter" />

        <converter:StringToColorConverter x:Key="StringToColorConverter"/>

        <converter:AvoidStringConverter x:Key="AvoidStringConverter" />

        <converter:TeamConsolidateStringConverter x:Key="TeamConsoliStringConverter" />

        <converter:ConsolidationStringConverter x:Key="ConsoliStringConverter" />

        <converter:BoolToVisibleConverter x:Key="BoolToVisibleConverter" />

        <converter:PreviewerVisibleConverter x:Key="previewerVisibleConverter"/>

    </UserControl.Resources>

    <Grid Background="{DynamicResource KCOMColor_MainBrush}">

        <!--<Grid.ColumnDefinitions>

            <ColumnDefinition Width="Auto"/>

            <ColumnDefinition Width="*"/>

        </Grid.ColumnDefinitions>-->

        <!--<Border Background="#fff5f5f5" BorderBrush="#d5d5d5" BorderThickness="0">

            -->

        <!--<controls:PageNavigator x:Name="pageNavigator" Grid.Row="1" Width="200"/>-->

        <!--

            <telerik:RadLayoutControl SelectedItem="{x:Null}" VirtualizingStackPanel.VirtualizationMode="Recycling" ScrollViewer.VerticalScrollBarVisibility="Hi">

                <telerik:LayoutControlTabGroup Template="{DynamicResource TabControlTemplate}" telerik:StyleManager.Theme="Office2016">

                    <telerik:LayoutControlTabGroupItem Header="Thumbnail">

                        <telerik:LayoutControlGroup BorderBrush="Transparent" Padding="5" Margin="0,-3">                            

                            <controls:PageNavigator x:Name="pageNavigator" Grid.Row="1" Width="300"/>                            

                        </telerik:LayoutControlGroup>

                    </telerik:LayoutControlTabGroupItem>

                    <telerik:LayoutControlTabGroupItem Header="Bookmark">

                        <telerik:LayoutControlGroup BorderBrush="Transparent">

                            <Border Background="Blue"/>

                        </telerik:LayoutControlGroup>

                    </telerik:LayoutControlTabGroupItem>

                </telerik:LayoutControlTabGroup>

            </telerik:RadLayoutControl>

        </Border>-->

        <!--<Grid.ColumnDefinitions>

            <ColumnDefinition Width="Auto"/>

            <ColumnDefinition Width="*"/>

            <ColumnDefinition Width="Auto"/>

        </Grid.ColumnDefinitions>-->

        <!--<Border Background="{DynamicResource Office2016Color_PrimaryBrush}">

            <Border Background="White" Margin="50"/>

        </Border>-->

        <telerik:RadDocking BorderThickness="0" Padding="0" Background="{DynamicResource KCOMColor_MainBrush}" Grid.Column="1">

            <telerik:RadDocking.DocumentHost>

                <telerik:RadSplitContainer Background="Transparent" Margin="0,-1,0,0">

                    <telerik:RadPaneGroup Style="{DynamicResource Style_RadPanelGroup}">

                        <telerik:RadDocumentPane Header="VP-320A-728063" CanFloat="False" CanUserClose="False" Title="Document 1" PaneHeaderVisibility="Collapsed" Margin="0,-20,0,0">

                            <telerik:RadDocumentPane.HeaderTemplate>

                                <DataTemplate>

                                    <Border Margin="0,0,0,0"/>

                                </DataTemplate>

                            </telerik:RadDocumentPane.HeaderTemplate>

                            <!--<Grid Background="{DynamicResource KCOMColor_AlternativeBrush}">-->

                            <Grid Background="{DynamicResource KCOMColor_DocumnetBackgroundBrush}">

                                <Rectangle Name="rect" Margin="50,50,0,0" Width="100" Height="100" Fill="LightBlue"/>

                                <Popup Name="floatingTip" AllowsTransparency="True" Placement="Relative" PlacementTarget="{Binding ElementName=rect}">

                                    <TextBlock x:Name="txtBatch" Foreground="Red" FontSize="20" Text="Mark Control을 그립니다."/>

                                </Popup>

                                <telerik:RadBusyIndicator x:Name="busyIndicator" IsBusy="False" BusyContent="Saving...">

                                <ZoomAndPan:ZoomAndPanControl x:Name="zoomAndPanControl"

                                                              MouseWheel="zoomAndPanControl_MouseWheel"

                                                              MouseDown="zoomAndPanControl_MouseDown"

                                                              MouseMove="zoomAndPanControl_MouseMove"

                                                              MouseUp="zoomAndPanControl_MouseUp"

                                                              MouseLeave="zoomAndPanControl_MouseLeave"

                                                              ScaleChanged="ZoomAndPanControl_ScaleChanged"

                                                              MouseDoubleClick="zoomAndPanControl_MouseDoubleClick"

                                                              ContentScale="{Binding ContentScale, Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}"

                                                              ContentOffsetX="{Binding ContentOffsetX, Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}"

                                                              ContentOffsetY="{Binding ContentOffsetY, Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}"

                                                              ConstrainedContentViewportWidth="{Binding ContentViewportWidth, Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}"

                                                              ConstrainedContentViewportHeight="{Binding ContentViewportHeight, Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}"

                                                              Background="LightGray">

                                    <Canvas x:Name="zoomAndPanCanvas" Opacity="1" Background="White">

                                        <Canvas x:Name="drawingRotateCanvas"

                                                        Panel.ZIndex="1"

                                                        Background="{Binding BackgroundImage, Mode=OneWay, Source={x:Static common:ViewerDataModel.Instance}}">

                                            <Canvas.RenderTransform>

                                                <TransformGroup>

                                                    <RotateTransform x:Name="rotate" Angle="0"/>

                                                    <TranslateTransform x:Name="translate" X="0" Y="0"/>

                                                </TransformGroup>

                                            </Canvas.RenderTransform>

                                            <ItemsControl ItemsSource="{Binding MarkupControls, Source={x:Static common:ViewerDataModel.Instance}}"

                                          Panel.ZIndex="1">

                                                <ItemsControl.ItemsPanel>

                                                    <ItemsPanelTemplate>

                                                        <Canvas />

                                                    </ItemsPanelTemplate>

                                                </ItemsControl.ItemsPanel>

                                            </ItemsControl>

                                            <ItemsControl ItemsSource="{Binding MarkupControls_USER, Source={x:Static common:ViewerDataModel.Instance}}"

                                          Panel.ZIndex="30">

                                                <ItemsControl.ItemsPanel>

                                                    <ItemsPanelTemplate>

                                                        <Canvas />

                                                    </ItemsPanelTemplate>

                                                </ItemsControl.ItemsPanel>

                                            </ItemsControl>

                                            <InkPresenter x:Name="inkBoard" HorizontalAlignment="Stretch" Panel.ZIndex="1" VerticalAlignment="Stretch"/>

                                            <InkCanvas x:Name="inkDrawingCanvas"

                                               Background="Transparent"

                                               IsEnabled="False"

                                               Panel.ZIndex="1"

                                               Strokes="{Binding MarkupPens, Source={x:Static common:ViewerDataModel.Instance}}" Height="1" Width="1">

                                                <!--<Rectangle Height="41" HorizontalAlignment="Left"  Name="rectangle1" Stroke="Black" VerticalAlignment="Top" Width="69" Fill="#FFDB1111" />-->

                                                <!--<Ellipse Height="41" HorizontalAlignment="Left"  Name="rectangle1" Stroke="Black" VerticalAlignment="Top" Width="69" Fill="#FFDB1111" />-->

                                                <!--<MarkupToPDF:RectangleControl Height="200" HorizontalAlignment="Center" Name="rectangle2" StrokeColor="Black" VerticalAlignment="Top" Width="00" FillColor="Red"/>-->

                                            </InkCanvas>

                                            <!--강인구 추가-->

                                                <!--<controls:ScaleDecodeImage Panel.ZIndex="0" x:Name="mainPanel"

                                                   Source="{Binding ImageViewPath,Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}" 

                                                    Width="{Binding ImageViewWidth,Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}"

                                                        Height="{Binding ImageViewHeight,Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}">

                                                </controls:ScaleDecodeImage>-->

                                                <Image Panel.ZIndex="0" x:Name="mainPanel" RenderOptions.BitmapScalingMode="HighQuality"

                                                       RenderOptions.EdgeMode="Unspecified" RenderOptions.ClearTypeHint="Enabled"

                                                        Source="{Binding ImageViewPath,Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}" 

                                                         Width="{Binding ImageViewWidth,Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}"

                                                        Height="{Binding ImageViewHeight,Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}"

                                                           >

                                                    </Image>

                                                <Canvas x:Name="SelectLayer" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Panel.ZIndex="32766"/>

                                                <Border x:Name="dragSelectionBorder" Visibility="Collapsed"

                                                    BorderBrush="Blue"

                                                    BorderThickness="1"

                                                    Background="LightBlue" 

                                                    CornerRadius="1"

                                                    Panel.ZIndex="1"

                                                    Opacity="0.5"/>

                                                <Border x:Name="dragCaptureBorder" Visibility="Collapsed"

                                                    BorderBrush="Blue"

                                                    BorderThickness="1"

                                                    Background="Blue" 

                                                    CornerRadius="1"

                                                    Panel.ZIndex="1"

                                                    Opacity="0.5"/>

                                            <Border x:Name="dragZoomBorder" Visibility="Collapsed"

                                                    BorderThickness="3"

                                                    Background="Transparent" 

                                                    CornerRadius="1"

                                                    Panel.ZIndex="1"

                                                    Opacity="1">

                                                <Border.BorderBrush>

                                                    <VisualBrush>

                                                        <VisualBrush.Visual>

                                                            <Rectangle StrokeDashArray="4 2" Stroke="Gray" StrokeThickness="1"

                                                                  Width="{Binding RelativeSource={RelativeSource AncestorType={x:Type Border}}, Path=ActualWidth}"

                                                                  Height="{Binding RelativeSource={RelativeSource AncestorType={x:Type Border}}, Path=ActualHeight}"/>

                                                        </VisualBrush.Visual>

                                                    </VisualBrush>

                                                </Border.BorderBrush>

                                            </Border>

                                            <!--<Border x:Name="dragZoomBorder"

                                                    BorderBrush="Black"

                                                    BorderThickness="1"

                                                    Background="Transparent" 

                                                    CornerRadius="1"

                                                    Panel.ZIndex="1"

                                                    Opacity="0.5"/>-->

                                            <!--<Border Background="Red" Panel.ZIndex="1" Opacity="0.5" Visibility="Visible" Width="100" Height="100" />-->

                                        </Canvas>

                                        <!--<Border Background="Red" Panel.ZIndex="1" Opacity="0.5" Visibility="Visible" Width="1000" Height="1000" IsHitTestVisible="False"/>-->

                                        <!--<Leadtools_Windows_Controls:RasterImageViewer x:Name="_imageViewer" Grid.Row="1" BorderThickness="0"/>-->

                                    </Canvas>

                                </ZoomAndPan:ZoomAndPanControl>

                                </telerik:RadBusyIndicator>

                                <!--캡쳐 화면을 위한 보더-->

                                <Border Background="LightGray" 

                                        Opacity="{Binding Capture_Opacity, Source={x:Static common:ViewerDataModel.Instance}}"

                                        IsHitTestVisible="False" >

                                    <TextBlock HorizontalAlignment="Right" Foreground="Red" Text="캡쳐 진행 화면" FontSize="30"/>

                                </Border>

                                <Angle:AngleControl x:Name="MainAngle"

                                                        Grid.Column="1"

                                                        Grid.ColumnSpan="2"

                                                        Margin="10"

                                                        AngleValue="{Binding Angle, Mode=TwoWay, StringFormat=\{0:F0\}°, Source={x:Static common:ViewerDataModel.Instance}}"

                                                        HorizontalAlignment="Right"

                                                        VerticalAlignment="Top"

                                                        IsHitTestVisible="False"

                                                        Visibility="{Binding AngleVisibility, Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}" />

                            </Grid>

                        </telerik:RadDocumentPane>

                    </telerik:RadPaneGroup>

                    <telerik:RadPaneGroup Style="{DynamicResource Style_RadPanelGroup}" >

                        <telerik:RadPane CanFloat="False" CanUserClose="False" Title="Document 1" PaneHeaderVisibility="Collapsed" x:Name="testPanel2" IsHidden="True" Margin="0,-20,0,0" >

                            <Grid Background="{DynamicResource KCOMColor_DocumnetBackgroundBrush}">

                                <ZoomAndPan:ZoomAndPanControl x:Name="zoomAndPanControl2" 

                                                              MouseWheel="zoomAndPanControl2_MouseWheel"

                                                              MouseMove="zoomAndPanControl2_MouseMove"

                                                              MouseDown="zoomAndPanControl2_MouseDown"

                                                              MouseUp="zoomAndPanControl2_MouseUp"

                                                              MouseLeave="zoomAndPanControl_MouseLeave"

                                                              ContentScale="{Binding Sync_ContentScale, Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}"

                                                              ContentOffsetX="{Binding Sync_ContentOffsetX, Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}"

                                                              ContentOffsetY="{Binding Sync_ContentOffsetY, Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}"

                                                              ConstrainedContentViewportWidth="{Binding ContentViewportWidth, Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}"

                                                              ConstrainedContentViewportHeight="{Binding ContentViewportHeight, Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}"

                                                              Background="LightGray">

                                    <Canvas x:Name="zoomAndPanCanvas2" Opacity="1" Background="White">

                                        <Canvas x:Name="drawingRotateCanvas2"

                                                        Panel.ZIndex="1"

                                                        Background="{Binding BackgroundImage, Mode=OneWay, Source={x:Static common:ViewerDataModel.Instance}}">

                                            <Canvas.RenderTransform>

                                                <TransformGroup>

                                                    <RotateTransform x:Name="rotate2" Angle="0"/>

                                                    <TranslateTransform x:Name="translate2" X="0" Y="0"/>

                                                </TransformGroup>

                                            </Canvas.RenderTransform>

                                            <ItemsControl x:Name="itemsControl" ItemsSource="{Binding MarkupControls_Sync, Source={x:Static common:ViewerDataModel.Instance}}"

                                          Panel.ZIndex="1">

                                                <ItemsControl.ItemsPanel>

                                                    <ItemsPanelTemplate>

                                                        <Canvas >

                                                        </Canvas>

                                                    </ItemsPanelTemplate>

                                                </ItemsControl.ItemsPanel>

                                            </ItemsControl>

                                            <Image x:Name="ComparePanel"

                                                   Source="{Binding ImageViewPath_C, Source={x:Static common:ViewerDataModel.Instance}}" 

                                                   Width="{Binding ImageViewWidth_C, Source={x:Static common:ViewerDataModel.Instance}}" 

                                                   Height="{Binding ImageViewHeight_C, Source={x:Static common:ViewerDataModel.Instance}}" >

                                            </Image>

                                            <Canvas x:Name="canvas_compareBorder" IsHitTestVisible="False" Width="{Binding ActualWidth, ElementName=zoomAndPanCanvas2}" Height="{Binding ActualHeight, ElementName=zoomAndPanCanvas2}" Panel.ZIndex="1">

                                                <!--<Canvas.RenderTransform>

                                                    -->

                                                <!--<RotateTransform Angle="{Binding Angle, Source={x:Static common:ViewerDataModel.Instance}}"/>-->

                                                <!--

                                                    <RotateTransform Angle="{Binding Angle, ElementName=zoomAndPanCanvas2}"/>

                                                </Canvas.RenderTransform>-->

                                            </Canvas>

                                            <!--강인구 추가-->

                                        </Canvas>

                                    </Canvas>

                                </ZoomAndPan:ZoomAndPanControl>

                                <Grid Background="#FF353535" Opacity="0.1" IsHitTestVisible="False"/>

                                <!--<Viewbox VerticalAlignment="Stretch" HorizontalAlignment="Stretch" StretchDirection="DownOnly" Stretch="Uniform" IsHitTestVisible="False">

                                    <TextBlock Text="Previous Document" HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.5, 0.5" FontSize="50"

                                           Foreground="White" Opacity="0.5" FontWeight="Bold">

                                        <TextBlock.RenderTransform>

                                            <RotateTransform Angle="-25"/>

                                        </TextBlock.RenderTransform>

                                    </TextBlock>

                                </Viewbox>-->

                                <!--<telerik:RadExpander Header="OPEN" Background="Transparent" telerik:StyleManager.Theme="Office2016"

                                                     ExpandDirection="Right" VerticalAlignment="Top" HorizontalAlignment="Left">-->

                                <Grid Height="Auto" VerticalAlignment="Top" >

                                    <Grid.RowDefinitions>

                                        <RowDefinition/>

                                        <RowDefinition/>

                                    </Grid.RowDefinitions>

                                    <!--<Border Background="#3b3838" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Opacity="0.5" Grid.RowSpan="2"/>-->

                                    <Border Background="Black" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Opacity="0.5" Grid.RowSpan="2" BorderThickness="0"/>

                                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">

                                        <!--<TextBlock Text="ReadOnly Mode" Foreground="#FFFF9A25" VerticalAlignment="Center" Margin="10"/>-->

                                        <TextBlock Text="Rev.A" Foreground="#FFFF9A25" VerticalAlignment="Center" Margin="10" x:Name="tlSyncRev"/>

                                        <TextBlock Text="Current Page : 1" Foreground="White" VerticalAlignment="Center"  x:Name="tlSyncPageNum"/>

                                    </StackPanel>

                                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">

                                        <!--<telerik:RadToggleButton x:Name="CompareMode" IsChecked="False" Content="Compare"  Margin="5" Checked="SyncCompare_Click" Unchecked="SyncCompare_Click" BorderThickness="0" telerik:StyleManager.Theme="Office2013"

                                                                       Style="{DynamicResource RadToggleSwtichButtonStyle}" Width="Auto" Padding="10,0"/>-->

                                        <!--<telerik:RadRibbonToggleButton x:Name="UserList" Content="User List" Foreground="white"  Margin="5" Click="SyncUserListExpender_Click" BorderThickness="0" telerik:StyleManager.Theme="Office2013" VerticalAlignment="Center"/>-->

                                        <toggle:HorizontalToggleSwitch x:Name="Sync" CheckedContent="Sync" UncheckedContent="Sync" Width="75" IsChecked="False" ThumbSize="25"

                                                                       FontSize="10" FontWeight="Normal" BorderBrush="Transparent" Opacity="0.6"

                                                                       Margin="5" Checked="Sync_Click" Unchecked="Sync_Click" BorderThickness="0" telerik:StyleManager.Theme="Office2013"/>

                                        <toggle:HorizontalToggleSwitch x:Name="UserList" CheckedContent="User List" UncheckedContent="User List" Width="75" IsChecked="False" ThumbSize="25"

                                                                       FontSize="10" FontWeight="Normal" BorderBrush="Transparent" Opacity="0.6"

                                                                       Margin="5" Checked="SyncUserListExpender_Click" Unchecked="SyncUserListExpender_Click" BorderThickness="0" telerik:StyleManager.Theme="Office2013"/>

                                        <toggle:HorizontalToggleSwitch x:Name="CompareMode" CheckedContent="Compare On" UncheckedContent="Compare Off" Width="90" IsChecked="False" ThumbSize="25"

                                                                       FontSize="10" FontWeight="Normal" BorderBrush="Transparent" Opacity="0.6"

                                                                       Margin="5" Checked="SyncCompare_Click" Unchecked="SyncCompare_Click" BorderThickness="0" telerik:StyleManager.Theme="Office2013"/>

                                        <toggle:HorizontalToggleSwitch x:Name="MarkupMode" CheckedContent="Pdf" UncheckedContent="Markup" Width="75" IsChecked="False" ThumbSize="25"

                                                                       FontSize="10" FontWeight="Normal" BorderBrush="Transparent" Opacity="0.6" Visibility="Collapsed"

                                                                       Margin="5" Checked="SyncChange_Click" Unchecked="SyncChange_Click" BorderThickness="0" telerik:StyleManager.Theme="Office2013"/>

                                        <toggle:HorizontalToggleSwitch x:Name="BalanceMode" CheckedContent="Balance On" UncheckedContent="Balance Off" Width="90" IsChecked="False" ThumbSize="25"

                                                                       FontSize="10" FontWeight="Normal" BorderBrush="Transparent" Opacity="0.6"

                                                                       Margin="5" Checked="SyncPageBalance_Click" Unchecked="SyncPageBalance_Click" BorderThickness="0" telerik:StyleManager.Theme="Office2013"/>

                                        <!--<telerik:RadRibbonToggleButton x:Name="MArkupMode" Content="Markup Mode" Foreground="White"  Margin="5"  Click="SyncChange_Click" BorderThickness="0" telerik:StyleManager.Theme="Office2013"/>-->

                                        <!--<telerik:RadRibbonToggleButton x:Name="BalanceMode" Content="Balance Mode" Foreground="White"  Margin="5" Click="SyncPageBalance_Click" BorderThickness="0" telerik:StyleManager.Theme="Office2013"/>-->

                                        <telerik:RadRibbonButton  Margin="5" Click="SyncPageChange_Click" Tag="-1" telerik:StyleManager.Theme="Office2013" VerticalAlignment="Center">

                                            <Image Height="20"

                                                               Source="/KCOM;component/Resources/Images/MenuImage_New/up-arrow.png"

                                                               Stretch="Uniform" />

                                        </telerik:RadRibbonButton>

                                        <telerik:RadRibbonButton Margin="5" Click="SyncPageChange_Click" Tag="1" telerik:StyleManager.Theme="Office2013" VerticalAlignment="Center">

                                            <Image Height="20"

                                                               Source="/KCOM;component/Resources/Images/MenuImage_New/up-arrow.png" RenderTransformOrigin="0.5 0.5"

                                                               Stretch="Uniform">

                                                <Image.RenderTransform>

                                                    <RotateTransform Angle="180"/>

                                                </Image.RenderTransform>

                                            </Image>

                                        </telerik:RadRibbonButton>

                                        <telerik:RadRibbonButton  Margin="5" Click="SyncExit_Click" telerik:StyleManager.Theme="Office2013" VerticalAlignment="Center">

                                            <Image Height="20"

                                                               Source="/KCOM;component/Resources/Images/MenuImage_New/cancel.png"

                                                               Stretch="Uniform" />

                                        </telerik:RadRibbonButton>

                                    </StackPanel>

                                    <telerik:RadGridView telerik:StyleManager.Theme="Office2013" ShowGroupPanel="False" ShowGroupFooters="False" AutoExpandGroups="False"  x:Name="gridViewRevMarkup"

                                             AutoGenerateColumns="False" HorizontalContentAlignment="Center" SelectionChanged="gridViewRevMarkup_SelectionChanged" SelectionMode="Multiple" BorderThickness="0"

                                                      CanUserFreezeColumns ="False" Visibility="Collapsed"  GridLinesVisibility="None" 

                                             CanUserDeleteRows="True" CanUserInsertRows="False" IsFilteringAllowed="False" RowIndicatorVisibility="Collapsed" Grid.Row="1">

                                        <telerik:RadGridView.HeaderRowStyle>

                                            <Style TargetType="telerik:GridViewHeaderRow">

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

                                                <Setter Property="Background" Value="Red"/>

                                                <Setter Property="Foreground" Value="White"/>

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

                                                <Setter Property="FontWeight" Value="Black"/>

                                                <Setter Property="telerik:StyleManager.Theme" Value="Office2013"/>

                                            </Style>

                                        </telerik:RadGridView.HeaderRowStyle>

                                        <telerik:RadGridView.RowStyle>

                                            <Style TargetType="telerik:GridViewRow">

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

                                                <Setter Property="Background" Value="{Binding Path=Consolidate, Converter={StaticResource ConsolidationBackgroudConverter}}" />

                                                <Setter Property="Foreground" Value="White"/>

                                            </Style>

                                        </telerik:RadGridView.RowStyle>

                                        <telerik:RadGridView.Columns>

                                            <telerik:GridViewSelectColumn Width="Auto"  HeaderCellStyle="{StaticResource GridViewHeaderStyle}">

                                                <telerik:GridViewSelectColumn.Header>

                                                    <telerik:RadRibbonToggleButton  telerik:StyleManager.Theme="Office2016"

                                                                           Visibility="Collapsed" Width="Auto">

                                                        <telerik:RadRibbonToggleButton.Content>

                                                            <Image HorizontalAlignment="Center"

                                                           VerticalAlignment="Center"

                                                           Source="/KCOM;component/Resources/Images/MenuImage/check.png" />

                                                        </telerik:RadRibbonToggleButton.Content>

                                                    </telerik:RadRibbonToggleButton>

                                                </telerik:GridViewSelectColumn.Header>

                                            </telerik:GridViewSelectColumn>

                                            <telerik:GridViewDataColumn Width="Auto"  HeaderCellStyle="{StaticResource GridViewHeaderStyle}"

                                                                Header="Color" 

                                                                IsReadOnly="True">

                                                <telerik:GridViewDataColumn.CellTemplate>

                                                    <DataTemplate>

                                                        <Grid>

                                                            <Grid>

                                                                <Rectangle Margin="0,2,2,2" Fill="{Binding DisplayColor, Converter={StaticResource StringToColorConverter}}" />

                                                                <TextBlock Foreground="#00000000" Text="Color" />

                                                            </Grid>

                                                            <Grid VerticalAlignment="Center" Visibility="{Binding AvoidConsolidate, Converter={StaticResource BoolToVisibleConverter}}">

                                                                <Image Height="15"

                                                               Source="/KCOM;component/Resources/Images/MenuImage/lock_2.png"

                                                               Stretch="Uniform" />

                                                            </Grid>

                                                        </Grid>

                                                    </DataTemplate>

                                                </telerik:GridViewDataColumn.CellTemplate>

                                            </telerik:GridViewDataColumn>

                                            <telerik:GridViewDataColumn Header="DEPT"  IsReadOnly="True"  Width="Auto" HeaderCellStyle="{StaticResource GridViewHeaderStyle}">

                                                <telerik:GridViewDataColumn.CellTemplate>

                                                    <DataTemplate>

                                                        <TextBlock Text="{Binding Depatment}"  FontSize="12"/>

                                                    </DataTemplate>

                                                </telerik:GridViewDataColumn.CellTemplate>

                                            </telerik:GridViewDataColumn>

                                            <telerik:GridViewDataColumn Header="NAME"  IsReadOnly="True" Width="Auto"  HeaderCellStyle="{StaticResource GridViewHeaderStyle}">

                                                <telerik:GridViewDataColumn.CellTemplate>

                                                    <DataTemplate>

                                                        <TextBlock Text="{Binding UserName, Mode=TwoWay}" FontSize="10"/>

                                                    </DataTemplate>

                                                </telerik:GridViewDataColumn.CellTemplate>

                                            </telerik:GridViewDataColumn>

                                            <telerik:GridViewDataColumn Header="CONSOLIDATION"  IsReadOnly="True" Width="Auto"  HeaderCellStyle="{StaticResource GridViewHeaderStyle}">

                                                <telerik:GridViewDataColumn.CellTemplate>

                                                    <DataTemplate>

                                                        <!--<TextBlock Text="{Binding Consolidate}"/>-->

                                                        <Grid>

                                                            <Grid.ColumnDefinitions>

                                                                <ColumnDefinition Width="Auto" />

                                                                <ColumnDefinition Width="Auto" />

                                                                <ColumnDefinition Width="Auto" />

                                                            </Grid.ColumnDefinitions>

                                                            <TextBlock Grid.Column="0"

                                                               Foreground="Red"

                                                               Text="{Binding AvoidConsolidate,

                                                                              Converter={StaticResource AvoidStringConverter}}" />

                                                            <TextBlock Grid.Column="1"

                                                               Foreground="Blue"

                                                               Text="{Binding PartConsolidate,

                                                                              Converter={StaticResource TeamConsoliStringConverter}}" />

                                                            <TextBlock Grid.Column="2" Text="{Binding Consolidate, Converter={StaticResource ConsoliStringConverter}}" />

                                                            <!--

                                                        <TextBlock HorizontalAlignment="Center" Grid.Column="2">

                                                        <TextBlock.Text>

                                                        <Binding Converter="{StaticResource ConsoliStringConverter}"/>

                                                        </TextBlock.Text>

                                                        </TextBlock>

                                                    -->

                                                        </Grid>

                                                    </DataTemplate>

                                                </telerik:GridViewDataColumn.CellTemplate>

                                            </telerik:GridViewDataColumn>

                                            <telerik:GridViewDataColumn Header="Comment Move"  IsReadOnly="True" Width="Auto"  HeaderCellStyle="{StaticResource GridViewHeaderStyle}">

                                                <telerik:GridViewDataColumn.CellTemplate>

                                                    <DataTemplate>

                                                        <telerik:RadButton telerik:StyleManager.Theme="Office2016" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Content="COPY" PreviewMouseDown="Comment_Move" />

                                                        <!--<TextBlock Text="{Binding UserName, Mode=TwoWay}" FontSize="10"/>-->

                                                    </DataTemplate>

                                                </telerik:GridViewDataColumn.CellTemplate>

                                            </telerik:GridViewDataColumn>

                                            <telerik:GridViewDataColumn Header=""  IsReadOnly="True" Width="*"  HeaderCellStyle="{StaticResource GridViewHeaderStyle}">

                                            </telerik:GridViewDataColumn>

                                        </telerik:RadGridView.Columns>

                                    </telerik:RadGridView>

                                </Grid>

                                <!--</telerik:RadExpander>-->

                            </Grid>

                        </telerik:RadPane>

                    </telerik:RadPaneGroup>

                </telerik:RadSplitContainer>

            </telerik:RadDocking.DocumentHost>

            <telerik:RadSplitContainer Orientation="Vertical" InitialPosition="DockedLeft" x:Name="thumbnailPanel" SizeChanged="thumbnailPanel_SizeChanged">

                <!-- Width="250" MinWidth="250" -->

                <!--<telerik:RadPaneGroup Margin="0" Style="{DynamicResource Style_RadPanelGroup}">-->

                <telerik:RadPaneGroup Margin="0" telerik:StyleManager.Theme="Office2016" x:Name="PN_Navi">

                    <telerik:RadPane Header="DOCUMENT" CanFloat="False" CanUserClose="False" CanUserPin="True" 

                                     ContextMenuTemplate="{x:Null}" PaneHeaderVisibility="Visible" telerik:StyleManager.Theme="Office2016">

                        <!--<telerik:RadPane.TitleTemplate>

                            <DataTemplate>

                                <Grid>

                                    <Grid.ColumnDefinitions>

                                        <ColumnDefinition Width="Auto" />

                                        <ColumnDefinition />

                                    </Grid.ColumnDefinitions>

                                    <ContentPresenter Content="{Binding}"

                                                      Margin="0,0,75,0" />

                                         <telerik:RadButton Grid.Column="1" Content="PIN"/>

                                </Grid>

                            </DataTemplate>

                        </telerik:RadPane.TitleTemplate>-->

                        <!--<Grid VerticalAlignment="Stretch" Margin="0">

                            <Grid.RowDefinitions>

                                <RowDefinition Height="30"/>

                                <RowDefinition Height="*"/>

                            </Grid.RowDefinitions>

                            <Border BorderBrush="{Binding ElementName=leftPanel}" BorderThickness="0,1">

                                <TextBlock Text="Thumbnail" Margin="5"/>

                            </Border>

                            <controls:PageNavigator x:Name="pageNavigator" Grid.Row="1"/>

                        </Grid>-->

                        <Grid>

                            <!--<controls:PageNavigator x:Name="pageNavigator" Grid.Row="1" Visibility="Collapsed"/>-->

                            <!--<Grid.RowDefinitions>

                                <RowDefinition Height="Auto"/>

                                <RowDefinition Height="*"/>

                            </Grid.RowDefinitions>-->

                            <!--<telerik:RadButton Content="Panorama" telerik:StyleManager.Theme="Office2016" FontSize="8"  Background="#FF0054B9" Foreground="White"

                                       BorderThickness="0" CornerRadius="3" HorizontalAlignment="Right" Padding="5" Margin="5,10"/>-->

                            <controls:Sample x:Name="pageNavigator"/>

                        </Grid>

                    </telerik:RadPane>

                </telerik:RadPaneGroup>

            </telerik:RadSplitContainer>

            <telerik:RadSplitContainer Orientation="Vertical" InitialPosition="DockedRight">

                <telerik:RadPaneGroup telerik:StyleManager.Theme="Office2016">

                    <telerik:RadPane Header="SEARCH" Visibility="Visible" CanFloat="False" CanUserClose="False"  ContextMenuTemplate="{x:Null}" IsPinned="False" telerik:StyleManager.Theme="Office2016" x:Name="searchPane">

                        <controls:SearchPanel x:Name="searchPanel_Instance"/>

                    </telerik:RadPane>

                </telerik:RadPaneGroup>

                <telerik:RadPaneGroup telerik:StyleManager.Theme="Office2016">

                    <telerik:RadPane Header="M-TALK" CanFloat="False" CanUserClose="False" ContextMenuTemplate="{x:Null}" IsPinned="False" telerik:StyleManager.Theme="Office2016"  x:Name="talkPane">

                        <messanger:ConversationView/>

                    </telerik:RadPane>

                </telerik:RadPaneGroup>

                <telerik:RadPaneGroup Visibility="Visible" telerik:StyleManager.Theme="Office2016">

                    <telerik:RadPane Header="SYMBOL" Visibility="Visible" CanFloat="False" CanUserClose="False"  ContextMenuTemplate="{x:Null}" IsPinned="False" telerik:StyleManager.Theme="Office2016"  x:Name="SymbolPane">

                        <!--<controls:Symbol />-->

                        <controls:Symbol x:Name="symbolPanel_Instance"/>

                        <!--<telerik:RadButton Click="Create_Symbol">Create</telerik:RadButton>-->

                    </telerik:RadPane>

                </telerik:RadPaneGroup>

                <telerik:RadPaneGroup telerik:StyleManager.Theme="Office2016"  telerik:ProportionalStackPanel.RelativeSize="60, 100">

                    <telerik:RadPane Header="FAVORITE" Visibility="Visible"  CanFloat="False" CanUserClose="False"  ContextMenuTemplate="{x:Null}" IsPinned="False" telerik:StyleManager.Theme="Office2016"  x:Name="FavoritePane">

                        <controls:FavoritePanel/>

                    </telerik:RadPane>

                </telerik:RadPaneGroup>

            </telerik:RadSplitContainer>

            <telerik:RadSplitContainer Orientation="Horizontal" InitialPosition="DockedBottom" Height="250">

                <telerik:RadPaneGroup telerik:StyleManager.Theme="Office2016" telerik:ProportionalStackPanel.RelativeSize="140, 100">

                    <telerik:RadPane Header="Document Information" CanUserClose="False" CanFloat="False">

                        <Grid>

                            <Grid.ColumnDefinitions>

                                <ColumnDefinition Width="60*"/>

                                <ColumnDefinition Width="Auto"/>

                                <ColumnDefinition Width="40*"/>

                            </Grid.ColumnDefinitions>

                            <Grid x:Name="infoListPane" >

                            <telerik:RadGridView telerik:StyleManager.Theme="Office2013" ShowGroupPanel="True" ShowGroupFooters="False" AutoExpandGroups="True"  x:Name="gridViewMarkup"

                                             AutoGenerateColumns="False" HorizontalContentAlignment="Center" SelectionChanged="gridViewMarkup_SelectionChanged" SelectionMode="Multiple"

                                             CanUserDeleteRows="True" CanUserInsertRows="False" IsFilteringAllowed="False" RowIndicatorVisibility="Collapsed" 

                                             CanUserSortColumns ="True" >

                            <telerik:RadGridView.GroupDescriptors>

                                <telerik:GroupDescriptor Member="Depatment" SortDirection="Ascending" DisplayContent = "DEPT" x:Name="gDept">

                                    <telerik:GroupDescriptor.AggregateFunctions>

                                        <telerik:CountFunction Caption="Entries count : " />

                                    </telerik:GroupDescriptor.AggregateFunctions>

                                </telerik:GroupDescriptor>

                            </telerik:RadGridView.GroupDescriptors>

                            <telerik:RadGridView.RowStyle>

                                <Style TargetType="telerik:GridViewRow">

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

                                    <Setter Property="Background" Value="{Binding Path=Consolidate, Converter={StaticResource ConsolidationBackgroudConverter}}" />

                                    <Setter Property="Visibility" Value="{Binding Path=IsPreviewUser,Converter={StaticResource previewerVisibleConverter}}"/>

                                    <!--<Setter Property="Template" Value="{StaticResource GridViewRowTemplate}" />-->

                                </Style>

                            </telerik:RadGridView.RowStyle>

                            <telerik:RadGridView.Columns>

                                <telerik:GridViewSelectColumn Width="Auto">

                                    <telerik:GridViewSelectColumn.Header>

                                        <telerik:RadRibbonToggleButton  telerik:StyleManager.Theme="Office2016"

                                                                           Visibility="Collapsed" Width="Auto">

                                            <telerik:RadRibbonToggleButton.Content>

                                                <Image HorizontalAlignment="Center"

                                                           VerticalAlignment="Center"

                                                           Source="/KCOM;component/Resources/Images/MenuImage/check.png" />

                                            </telerik:RadRibbonToggleButton.Content>

                                        </telerik:RadRibbonToggleButton>

                                    </telerik:GridViewSelectColumn.Header>

                                </telerik:GridViewSelectColumn>

                                <telerik:GridViewDataColumn Width="Auto"

                                                                Header="Color"

                                                                IsReadOnly="True">

                                    <telerik:GridViewDataColumn.CellTemplate>

                                        <DataTemplate>

                                            <Grid>

                                                <Grid>

                                                    <Rectangle Margin="0,2,2,2" Fill="{Binding DisplayColor, Converter={StaticResource StringToColorConverter}}" />

                                                    <TextBlock Foreground="#00000000" Text="Color" />

                                                </Grid>

                                                <Grid VerticalAlignment="Center" Visibility="{Binding AvoidConsolidate, Converter={StaticResource BoolToVisibleConverter}}">

                                                    <Image Height="15"