markus / ConvertService / ServiceBase / Markus.Service.StationController / Views / DashBoard.xaml @ cb806a91
이력 | 보기 | 이력해설 | 다운로드 (15.1 KB)
1 | 2f07b70a | semi | <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 | c7955b40 | semi | 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 | 2f07b70a | semi | 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 | 80391351 | semi | <RectangleGeometry x:Key="LineSeriesLegendGeometry" Rect="0 5 12 2" /> |
33 | 2f07b70a | semi | <VM:DashBoardViewModel x:Key="DashBoardViewModel"/> |
34 | 80391351 | semi | <controls:RightAlignedLabelStrategy x:Key="RightAlignedLabelStrategy"/> |
35 | 2f07b70a | semi | </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 | c7955b40 | semi | <RowDefinition Height="Auto" /> |
49 | 2f07b70a | semi | <RowDefinition Height="*" /> |
50 | </Grid.RowDefinitions>
|
||
51 | <Grid.ColumnDefinitions>
|
||
52 | <ColumnDefinition/> |
||
53 | <ColumnDefinition/> |
||
54 | </Grid.ColumnDefinitions>
|
||
55 | c7955b40 | semi | <StackPanel Margin="0,10" Orientation="Horizontal" HorizontalAlignment="Left" Grid.Row="0" Height="20" > |
56 | 2f07b70a | semi | <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 | cb806a91 | semi | <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 | 2f07b70a | semi | MajorTickStyle="{StaticResource TransparentTickStyle}" |
93 | LineStroke="Transparent" |
||
94 | LabelStyle="{StaticResource TextBlockCountryStyle}" /> |
||
95 | cb806a91 | semi | </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 | 80391351 | semi | ValueBinding="Count" |
102 | c7955b40 | semi | ItemsSource="{Binding ConvertCOUNTDashBoard}" |
103 | 2f07b70a | semi | CombineMode="None" |
104 | c7955b40 | semi | ShowLabels="False" |
105 | ClipToPlotArea="False" > |
||
106 | cb806a91 | semi | <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 | c7955b40 | semi | ValueBinding="ExceptionCount" |
127 | ItemsSource="{Binding ConvertCOUNTDashBoard}" |
||
128 | CombineMode="None" > |
||
129 | cb806a91 | semi | <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 | 80391351 | semi | |
148 | cb806a91 | semi | <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 | c7955b40 | semi | MajorTickStyle="{StaticResource TransparentTickStyle}" |
162 | LineStroke="Transparent" |
||
163 | LabelStyle="{StaticResource TextBlockCountryStyle}" /> |
||
164 | cb806a91 | semi | </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 | c7955b40 | semi | ValueBinding="Count" |
171 | ItemsSource="{Binding FinalPDFCOUNTDashBoard}" |
||
172 | CombineMode="None" |
||
173 | ShowLabels="False" |
||
174 | ClipToPlotArea="False" > |
||
175 | cb806a91 | semi | <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 | c7955b40 | semi | ValueBinding="ExceptionCount" |
196 | ItemsSource="{Binding FinalPDFCOUNTDashBoard}" |
||
197 | CombineMode="None" > |
||
198 | cb806a91 | semi | <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 | 80391351 | semi | |
217 | cb806a91 | semi | <telerik:RadLegend Grid.Column="1" Grid.Row="1" MinWidth="76" Items="{Binding LegendItems, ElementName=char1}" /> |
218 | </Grid>
|
||
219 | </Border>
|
||
220 | 2f07b70a | semi | </Grid>
|
221 | </UserControl> |