markus / ConvertService / ServiceBase / Markus.Service.StationController / Views / DashBoard.xaml @ c7955b40
이력 | 보기 | 이력해설 | 다운로드 (14.6 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,0"/> |
83 |
<Grid Grid.Row="3" Grid.Column="0" Margin="20,0,0,0"> |
84 |
<Grid.ColumnDefinitions>
|
85 |
<ColumnDefinition Width="*" /> |
86 |
<ColumnDefinition Width="Auto" /> |
87 |
</Grid.ColumnDefinitions>
|
88 |
<telerik:RadCartesianChart x:Name="chart" Palette="{StaticResource ActualTargetChartPalette}" ClipToBounds="False" Margin="0,50,0,50"> |
89 |
<telerik:RadCartesianChart.VerticalAxis>
|
90 |
<telerik:CategoricalAxis IsInverse="True" |
91 |
MajorTickStyle="{StaticResource TransparentTickStyle}" |
92 |
LineStroke="Transparent" |
93 |
LabelStyle="{StaticResource TextBlockCountryStyle}" /> |
94 |
</telerik:RadCartesianChart.VerticalAxis>
|
95 |
<telerik:RadCartesianChart.HorizontalAxis>
|
96 |
<telerik:LinearAxis ShowLabels="False" ElementBrush="Transparent" /> |
97 |
</telerik:RadCartesianChart.HorizontalAxis>
|
98 |
<telerik:RadCartesianChart.Series>
|
99 |
<telerik:BarSeries CategoryBinding="Project_NO" |
100 |
ValueBinding="Count" |
101 |
ItemsSource="{Binding ConvertCOUNTDashBoard}" |
102 |
CombineMode="None" |
103 |
ShowLabels="False" |
104 |
ClipToPlotArea="False" > |
105 |
<telerik:BarSeries.PointAnimation>
|
106 |
<telerik:ChartMoveAnimation Delay="0:0:0.125" Duration="0:0:1.55" MoveAnimationType="Left" > |
107 |
<telerik:ChartMoveAnimation.Easing>
|
108 |
<BounceEase EasingMode="EaseOut" Bounces="20" Bounciness="5" /> |
109 |
</telerik:ChartMoveAnimation.Easing>
|
110 |
</telerik:ChartMoveAnimation>
|
111 |
</telerik:BarSeries.PointAnimation>
|
112 |
<telerik:BarSeries.PointTemplate>
|
113 |
<DataTemplate>
|
114 |
<Rectangle Fill="{StaticResource ActualBrush}" Margin="0 0 0 3" /> |
115 |
</DataTemplate>
|
116 |
</telerik:BarSeries.PointTemplate>
|
117 |
<telerik:BarSeries.LegendSettings>
|
118 |
<telerik:SeriesLegendSettings Title="Count" MarkerGeometry="{StaticResource SolidRectLegendGeometry}" /> |
119 |
</telerik:BarSeries.LegendSettings>
|
120 |
<telerik:BarSeries.LabelDefinitions>
|
121 |
<telerik:ChartSeriesLabelDefinition Binding="Count" Format="{}{0:F1}" DefaultVisualStyle="{StaticResource TextBlockCountryStyle}" Strategy="{StaticResource RightAlignedLabelStrategy}" /> |
122 |
</telerik:BarSeries.LabelDefinitions>
|
123 |
</telerik:BarSeries>
|
124 |
<telerik:BarSeries CategoryBinding="Project_NO" |
125 |
ValueBinding="ExceptionCount" |
126 |
ItemsSource="{Binding ConvertCOUNTDashBoard}" |
127 |
CombineMode="None" > |
128 |
<telerik:BarSeries.PointAnimation>
|
129 |
<telerik:ChartMoveAnimation Delay="0:0:0.125" Duration="0:0:1.55" MoveAnimationType="Left" > |
130 |
<telerik:ChartMoveAnimation.Easing>
|
131 |
<BounceEase EasingMode="EaseOut" Bounces="20" Bounciness="5" /> |
132 |
</telerik:ChartMoveAnimation.Easing>
|
133 |
</telerik:ChartMoveAnimation>
|
134 |
</telerik:BarSeries.PointAnimation>
|
135 |
<telerik:BarSeries.PointTemplate>
|
136 |
<DataTemplate>
|
137 |
<Rectangle Fill="{StaticResource TargetBrush}" Height="2" VerticalAlignment="Bottom" /> |
138 |
</DataTemplate>
|
139 |
</telerik:BarSeries.PointTemplate>
|
140 |
<telerik:BarSeries.LegendSettings>
|
141 |
<telerik:SeriesLegendSettings Title="ExceptionCount" MarkerGeometry="{StaticResource LineSeriesLegendGeometry}" /> |
142 |
</telerik:BarSeries.LegendSettings>
|
143 |
</telerik:BarSeries>
|
144 |
</telerik:RadCartesianChart.Series>
|
145 |
</telerik:RadCartesianChart>
|
146 |
|
147 |
<telerik:RadLegend Grid.Column="1" Grid.Row="1" Margin="24,4,0,0" MinWidth="76" Items="{Binding LegendItems, ElementName=chart}" /> |
148 |
</Grid>
|
149 |
|
150 |
<TextBlock Text="FinalPDF Items" Grid.Row="2" Grid.Column="1" HorizontalAlignment="Center" Margin="0,20,0,0"/> |
151 |
<Grid Grid.Row="3" Grid.Column="1" Margin="20,0,0,0"> |
152 |
<Grid.ColumnDefinitions>
|
153 |
<ColumnDefinition Width="*" /> |
154 |
<ColumnDefinition Width="Auto" /> |
155 |
</Grid.ColumnDefinitions>
|
156 |
<telerik:RadCartesianChart x:Name="char1" Palette="{StaticResource ActualTargetChartPalette}" ClipToBounds="False" Margin="0,50,0,50"> |
157 |
<telerik:RadCartesianChart.VerticalAxis>
|
158 |
<telerik:CategoricalAxis IsInverse="True" |
159 |
MajorTickStyle="{StaticResource TransparentTickStyle}" |
160 |
LineStroke="Transparent" |
161 |
LabelStyle="{StaticResource TextBlockCountryStyle}" /> |
162 |
</telerik:RadCartesianChart.VerticalAxis>
|
163 |
<telerik:RadCartesianChart.HorizontalAxis>
|
164 |
<telerik:LinearAxis ShowLabels="False" ElementBrush="Transparent" /> |
165 |
</telerik:RadCartesianChart.HorizontalAxis>
|
166 |
<telerik:RadCartesianChart.Series>
|
167 |
<telerik:BarSeries CategoryBinding="Project_NO" |
168 |
ValueBinding="Count" |
169 |
ItemsSource="{Binding FinalPDFCOUNTDashBoard}" |
170 |
CombineMode="None" |
171 |
ShowLabels="False" |
172 |
ClipToPlotArea="False" > |
173 |
<telerik:BarSeries.PointAnimation>
|
174 |
<telerik:ChartMoveAnimation Delay="0:0:0.125" Duration="0:0:1.55" MoveAnimationType="Left" > |
175 |
<telerik:ChartMoveAnimation.Easing>
|
176 |
<BounceEase EasingMode="EaseOut" Bounces="20" Bounciness="5" /> |
177 |
</telerik:ChartMoveAnimation.Easing>
|
178 |
</telerik:ChartMoveAnimation>
|
179 |
</telerik:BarSeries.PointAnimation>
|
180 |
<telerik:BarSeries.PointTemplate>
|
181 |
<DataTemplate>
|
182 |
<Rectangle Fill="{StaticResource ActualBrush}" Margin="0 0 0 3" /> |
183 |
</DataTemplate>
|
184 |
</telerik:BarSeries.PointTemplate>
|
185 |
<telerik:BarSeries.LegendSettings>
|
186 |
<telerik:SeriesLegendSettings Title="Count" MarkerGeometry="{StaticResource SolidRectLegendGeometry}" /> |
187 |
</telerik:BarSeries.LegendSettings>
|
188 |
<telerik:BarSeries.LabelDefinitions>
|
189 |
<telerik:ChartSeriesLabelDefinition Binding="Count" Format="{}{0:F1}" DefaultVisualStyle="{StaticResource TextBlockCountryStyle}" Strategy="{StaticResource RightAlignedLabelStrategy}" /> |
190 |
</telerik:BarSeries.LabelDefinitions>
|
191 |
</telerik:BarSeries>
|
192 |
<telerik:BarSeries CategoryBinding="Project_NO" |
193 |
ValueBinding="ExceptionCount" |
194 |
ItemsSource="{Binding FinalPDFCOUNTDashBoard}" |
195 |
CombineMode="None" > |
196 |
<telerik:BarSeries.PointAnimation>
|
197 |
<telerik:ChartMoveAnimation Delay="0:0:0.125" Duration="0:0:1.55" MoveAnimationType="Left" > |
198 |
<telerik:ChartMoveAnimation.Easing>
|
199 |
<BounceEase EasingMode="EaseOut" Bounces="20" Bounciness="5" /> |
200 |
</telerik:ChartMoveAnimation.Easing>
|
201 |
</telerik:ChartMoveAnimation>
|
202 |
</telerik:BarSeries.PointAnimation>
|
203 |
<telerik:BarSeries.PointTemplate>
|
204 |
<DataTemplate>
|
205 |
<Rectangle Fill="{StaticResource TargetBrush}" Height="2" VerticalAlignment="Bottom" /> |
206 |
</DataTemplate>
|
207 |
</telerik:BarSeries.PointTemplate>
|
208 |
<telerik:BarSeries.LegendSettings>
|
209 |
<telerik:SeriesLegendSettings Title="ExceptionCount" MarkerGeometry="{StaticResource LineSeriesLegendGeometry}" /> |
210 |
</telerik:BarSeries.LegendSettings>
|
211 |
</telerik:BarSeries>
|
212 |
</telerik:RadCartesianChart.Series>
|
213 |
</telerik:RadCartesianChart>
|
214 |
|
215 |
<telerik:RadLegend Grid.Column="1" Grid.Row="1" MinWidth="76" Items="{Binding LegendItems, ElementName=char1}" /> |
216 |
</Grid>
|
217 |
</Grid>
|
218 |
</UserControl>
|