MARKUS

<UserControl x:Class="KCOM.Controls.Symbol"

             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:common="clr-namespace:KCOM.Common"

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

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

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

              xmlns:ZoomAndPan="clr-namespace:ZoomAndPan;assembly=ZoomAndPan"

                   xmlns:telerikDragDrop="clr-namespace:Telerik.Windows.DragDrop;assembly=Telerik.Windows.Controls"

                      xmlns:dragDrop="clr-namespace:Telerik.Windows.Controls.DragDrop;assembly=Telerik.Windows.Controls"

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

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

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

             mc:Ignorable="d" Background="#f5f5f5"

             d:DesignHeight="900" d:DesignWidth="300">

    <UserControl.Resources>

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

        <Style x:Key="CustomDragVisualStyle2" TargetType="telerik:DragVisual" BasedOn="{StaticResource DragVisualStyle}">

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

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

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

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

        </Style>

        <Style TargetType="telerik:RadListBoxItem" BasedOn="{StaticResource RadListBoxItemStyle}">

            <Setter Property="telerik:DragDropManager.AllowCapturedDrag" Value="True"/>

            <!--<Setter Property="telerik:TouchManager.DragStartTrigger" Value="TapHoldAndMove"/>-->

        </Style>

        <DataTemplate x:Key="SymbolTemplate_Private">

            <StackPanel MouseLeftButtonDown="Move_Symbol" AllowDrop="False" MouseLeave="StackPanel_MouseLeave" MouseUp="StackPanel_MouseUp" ToolTipService.ToolTip="{Binding Name}">

                <Grid>

                    <StackPanel>

                        <!--<Border Background="#FF1FA3EB">-->

                        <Border Background="#FF2A579A">

                            <TextBox MaxWidth="200"

                                    Background="#FF2A579A"

                                    HorizontalAlignment="Center"

                                    VerticalAlignment="Center"

                                    Foreground="White"

                                    Text="{Binding Name}" 

                                    x:Name="symbolName"          

                                    BorderBrush="#FF2A579A"

                                    KeyDown="OnKeyDownHandler"/>

                        </Border>

                        <Image Width="200"

                            Height="64"

                            Margin="3"

                            HorizontalAlignment="Center"

                               Source="{Binding ImageUri,Converter={StaticResource SvgImageConverter},UpdateSourceTrigger=PropertyChanged}"

                            x:Name="symbolImage"/>

                    </StackPanel>

                    <Rectangle Opacity="0.7"

                            Stroke="#ff6c6d6d"

                            StrokeThickness="1" />

                </Grid>

            </StackPanel>

        </DataTemplate>

    </UserControl.Resources>

    <Grid  Margin="10">

        <telerik:RadTabControl BorderThickness="0" x:Name="RadTab" telerik:StyleManager.Theme="Office2016"  HeaderBackground="#f5f5f5" FontSize="10" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch"

                               ScrollViewer.HorizontalScrollBarVisibility ="Disabled" SelectedIndex="0" PreviewSelectionChanged="RadTabControl_PreviewSelectionChanged">

            <telerik:RadTabItem Header="Private" FontSize="10" FontWeight="Bold" HeaderForeground="{DynamicResource KCOMColor_MarkerBrush}">

                <Grid>

                    <Grid.RowDefinitions>

                        <RowDefinition Height="Auto"/>

                        <RowDefinition Height="Auto"/>

                        <RowDefinition Height="*"/>

                    </Grid.RowDefinitions>

                    <StackPanel Grid.Row="0" Orientation="Vertical">

                        <Grid Margin="0,10">

                            <Grid.ColumnDefinitions>

                                <ColumnDefinition Width="3*"/>

                                <ColumnDefinition Width="3*"/>

                                <ColumnDefinition Width="3*"/>

                                <ColumnDefinition Width="3*"/>

                            </Grid.ColumnDefinitions>

                            <Button Content="Place"     Grid.Column="0" Click="Place_Symbol"  Margin="5,0,0,0" FontWeight="Normal" Padding="5" Background="#3d3d3d" Foreground="White"/>

                            <Button Content="Capture"  Grid.Column="1" Click="Image_Place_Register"  Margin="5,0,0,0" FontWeight="Normal" Padding="5" Background="#3d3d3d" Foreground="White"/>

                            <Button Content="Register"  Grid.Column="2" Click="Create_Symbol" Margin="5,0,0,0" FontWeight="Normal" Padding="5" Background="#3d3d3d" Foreground="White"/>

                            <!-- <Button Content="Rename"    Grid.Column="2" Click="Rename_Symbol" Margin="5,0,0,0" FontWeight="Normal" Padding="5" Background="#3d3d3d" Foreground="White"/> -->

                            <Button Content="Remove"    Grid.Column="3" Click="Remove_Symbol" Margin="5,0,0,0" FontWeight="Normal" Padding="5" Background="#3d3d3d" Foreground="White"/>

                        </Grid>

                        <Grid Margin="0,0,0,10">

                            <Grid.ColumnDefinitions>

                                <ColumnDefinition Width="*"/>

                            </Grid.ColumnDefinitions>

                            <TextBlock Text="[Tip : Double Click]" Grid.Column="0" FontSize="10" VerticalAlignment="Center" HorizontalAlignment="Right"/>

                        </Grid>

                    </StackPanel>

                    <ScrollViewer x:Name="ScView" Grid.Row="2" >

                        <telerik:RadListBox x:Name="lstSymbolPrivate" Background="#f5f5f5" FontWeight="Normal"

                                 ItemTemplate="{StaticResource SymbolTemplate_Private}" 

                                 MouseDown="lstSymbolPrivate_MouseDown" 

                                 PreviewMouseUp="lstSymbolPrivate_PreviewMouseUp"

                                 MouseLeave="lstSymbolPrivate_MouseLeave" AllowDrop="False"

                                 PreviewMouseWheel ="lstSymbolPrivate_PreviewMouseWheel">

                            <telerik:RadListBox.DragDropBehavior>

                                <telerik:ListBoxDragDropBehavior AllowReorder="True" />

                            </telerik:RadListBox.DragDropBehavior>

                            <telerik:RadListBox.DragVisualProvider>

                                <Behaviors:RadListBoxDragVisualProvider DragVisualStyle="{StaticResource CustomDragVisualStyle}">

                                    <Behaviors:RadListBoxDragVisualProvider.DraggedItemTemplate>

                                        <DataTemplate>

                                            <Grid Width="80">

                                                <Image

                                            Source="{Binding ImageUri,Converter={StaticResource SvgImageConverter}}"

                                            HorizontalAlignment="Left"/>

                                            </Grid>

                                        </DataTemplate>

                                    </Behaviors:RadListBoxDragVisualProvider.DraggedItemTemplate>

                                </Behaviors:RadListBoxDragVisualProvider>

                            </telerik:RadListBox.DragVisualProvider>

                        </telerik:RadListBox>

                    </ScrollViewer>

                </Grid>

            </telerik:RadTabItem>

            <telerik:RadTabItem Header="Public" FontWeight="Bold" FontSize="10" HeaderForeground="{DynamicResource KCOMColor_MarkerBrush}" >

                <Grid>

                    <Grid.RowDefinitions>

                        <RowDefinition Height="Auto"/>

                        <RowDefinition Height="*"/>

                    </Grid.RowDefinitions>

                    <StackPanel Grid.Row="0" Orientation="Vertical">

                        <Grid Margin="0,10">

                            <Grid.ColumnDefinitions>

                                <ColumnDefinition Width="1*"/>

                                <ColumnDefinition Width="3*"/>

                            </Grid.ColumnDefinitions>

                            <TextBlock FontWeight="Normal" VerticalAlignment="Center">Department</TextBlock>

                            <telerik:RadComboBox FontWeight="Normal" EmptyText="ALL" Grid.Column="1"  HorizontalAlignment="Stretch" Margin="5" DropDownWidth="*" Background="White" BorderBrush="#d6d6d6" x:Name="deptlist"

                                                  ClearSelectionButtonVisibility="Visible" ClearSelectionButtonContent="Show All" SelectionChanged="deptlist_SelectionChanged"/>

                        </Grid>

                        <Grid Margin="0,0">

                            <Grid.ColumnDefinitions>

                                <ColumnDefinition Width="3*"/>

                                <ColumnDefinition Width="3*"/>

                                <ColumnDefinition Width="3*"/>

                                <ColumnDefinition Width="3*"/>

                            </Grid.ColumnDefinitions>

                            <Button Content="Place" Click="Place_Symbol_Public" Grid.Column="0"  Margin="5,0,0,0" FontWeight="Normal" Padding="5" Background="#3d3d3d" Foreground="White"/>

                            <Button Content="Capture"  Grid.Column="1" Click="Image_Place_Register"  Margin="5,0,0,0" FontWeight="Normal" Padding="5" Background="#3d3d3d" Foreground="White"/>

                            <Button Content="Register" Grid.Column="2" Click="Create_Symbol" Margin="5,0,0,0" FontWeight="Normal" Padding="5" Background="#3d3d3d" Foreground="White"/>                            

                            <!--<Button Content="Rename" Grid.Column="2" Click="Rename_Symbol_Public" Margin="5,0,0,0" FontWeight="Normal" Padding="5" Background="#3d3d3d" Foreground="White"/>-->

                            <Button Content="Remove" Grid.Column="3" Click="Remove_Symbol_Public" Margin="5,0,0,0" FontWeight="Normal" Padding="5"  Background="#3d3d3d" Foreground="White"/>

                        </Grid>

                        <Grid Margin="0,10">

                            <Grid.ColumnDefinitions>

                                <ColumnDefinition Width="*"/>

                            </Grid.ColumnDefinitions>

                            <TextBlock Text="[Tip : Double Click]" Grid.Column="0" FontSize="10" VerticalAlignment="Center" HorizontalAlignment="Right"/>

                        </Grid>

                    </StackPanel>

                    <ScrollViewer x:Name="ScView_Public" Grid.Row="2" >

                        <telerik:RadListBox x:Name="lstSymbolPublic" Background="#f5f5f5" FontWeight="Normal"

                                 ItemTemplate="{StaticResource SymbolTemplate_Private}"   AllowDrop="False"

                                 MouseDown="lstSymbolPrivate_MouseDown"

                                 PreviewMouseUp="lstSymbolPrivate_PreviewMouseUp"

                                 MouseLeave="lstSymbolPrivate_MouseLeave"

                                 PreviewMouseWheel ="lstSymbolPublic_PreviewMouseWheel">

                            <telerik:RadListBox.DragDropBehavior>

                                <telerik:ListBoxDragDropBehavior AllowReorder="True" />

                            </telerik:RadListBox.DragDropBehavior>

                            <telerik:RadListBox.DragVisualProvider>

                                <Behaviors:RadListBoxDragVisualProvider>

                                    <Behaviors:RadListBoxDragVisualProvider.DraggedItemTemplate>

                                        <DataTemplate>

                                            <Grid>

                                                <Image Width="80" x:Name="SymbolImage" Source="{Binding ImageUri,Converter={StaticResource SvgImageConverter}}"/>

                                            </Grid>

                                        </DataTemplate>

                                    </Behaviors:RadListBoxDragVisualProvider.DraggedItemTemplate>

                                </Behaviors:RadListBoxDragVisualProvider>

                            </telerik:RadListBox.DragVisualProvider>

                        </telerik:RadListBox>

                    </ScrollViewer>

                </Grid>

            </telerik:RadTabItem>

        </telerik:RadTabControl>

    </Grid>

</UserControl>