프로젝트

일반

사용자정보

통계
| 브랜치(Branch): | 개정판:

markus / ConvertService / ServiceBase / Markus.Service.StationController / Views / DashBoard.xaml @ cb806a91

이력 | 보기 | 이력해설 | 다운로드 (15.1 KB)

1
<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
2
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
3
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
5
             xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
6
             xmlns:controls="clr-namespace:Markus.Service.StationController.Controls"
7
             xmlns:VM="clr-namespace:Markus.Service.StationController.ViewModel"
8
             xmlns:Data="clr-namespace:Markus.Service.StationController.Data"  
9
             xmlns:chart="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Chart"
10
             xmlns:chartView="clr-namespace:Telerik.Windows.Controls.ChartView;assembly=Telerik.Windows.Controls.Chart"
11
             xmlns:telerikChart="using:Telerik.UI.Xaml.Controls.Chart"
12
             xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
13
             xmlns:local="clr-namespace:Markus.Service.StationController.Views" x:Class="Markus.Service.StationController.Views.DashBoard"
14
             mc:Ignorable="d"  Background="White" DataContext="{DynamicResource DashBoardViewModel}" 
15
      d:DesignHeight="450" d:DesignWidth="1000">
16
    <UserControl.Resources>
17
        <SolidColorBrush x:Key="ActualBrush" Color="#FFCCCCCC" />
18
        <SolidColorBrush x:Key="TargetBrush" Color="#FF1B9DDE" />
19
        <Style x:Key="TextBlockCountryStyle" TargetType="TextBlock">
20
            <Setter Property="FontSize" Value="12" />
21
            <Setter Property="Foreground" Value="Black" />
22
            <Setter Property="Margin" Value="0 0 14 0" />
23
        </Style>
24
        <telerik:ChartPalette x:Key="ActualTargetChartPalette">
25
            <telerik:ChartPalette.GlobalEntries>
26
                <telerik:PaletteEntry Fill="{StaticResource ActualBrush}" />
27
                <telerik:PaletteEntry Fill="{StaticResource TargetBrush}" />
28
            </telerik:ChartPalette.GlobalEntries>
29
        </telerik:ChartPalette>
30
        <Style x:Key="TransparentTickStyle" TargetType="Rectangle" />
31
        <RectangleGeometry x:Key="SolidRectLegendGeometry" Rect="0 0 12 12" />
32
        <RectangleGeometry x:Key="LineSeriesLegendGeometry" Rect="0 5 12 2" />
33
        <VM:DashBoardViewModel x:Key="DashBoardViewModel"/>
34
        <controls:RightAlignedLabelStrategy x:Key="RightAlignedLabelStrategy"/>
35
    </UserControl.Resources>
36
    <i:Interaction.Triggers>
37
        <i:EventTrigger  EventName="Loaded">
38
            <i:InvokeCommandAction Command="{Binding LoadedCommand}"/>
39
        </i:EventTrigger>
40
        <i:EventTrigger  EventName="Unloaded">
41
            <i:InvokeCommandAction Command="{Binding ClosingCommand}"/>
42
        </i:EventTrigger>
43
    </i:Interaction.Triggers>
44
    <Grid>
45
        <Grid.RowDefinitions>
46
            <RowDefinition Height="Auto" />
47
            <RowDefinition Height="Auto" />
48
            <RowDefinition Height="Auto" />
49
            <RowDefinition Height="*" />
50
        </Grid.RowDefinitions>
51
        <Grid.ColumnDefinitions>
52
            <ColumnDefinition/>
53
            <ColumnDefinition/>
54
        </Grid.ColumnDefinitions>
55
        <StackPanel Margin="0,10" Orientation="Horizontal" HorizontalAlignment="Left" Grid.Row="0"  Height="20" >
56
            <TextBlock Text="Display Count : " VerticalAlignment="Center"/>
57
            <telerik:RadComboBox x:Name="ComboCount" Width="100" SelectedItem="{Binding SelectedCount, Mode=TwoWay}" Margin="0,0,10,0" SelectedValuePath="DisplayMember"
