MARKUS

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

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

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

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

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

             xmlns:controls="clr-namespace:Markus.Service.StationController.Controls"

             xmlns:VM="clr-namespace:Markus.Service.StationController.ViewModel"

             xmlns:Data="clr-namespace:Markus.Service.StationController.Data"  

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

             xmlns:local="clr-namespace:Markus.Service.StationController.Views" x:Class="Markus.Service.StationController.Views.DashBoard"

             mc:Ignorable="d"  Background="White" DataContext="{DynamicResource DashBoardViewModel}" 

      d:DesignHeight="450" d:DesignWidth="1000">

    <!--xmlns:sys="clr-namespace:System;assembly=mscorlib"-->

    <UserControl.Resources>

        <SolidColorBrush x:Key="ActualBrush" Color="#FFCCCCCC" />

        <SolidColorBrush x:Key="TargetBrush" Color="#FF1B9DDE" />

        <Style x:Key="TextBlockCountryStyle" TargetType="TextBlock">

            <Setter Property="FontSize" Value="12" />

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

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

        </Style>

        <telerik:ChartPalette x:Key="ActualTargetChartPalette">

            <telerik:ChartPalette.GlobalEntries>

                <telerik:PaletteEntry Fill="{StaticResource ActualBrush}" />

                <telerik:PaletteEntry Fill="{StaticResource TargetBrush}" />

            </telerik:ChartPalette.GlobalEntries>

        </telerik:ChartPalette>

        <Style x:Key="TransparentTickStyle" TargetType="Rectangle" />

        <SolidColorBrush x:Key="ChartBrush1" Color="#FF8EC441" />

        <SolidColorBrush x:Key="ChartBrush2" Color="#FF1B9DDE" />

        <SolidColorBrush x:Key="ChartBrush3" Color="#FFF59700" />

        <SolidColorBrush x:Key="ChartBrush4" Color="#FFD4DF32" />

        <Style x:Key="TextBlockLegendStyle" TargetType="TextBlock">

            <Setter Property="FontFamily" Value="Segoe UI" />

            <Setter Property="FontSize" Value="12" />

            <Setter Property="Foreground" Value="#FF767676" />

            <Setter Property="Margin" Value="4,2,4,2" />

        </Style>

        <Style TargetType="telerik:RadLegend" > <!--BasedOn="{StaticResource RadLegendStyle}">-->

            <Setter Property="Margin" Value="10,6,10,0" />

            <Setter Property="FontFamily" Value="Segoe UI" />

            <Setter Property="FontSize" Value="11" />

            <Setter Property="Foreground" Value="#FF767676" />

            <Setter Property="MinWidth" Value="75"/>

        </Style>

        <ControlTemplate x:Key="GridViewCellTemplate" TargetType="telerik:GridViewCell">

            <ContentPresenter x:Name="PART_ContentPresenter"

                                                Margin="{TemplateBinding Padding}"

                                                Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"

                                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

                                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"/>

        </ControlTemplate>

        <Style TargetType="telerik:GridViewCell" >  

            <Setter Property="Template" Value="{StaticResource GridViewCellTemplate}"/>

        </Style>

        <RectangleGeometry x:Key="LineSeriesLegendGeometry" Rect="0 5 12 2" />

        <RectangleGeometry x:Key="SolidRectLegendGeometry" Rect="0 0 12 12" />

        <VM:DashBoardViewModel x:Key="DashBoardViewModel"/>

    </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.RowDefinitions>

            <RowDefinition Height="Auto" />

            <RowDefinition Height="Auto" />

            <RowDefinition Height="*" />

        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>

            <ColumnDefinition/>

            <ColumnDefinition/>

        </Grid.ColumnDefinitions>

        <StackPanel Margin="0,10" Orientation="Horizontal" HorizontalAlignment="Right" Grid.Row="0"  Height="20" >

            <TextBlock Text="Display Count : " VerticalAlignment="Center"/>

            <telerik:RadComboBox x:Name="ComboCount" Width="100" SelectedItem="{Binding SelectedCount, Mode=TwoWay}" Margin="0,0,10,0" SelectedValuePath="DisplayMember"

                  DisplayMemberPath="ValueMember" ItemsSource="{Binding SelectedCountList}" SelectedIndex="0" />

            <TextBlock Text="Status Type : " Margin="10,0,0,0"  VerticalAlignment="Center"/>

            <telerik:RadComboBox Width="100" SelectedItem="{Binding SelectedStatus, Mode=TwoWay}" SelectedIndex="4"

                   DisplayMemberPath="DisplayName" SelectedValuePath="Value" ItemsSource="{Binding StatusCodeList}" Height="20"/>

        </StackPanel>

        <StackPanel Grid.Row="1" Grid.ColumnSpan="2">

            <StackPanel Orientation="Horizontal">

                <TextBlock Text="CreateTime  " VerticalAlignment="Center" Width="102"/>

                <telerik:RadDateTimePicker x:Name="datePicker1" Width="200"

                                   InputMode="DateTimePicker"  

                                   VerticalAlignment="Center"

                                   HorizontalAlignment="Stretch"

                                   SelectedValue="{Binding SelectedCreateTimeBegin ,Mode=TwoWay,  UpdateSourceTrigger=PropertyChanged }" >

                </telerik:RadDateTimePicker>

                <!--<DatePicker Text="{Binding OpenStartTime, StringFormat='yy.mm.dd HH:mm:ss' ,RelativeSource={RelativeSource AncestorType={x:Type DatePicker}}}" SelectedDate="{Binding SelectedOpenTime}" Width="124" SelectedDateFormat="Long" Margin="0,-1,0,1"/>-->

                <TextBlock Text="  ~  " VerticalAlignment="Center"/>

                <telerik:RadDateTimePicker x:Name="datePicker2"  Width="200"

                                   InputMode="DateTimePicker"  HorizontalAlignment="Stretch"

                                   VerticalAlignment="Center"

                                   SelectedValue="{Binding SelectedCreateTimeEnd ,Mode=TwoWay,  UpdateSourceTrigger=PropertyChanged}"

                                   Margin="0,1">

                </telerik:RadDateTimePicker>

                <Button Content="Clear" Margin="5"  Width="50" Height="20" HorizontalAlignment="Left" Command="{Binding RemoveCreateTimeFilterCommand, Mode=OneWay}"/>

            </StackPanel>

        </StackPanel>

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

            <TextBlock Text="Convert PDF" HorizontalAlignment="Stretch" FontSize="12" FontFamily="Segoe UI" />

            <Grid x:Name="LayoutRoot">

                <Grid.ColumnDefinitions>

                    <ColumnDefinition Width="*" />

                    <ColumnDefinition Width="Auto" />

                </Grid.ColumnDefinitions>

                <telerik:RadCartesianChart x:Name="chart" Palette="{StaticResource ActualTargetChartPalette}" ClipToBounds="False" >

                    <telerik:RadCartesianChart.VerticalAxis>

                        <telerik:CategoricalAxis IsInverse="True" 

                                         MajorTickStyle="{StaticResource TransparentTickStyle}" 

                                         LineStroke="Transparent" 

                                         LabelStyle="{StaticResource TextBlockCountryStyle}" />

                    </telerik:RadCartesianChart.VerticalAxis>

                    <telerik:RadCartesianChart.HorizontalAxis>

                        <telerik:LinearAxis ShowLabels="True" ElementBrush="Transparent" />

                    </telerik:RadCartesianChart.HorizontalAxis>

                    <telerik:RadCartesianChart.Series>

                        <telerik:BarSeries CategoryBinding="{Binding Project_NO}" 

                                   ValueBinding="{Binding Count}" 

                                   ItemsSource="{Binding ExceptionCount, Mode=TwoWay}" 

                                   CombineMode="None" 

                                   ShowLabels="True" 

                                   ClipToPlotArea="False">

                            <!--sdk:ChartAnimationUtilities.CartesianAnimation="Rise">-->

                            <telerik:BarSeries.PointTemplate>

                                <DataTemplate>

                                    <Rectangle Fill="{StaticResource ActualBrush}" Margin="0 0 0 3" />

                                </DataTemplate>

                            </telerik:BarSeries.PointTemplate>

                            <telerik:BarSeries.LegendSettings>

                                <telerik:SeriesLegendSettings Title="Count" MarkerGeometry="{StaticResource SolidRectLegendGeometry}" />

                            </telerik:BarSeries.LegendSettings>

                            <telerik:BarSeries.LabelDefinitions>

                                <telerik:ChartSeriesLabelDefinition Binding="Count" Format="{}{0:F1}" DefaultVisualStyle="{StaticResource TextBlockCountryStyle}" />

                                <!--Strategy="{StaticResource RightAlignedLabelStrategy}" />-->

                            </telerik:BarSeries.LabelDefinitions>

                        </telerik:BarSeries>

                        <telerik:BarSeries CategoryBinding="{Binding Project_NO}" 

                                   ValueBinding="{Binding Count}" 

                                   ItemsSource="{Binding ConvertCount, Mode=TwoWay}" 

                                   CombineMode="None">

                            <telerik:BarSeries.PointTemplate>

                                <DataTemplate>

                                    <Rectangle Fill="{StaticResource TargetBrush}" Height="2" VerticalAlignment="Bottom" />

                                </DataTemplate>

                            </telerik:BarSeries.PointTemplate>

                            <telerik:BarSeries.LegendSettings>

                                <telerik:SeriesLegendSettings Title="target" MarkerGeometry="{StaticResource LineSeriesLegendGeometry}" />

                            </telerik:BarSeries.LegendSettings>

                        </telerik:BarSeries>

                    </telerik:RadCartesianChart.Series>

                </telerik:RadCartesianChart>

                <telerik:RadLegend Grid.Column="1" Grid.Row="1" Items="{Binding LegendItems, ElementName=chart}" />

            </Grid>

        </StackPanel>

    </Grid>

</UserControl>