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:d="http://schemas.microsoft.com/expression/blend/2008" 

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

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

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

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

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

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

    <UserControl.Resources>

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

        <DataTemplate x:Key="SymbolTemplate_Private">

            <StackPanel MouseLeftButtonDown="Move_Symbol" 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"

                            x:Name="symbolImage">

                            <!-- Source="{Binding ImageUri}" -->

                            <Image.Source>

                                <MultiBinding Converter="{StaticResource SvgImageConverter}" UpdateSourceTrigger="PropertyChanged">

                                    <Binding Path="ImageUri"/>

                                </MultiBinding>

                            </Image.Source>

                        </Image>

                    </StackPanel>

                    <Rectangle Opacity="0.7"

                            Stroke="#ff6c6d6d"

                            StrokeThickness="1" />

                </Grid>

            </StackPanel>

        </DataTemplate>

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

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

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

        </Style>

    </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"

                                 PreviewMouseWheel ="lstSymbolPrivate_PreviewMouseWheel">

                            <telerik:RadListBox.DragVisualProvider>

                                <telerik:ScreenshotDragVisualProvider />

                            </telerik:RadListBox.DragVisualProvider>

                            <telerik:ListBoxDragDrop.Behavior>

                                <telerik:ListBoxDragDropBehavior AllowReorder="True" telerik:TouchManager.DragStartTrigger="TapHoldAndMove"/>

                            </telerik:ListBoxDragDrop.Behavior>

                        </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" >

                        <ListBox x:Name="lstSymbolPublic" Background="#f5f5f5" FontWeight="Normal" ItemTemplate="{StaticResource SymbolTemplate_Private}" 

                                 MouseDown="lstSymbolPrivate_MouseDown"

                                 PreviewMouseUp="lstSymbolPrivate_PreviewMouseUp"

                                 MouseLeave="lstSymbolPrivate_MouseLeave"

                                 PreviewMouseWheel ="lstSymbolPublic_PreviewMouseWheel">

                            <telerik:ListBoxDragDrop.Behavior>

                                <telerik:ListBoxDragDropBehavior AllowReorder="True" />

                            </telerik:ListBoxDragDrop.Behavior>

                        </ListBox>

                    </ScrollViewer>

                </Grid>

            </telerik:RadTabItem>

        </telerik:RadTabControl>

    </Grid>

</UserControl>