58
                  DisplayMemberPath="ValueMember" ItemsSource="{Binding SelectedCountList}" SelectedIndex="0" />
59
            <TextBlock Text="Status Type : " Margin="10,0,0,0"  VerticalAlignment="Center"/>
60
            <telerik:RadComboBox Width="100" SelectedItem="{Binding SelectedStatus, Mode=TwoWay}" SelectedIndex="4"
61
                   DisplayMemberPath="DisplayName" SelectedValuePath="Value" ItemsSource="{Binding StatusCodeList}" Height="20"/>
62
        </StackPanel>
63
        <StackPanel Grid.Row="1" Grid.ColumnSpan="2">
64
            <StackPanel Orientation="Horizontal">
65
                <TextBlock Text="CreateTime  " VerticalAlignment="Center" Width="102"/>
66
                <telerik:RadDateTimePicker x:Name="datePicker1" Width="200"
67
                                   InputMode="DateTimePicker"  
68
                                   VerticalAlignment="Center"
69
                                   HorizontalAlignment="Stretch"
70
                                   SelectedValue="{Binding SelectedCreateTimeBegin ,Mode=TwoWay,  UpdateSourceTrigger=PropertyChanged }" >
71
                </telerik:RadDateTimePicker>
72
                <TextBlock Text="  ~  " VerticalAlignment="Center"/>
73
                <telerik:RadDateTimePicker x:Name="datePicker2"  Width="200"
74
                                   InputMode="DateTimePicker"  HorizontalAlignment="Stretch"
75
                                   VerticalAlignment="Center"
76
                                   SelectedValue="{Binding SelectedCreateTimeEnd ,Mode=TwoWay,  UpdateSourceTrigger=PropertyChanged}"
77
                                   Margin="0,1">
78
                </telerik:RadDateTimePicker>
79
                <Button Content="Clear" Margin="5"  Width="50" Height="20" HorizontalAlignment="Left" Command="{Binding RemoveCreateTimeFilterCommand, Mode=OneWay}"/>
80
            </StackPanel>
81
        </StackPanel>
82
        <TextBlock Text="Convert Items" Grid.Row="2" Grid.Column="0" HorizontalAlignment="Center" Margin="0,20,0,20"/>
83
        <Border BorderBrush="Black" BorderThickness="2"  Grid.Row="3" Grid.Column="0" Margin="20,0,0,0">
84
            <Grid>
85
                <Grid.ColumnDefinitions>
86
                    <ColumnDefinition Width="*" />
87
                    <ColumnDefinition Width="Auto" />
88
                </Grid.ColumnDefinitions>
89
                <telerik:RadCartesianChart x:Name="chart" Palette="{StaticResource ActualTargetChartPalette}" ClipToBounds="False" Margin="0,50,0,50">
90
                    <telerik:RadCartesianChart.VerticalAxis>
91
                        <telerik:CategoricalAxis IsInverse="True" 
92
                                         MajorTickStyle="{StaticResource TransparentTickStyle}" 
93
                                         LineStroke="Transparent" 
94
                                         LabelStyle="{StaticResource TextBlockCountryStyle}" />
95
                    </telerik:RadCartesianChart.VerticalAxis>
96
                    <telerik:RadCartesianChart.HorizontalAxis>
97
                        <telerik:LinearAxis ShowLabels="False" ElementBrush="Transparent" />
98
                    </telerik:RadCartesianChart.HorizontalAxis>
99
                    <telerik:RadCartesianChart.Series>
100
                        <telerik:BarSeries CategoryBinding="Project_NO" 
101
                                   ValueBinding="Count" 
102
                                   ItemsSource="{Binding ConvertCOUNTDashBoard}"
103
                                   CombineMode="None" 
104
                                   ShowLabels="False" 
105
                                   ClipToPlotArea="False" >
106
                            <telerik:BarSeries.PointAnimation>
107
                                <telerik:ChartMoveAnimation Delay="0:0:0.125" Duration="0:0:1.55" MoveAnimationType="Left" >
108
                                    <telerik:ChartMoveAnimation.Easing>
109
                                        <BounceEase EasingMode="EaseOut" Bounces="20" Bounciness="5" />
110
                                    </telerik:ChartMoveAnimation.Easing>
111
                                </telerik:ChartMoveAnimation>
112
                            </telerik:BarSeries.PointAnimation>
113
                            <telerik:BarSeries.PointTemplate>
114
                                <DataTemplate>
115
                                    <Rectangle Fill="{StaticResource ActualBrush}" Margin="0 0 0 3" />
116
                                </DataTemplate>
117
                            </telerik:BarSeries.PointTemplate>
118
                            <telerik:BarSeries.LegendSettings>
119
                                <telerik:SeriesLegendSettings Title="Count" MarkerGeometry="{StaticResource SolidRectLegendGeometry}" />
120
                            </telerik:BarSeries.LegendSettings>
121
                            <telerik:BarSeries.LabelDefinitions>
122
                                <telerik:ChartSeriesLabelDefinition Binding="Count" Format="{}{0:F1}" DefaultVisualStyle="{StaticResource TextBlockCountryStyle}" Strategy="{StaticResource RightAlignedLabelStrategy}" />
123
                            </telerik:BarSeries.LabelDefinitions>
124
                        </telerik:BarSeries>
125
                        <telerik:BarSeries CategoryBinding="Project_NO" 
126
                                       ValueBinding="ExceptionCount" 
127
                                       ItemsSource="{Binding ConvertCOUNTDashBoard}"
128
                                       CombineMode="None"  >
129
                            <telerik:BarSeries.PointAnimation>
130
                                <telerik:ChartMoveAnimation Delay="0:0:0.125" Duration="0:0:1.55" MoveAnimationType="Left" >
131
                                    <telerik:ChartMoveAnimation.Easing>
132
                                        <BounceEase EasingMode="EaseOut" Bounces="20" Bounciness="5" />
133
                                    </telerik:ChartMoveAnimation.Easing>
134
                                </telerik:ChartMoveAnimation>
135
                            </telerik:BarSeries.PointAnimation>
136
                            <telerik:BarSeries.PointTemplate>
137
                                <DataTemplate>
138
                                    <Rectangle Fill="{StaticResource TargetBrush}" Height="2" VerticalAlignment="Bottom" />
139
                                </DataTemplate>
140
                            </telerik:BarSeries.PointTemplate>
141
                            <telerik:BarSeries.LegendSettings>
142
                                <telerik:SeriesLegendSettings Title="ExceptionCount" MarkerGeometry="{StaticResource LineSeriesLegendGeometry}" />
143
                            </telerik:BarSeries.LegendSettings>
144
                        </telerik:BarSeries>
145
                    </telerik:RadCartesianChart.Series>
146
                </telerik:RadCartesianChart>
147

    
148
                <telerik:RadLegend Grid.Column="1" Grid.Row="1" Margin="24,4,0,0" MinWidth="76" Items="{Binding LegendItems, ElementName=chart}" />
149
            </Grid>
150
        </Border>
151
        <TextBlock Text="FinalPDF Items" Grid.Row="2" Grid.Column="1" HorizontalAlignment="Center" Margin="0,20,0,20"/>
152
        <Border BorderBrush="Black" BorderThickness="2" Grid.Row="3" Grid.Column="1" Margin="20,0,0,0">
153
            <Grid>
154
                <Grid.ColumnDefinitions>
155
                    <ColumnDefinition Width="*" />
156
                    <ColumnDefinition Width="Auto" />
157
                </Grid.ColumnDefinitions>
158
                <telerik:RadCartesianChart x:Name="char1" Palette="{StaticResource ActualTargetChartPalette}" ClipToBounds="False" Margin="0,50,0,50">
159
                    <telerik:RadCartesianChart.VerticalAxis>
160
                        <telerik:CategoricalAxis IsInverse="True" 
161
                                         MajorTickStyle="{StaticResource TransparentTickStyle}" 
162
                                         LineStroke="Transparent" 
163
                                         LabelStyle="{StaticResource TextBlockCountryStyle}" />
164
                    </telerik:RadCartesianChart.VerticalAxis>
165
                    <telerik:RadCartesianChart.HorizontalAxis>
166
                        <telerik:LinearAxis ShowLabels="False" ElementBrush="Transparent" />
167
                    </telerik:RadCartesianChart.HorizontalAxis>
168
                    <telerik:RadCartesianChart.Series>
169
                        <telerik:BarSeries CategoryBinding="Project_NO" 
170
                                   ValueBinding="Count" 
171
                                   ItemsSource="{Binding FinalPDFCOUNTDashBoard}"
172
                                   CombineMode="None" 
173
                                   ShowLabels="False" 
174
                                   ClipToPlotArea="False" >
175
                            <telerik:BarSeries.PointAnimation>
176
                                <telerik:ChartMoveAnimation Delay="0:0:0.125" Duration="0:0:1.55" MoveAnimationType="Left" >
177
                                    <telerik:ChartMoveAnimation.Easing>
178
                                        <BounceEase EasingMode="EaseOut" Bounces="20" Bounciness="5" />
179
                                    </telerik:ChartMoveAnimation.Easing>
180
                                </telerik:ChartMoveAnimation>
181
                            </telerik:BarSeries.PointAnimation>
182
                            <telerik:BarSeries.PointTemplate>
183
                                <DataTemplate>
184
                                    <Rectangle Fill="{StaticResource ActualBrush}" Margin="0 0 0 3" />
185
                                </DataTemplate>
186
                            </telerik:BarSeries.PointTemplate>
187
                            <telerik:BarSeries.LegendSettings>
188
                                <telerik:SeriesLegendSettings Title="Count" MarkerGeometry="{StaticResource SolidRectLegendGeometry}" />
189
                            </telerik:BarSeries.LegendSettings>
190
                            <telerik:BarSeries.LabelDefinitions>
191
                                <telerik:ChartSeriesLabelDefinition Binding="Count" Format="{}{0:F1}" DefaultVisualStyle="{StaticResource TextBlockCountryStyle}" Strategy="{StaticResource RightAlignedLabelStrategy}" />
192
                            </telerik:BarSeries.LabelDefinitions>
193
                        </telerik:BarSeries>
194
                        <telerik:BarSeries CategoryBinding="Project_NO" 
195
                                       ValueBinding="ExceptionCount" 
196
                                       ItemsSource="{Binding FinalPDFCOUNTDashBoard}"
197
                                       CombineMode="None"  >
198
                            <telerik:BarSeries.PointAnimation>
199
                                <telerik:ChartMoveAnimation Delay="0:0:0.125" Duration="0:0:1.55" MoveAnimationType="Left" >
200
                                    <telerik:ChartMoveAnimation.Easing>
201
                                        <BounceEase EasingMode="EaseOut" Bounces="20" Bounciness="5" />
202
                                    </telerik:ChartMoveAnimation.Easing>
203
                                </telerik:ChartMoveAnimation>
204
                            </telerik:BarSeries.PointAnimation>
205
                            <telerik:BarSeries.PointTemplate>
206
                                <DataTemplate>
207
                                    <Rectangle Fill="{StaticResource TargetBrush}" Height="2" VerticalAlignment="Bottom" />
208
                                </DataTemplate>
209
                            </telerik:BarSeries.PointTemplate>
210
                            <telerik:BarSeries.LegendSettings>
211
                                <telerik:SeriesLegendSettings Title="ExceptionCount" MarkerGeometry="{StaticResource LineSeriesLegendGeometry}" />
212
                            </telerik:BarSeries.LegendSettings>
213
                        </telerik:BarSeries>
214
                    </telerik:RadCartesianChart.Series>
215
                </telerik:RadCartesianChart>
216

    
217
                <telerik:RadLegend Grid.Column="1" Grid.Row="1" MinWidth="76" Items="{Binding LegendItems, ElementName=char1}" />
218
            </Grid>
219
        </Border>
220
    </Grid>
221
</UserControl>
클립보드 이미지 추가 (최대 크기: 500 MB)