markus / KCOM / Controls / Sample.xaml @ c5519c44
이력 | 보기 | 이력해설 | 다운로드 (51.4 KB)
1 |
<UserControl x:Name="userControl" x:Class="KCOM.Controls.Sample" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" |
---|---|
2 |
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" |
3 |
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
4 |
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" |
5 |
xmlns:controls="clr-namespace:KCOM.Controls" |
6 |
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:common="clr-namespace:KCOM.Common" |
7 |
xmlns:local="clr-namespace:KCOM.Controls" xmlns:System="clr-namespace:System;assembly=mscorlib" |
8 |
mc:Ignorable="d" Background="#f5f5f5" xmlns:converter="clr-namespace:KCOM.Common.Converter" |
9 |
d:DesignHeight="600" d:DesignWidth="200"> |
10 |
<UserControl.Resources>
|
11 |
<converter:ColorListToBrushConverter x:Key="ColorListToBrushConverter"/> |
12 |
<Style x:Key="PathButtonStyle" TargetType="{x:Type Path}"> |
13 |
<Setter Property="Width" Value="12"/> |
14 |
<Setter Property="Height" Value="12"/> |
15 |
<Setter Property="Fill" Value="White" /> |
16 |
<Setter Property="Stretch" Value="Fill" /> |
17 |
<Setter Property="HorizontalAlignment" Value="Right"/> |
18 |
<Setter Property="VerticalAlignment" Value="Center" /> |
19 |
</Style>
|
20 |
<converter:CommentTypeImgConverter x:Key="converterTypeImageConverter"/> |
21 |
<converter:MarkupDataToConverter x:Key="markupDataConverter"/> |
22 |
<converter:MarginCorrectionConverter x:Key="marginConverter"/> |
23 |
<SolidColorBrush x:Key="ListTextSelectedColor" x:Shared="False"/> |
24 |
<SolidColorBrush x:Key="ListSelectedColor" x:Shared="False"/> |
25 |
<Style x:Key="ItemContainerStyle" TargetType="{x:Type telerik:RadListBoxItem}"> |
26 |
<Setter Property="Template"> |
27 |
<Setter.Value>
|
28 |
<ControlTemplate TargetType="{x:Type telerik:RadListBoxItem}"> |
29 |
<Border x:Name="myBorder" VerticalAlignment="Center" |
30 |
Padding="0" Margin="0" |
31 |
SnapsToDevicePixels="False"> |
32 |
<Border.Style>
|
33 |
<Style TargetType="{x:Type Border}"> |
34 |
<Setter Property="BorderThickness" Value="3 3 3 3"/> |
35 |
<Setter Property="BorderBrush" Value="Transparent"/> |
36 |
</Style>
|
37 |
</Border.Style>
|
38 |
<ContentPresenter Margin="2"/> |
39 |
</Border>
|
40 |
<ControlTemplate.Triggers>
|
41 |
<Trigger Property="IsSelected" Value="true"> |
42 |
<Setter TargetName="myBorder" Property="BorderBrush" Value="{DynamicResource KCOMColor_AccentBrush}"/> |
43 |
</Trigger>
|
44 |
</ControlTemplate.Triggers>
|
45 |
</ControlTemplate>
|
46 |
</Setter.Value>
|
47 |
</Setter>
|
48 |
</Style>
|
49 |
<ControlTemplate x:Key="RadExpanderControlTemplate1" TargetType="{x:Type telerik:RadExpander}"> |
50 |
<Grid HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}"> |
51 |
<VisualStateManager.VisualStateGroups>
|
52 |
<VisualStateGroup x:Name="CommonStateGroup"> |
53 |
<VisualState x:Name="Normal" /> |
54 |
<VisualState x:Name="Disabled"> |
55 |
<Storyboard>
|
56 |
<ObjectAnimationUsingKeyFrames Duration="0:0:0" |
57 |
Storyboard.TargetName="InnerCircle" |
58 |
Storyboard.TargetProperty="Stroke"> |
59 |
<DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlInnerBorder_Disabled}" /> |
60 |
</ObjectAnimationUsingKeyFrames>
|
61 |
<DoubleAnimation Storyboard.TargetName="Content" |
62 |
Storyboard.TargetProperty="Opacity" |
63 |
To=".5" /> |
64 |
<DoubleAnimation Storyboard.TargetName="HeaderContent" |
65 |
Storyboard.TargetProperty="Opacity" |
66 |
To=".5" /> |
67 |
</Storyboard>
|
68 |
</VisualState>
|
69 |
</VisualStateGroup>
|
70 |
<VisualStateGroup x:Name="HeaderStateGroup"> |
71 |
<VisualState x:Name="NormalHeader" /> |
72 |
<VisualState x:Name="MouseOverHeader"> |
73 |
<Storyboard>
|
74 |
<ObjectAnimationUsingKeyFrames Duration="0:0:0" |
75 |
Storyboard.TargetName="InnerCircle" |
76 |
Storyboard.TargetProperty="Stroke"> |
77 |
<DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlInnerBorder_MouseOver}" /> |
78 |
</ObjectAnimationUsingKeyFrames>
|
79 |
</Storyboard>
|
80 |
</VisualState>
|
81 |
<VisualState x:Name="PressedHeader"> |
82 |
<Storyboard>
|
83 |
<ObjectAnimationUsingKeyFrames Duration="0:0:0" |
84 |
Storyboard.TargetName="InnerCircle" |
85 |
Storyboard.TargetProperty="Stroke"> |
86 |
<DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlInnerBorder_Pressed}" /> |
87 |
</ObjectAnimationUsingKeyFrames>
|
88 |
</Storyboard>
|
89 |
</VisualState>
|
90 |
</VisualStateGroup>
|
91 |
<VisualStateGroup x:Name="HeaderOrientationGroup"> |
92 |
<VisualState x:Name="HorizontalOrientation"> |
93 |
<Storyboard>
|
94 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentTransform" Storyboard.TargetProperty="LayoutTransform"> |
95 |
<DiscreteObjectKeyFrame KeyTime="0"> |
96 |
<DiscreteObjectKeyFrame.Value>
|
97 |
<RotateTransform Angle="0" /> |
98 |
</DiscreteObjectKeyFrame.Value>
|
99 |
</DiscreteObjectKeyFrame>
|
100 |
</ObjectAnimationUsingKeyFrames>
|
101 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentTransform" Storyboard.TargetProperty="(Grid.Column)"> |
102 |
<DiscreteObjectKeyFrame KeyTime="0"> |
103 |
<DiscreteObjectKeyFrame.Value>
|
104 |
<System:Int32>1</System:Int32> |
105 |
</DiscreteObjectKeyFrame.Value>
|
106 |
</DiscreteObjectKeyFrame>
|
107 |
</ObjectAnimationUsingKeyFrames>
|
108 |
</Storyboard>
|
109 |
</VisualState>
|
110 |
<VisualState x:Name="VerticalOrientation"> |
111 |
<Storyboard>
|
112 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentTransform" Storyboard.TargetProperty="LayoutTransform"> |
113 |
<DiscreteObjectKeyFrame KeyTime="0"> |
114 |
<DiscreteObjectKeyFrame.Value>
|
115 |
<RotateTransform Angle="90" /> |
116 |
</DiscreteObjectKeyFrame.Value>
|
117 |
</DiscreteObjectKeyFrame>
|
118 |
</ObjectAnimationUsingKeyFrames>
|
119 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentTransform" Storyboard.TargetProperty="(Grid.Row)"> |
120 |
<DiscreteObjectKeyFrame KeyTime="0"> |
121 |
<DiscreteObjectKeyFrame.Value>
|
122 |
<System:Int32>1</System:Int32> |
123 |
</DiscreteObjectKeyFrame.Value>
|
124 |
</DiscreteObjectKeyFrame>
|
125 |
</ObjectAnimationUsingKeyFrames>
|
126 |
</Storyboard>
|
127 |
</VisualState>
|
128 |
</VisualStateGroup>
|
129 |
<VisualStateGroup x:Name="ExpandStateGroup"> |
130 |
<VisualState x:Name="Expanded"> |
131 |
<Storyboard>
|
132 |
<DoubleAnimation Duration="0:0:0.2" |
133 |
Storyboard.TargetName="arrow" |
134 |
Storyboard.TargetProperty="(UIElement.RenderTransform).Angle" |
135 |
To="180" /> |
136 |
<ColorAnimation
|
137 |
Duration="0" |
138 |
Storyboard.TargetName="OuterCircle" |
139 |
Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)" |
140 |
To="#FF1FA3EB" /> |
141 |
</Storyboard>
|
142 |
</VisualState>
|
143 |
<VisualState x:Name="Collapsed"> |
144 |
<Storyboard>
|
145 |
<DoubleAnimation Duration="0:0:0.2" |
146 |
Storyboard.TargetName="arrow" |
147 |
Storyboard.TargetProperty="(UIElement.RenderTransform).Angle" |
148 |
To="0" /> |
149 |
</Storyboard>
|
150 |
</VisualState>
|
151 |
</VisualStateGroup>
|
152 |
<VisualStateGroup x:Name="ExpandDirectionStates"> |
153 |
<VisualStateGroup.Transitions>
|
154 |
<VisualTransition>
|
155 |
<Storyboard>
|
156 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.Row)"> |
157 |
<DiscreteObjectKeyFrame KeyTime="0"> |
158 |
<DiscreteObjectKeyFrame.Value>
|
159 |
<System:Int32>0</System:Int32> |
160 |
</DiscreteObjectKeyFrame.Value>
|
161 |
</DiscreteObjectKeyFrame>
|
162 |
</ObjectAnimationUsingKeyFrames>
|
163 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.Column)"> |
164 |
<DiscreteObjectKeyFrame KeyTime="0"> |
165 |
<DiscreteObjectKeyFrame.Value>
|
166 |
<System:Int32>0</System:Int32> |
167 |
</DiscreteObjectKeyFrame.Value>
|
168 |
</DiscreteObjectKeyFrame>
|
169 |
</ObjectAnimationUsingKeyFrames>
|
170 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.Row)"> |
171 |
<DiscreteObjectKeyFrame KeyTime="0"> |
172 |
<DiscreteObjectKeyFrame.Value>
|
173 |
<System:Int32>0</System:Int32> |
174 |
</DiscreteObjectKeyFrame.Value>
|
175 |
</DiscreteObjectKeyFrame>
|
176 |
</ObjectAnimationUsingKeyFrames>
|
177 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.Column)"> |
178 |
<DiscreteObjectKeyFrame KeyTime="0"> |
179 |
<DiscreteObjectKeyFrame.Value>
|
180 |
<System:Int32>0</System:Int32> |
181 |
</DiscreteObjectKeyFrame.Value>
|
182 |
</DiscreteObjectKeyFrame>
|
183 |
</ObjectAnimationUsingKeyFrames>
|
184 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="col0" Storyboard.TargetProperty="Width"> |
185 |
<DiscreteObjectKeyFrame KeyTime="0"> |
186 |
<DiscreteObjectKeyFrame.Value>
|
187 |
<GridLength>Auto</GridLength> |
188 |
</DiscreteObjectKeyFrame.Value>
|
189 |
</DiscreteObjectKeyFrame>
|
190 |
</ObjectAnimationUsingKeyFrames>
|
191 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="col1" Storyboard.TargetProperty="Width"> |
192 |
<DiscreteObjectKeyFrame KeyTime="0"> |
193 |
<DiscreteObjectKeyFrame.Value>
|
194 |
<GridLength>Auto</GridLength> |
195 |
</DiscreteObjectKeyFrame.Value>
|
196 |
</DiscreteObjectKeyFrame>
|
197 |
</ObjectAnimationUsingKeyFrames>
|
198 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="row0" Storyboard.TargetProperty="Height"> |
199 |
<DiscreteObjectKeyFrame KeyTime="0"> |
200 |
<DiscreteObjectKeyFrame.Value>
|
201 |
<GridLength>Auto</GridLength> |
202 |
</DiscreteObjectKeyFrame.Value>
|
203 |
</DiscreteObjectKeyFrame>
|
204 |
</ObjectAnimationUsingKeyFrames>
|
205 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="row1" Storyboard.TargetProperty="Height"> |
206 |
<DiscreteObjectKeyFrame KeyTime="0"> |
207 |
<DiscreteObjectKeyFrame.Value>
|
208 |
<GridLength>Auto</GridLength> |
209 |
</DiscreteObjectKeyFrame.Value>
|
210 |
</DiscreteObjectKeyFrame>
|
211 |
</ObjectAnimationUsingKeyFrames>
|
212 |
</Storyboard>
|
213 |
</VisualTransition>
|
214 |
</VisualStateGroup.Transitions>
|
215 |
<VisualState x:Name="DirectionLeft"> |
216 |
<Storyboard>
|
217 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="col0" Storyboard.TargetProperty="Width"> |
218 |
<DiscreteObjectKeyFrame KeyTime="0"> |
219 |
<DiscreteObjectKeyFrame.Value>
|
220 |
<GridLength>*</GridLength> |
221 |
</DiscreteObjectKeyFrame.Value>
|
222 |
</DiscreteObjectKeyFrame>
|
223 |
</ObjectAnimationUsingKeyFrames>
|
224 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="row0" Storyboard.TargetProperty="Height"> |
225 |
<DiscreteObjectKeyFrame KeyTime="0"> |
226 |
<DiscreteObjectKeyFrame.Value>
|
227 |
<GridLength>*</GridLength> |
228 |
</DiscreteObjectKeyFrame.Value>
|
229 |
</DiscreteObjectKeyFrame>
|
230 |
</ObjectAnimationUsingKeyFrames>
|
231 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.Column)"> |
232 |
<DiscreteObjectKeyFrame KeyTime="0"> |
233 |
<DiscreteObjectKeyFrame.Value>
|
234 |
<System:Int32>1</System:Int32> |
235 |
</DiscreteObjectKeyFrame.Value>
|
236 |
</DiscreteObjectKeyFrame>
|
237 |
</ObjectAnimationUsingKeyFrames>
|
238 |
<DoubleAnimation Duration="0:0:0" |
239 |
Storyboard.TargetName="arrowPanel" |
240 |
Storyboard.TargetProperty="(UIElement.RenderTransform).Angle" |
241 |
To="90" /> |
242 |
</Storyboard>
|
243 |
</VisualState>
|
244 |
<VisualState x:Name="DirectionRight"> |
245 |
<Storyboard>
|
246 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="col1" Storyboard.TargetProperty="Width"> |
247 |
<DiscreteObjectKeyFrame KeyTime="0"> |
248 |
<DiscreteObjectKeyFrame.Value>
|
249 |
<GridLength>*</GridLength> |
250 |
</DiscreteObjectKeyFrame.Value>
|
251 |
</DiscreteObjectKeyFrame>
|
252 |
</ObjectAnimationUsingKeyFrames>
|
253 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="row0" Storyboard.TargetProperty="Height"> |
254 |
<DiscreteObjectKeyFrame KeyTime="0"> |
255 |
<DiscreteObjectKeyFrame.Value>
|
256 |
<GridLength>*</GridLength> |
257 |
</DiscreteObjectKeyFrame.Value>
|
258 |
</DiscreteObjectKeyFrame>
|
259 |
</ObjectAnimationUsingKeyFrames>
|
260 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.Column)"> |
261 |
<DiscreteObjectKeyFrame KeyTime="0"> |
262 |
<DiscreteObjectKeyFrame.Value>
|
263 |
<System:Int32>1</System:Int32> |
264 |
</DiscreteObjectKeyFrame.Value>
|
265 |
</DiscreteObjectKeyFrame>
|
266 |
</ObjectAnimationUsingKeyFrames>
|
267 |
<DoubleAnimation Duration="0:0:0" |
268 |
Storyboard.TargetName="arrowPanel" |
269 |
Storyboard.TargetProperty="(UIElement.RenderTransform).Angle" |
270 |
To="-90" /> |
271 |
</Storyboard>
|
272 |
</VisualState>
|
273 |
<VisualState x:Name="DirectionUp"> |
274 |
<Storyboard>
|
275 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="col0" Storyboard.TargetProperty="Width"> |
276 |
<DiscreteObjectKeyFrame KeyTime="0"> |
277 |
<DiscreteObjectKeyFrame.Value>
|
278 |
<GridLength>*</GridLength> |
279 |
</DiscreteObjectKeyFrame.Value>
|
280 |
</DiscreteObjectKeyFrame>
|
281 |
</ObjectAnimationUsingKeyFrames>
|
282 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="row0" Storyboard.TargetProperty="Height"> |
283 |
<DiscreteObjectKeyFrame KeyTime="0"> |
284 |
<DiscreteObjectKeyFrame.Value>
|
285 |
<GridLength>*</GridLength> |
286 |
</DiscreteObjectKeyFrame.Value>
|
287 |
</DiscreteObjectKeyFrame>
|
288 |
</ObjectAnimationUsingKeyFrames>
|
289 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderButton" Storyboard.TargetProperty="(Grid.Row)"> |
290 |
<DiscreteObjectKeyFrame KeyTime="0"> |
291 |
<DiscreteObjectKeyFrame.Value>
|
292 |
<System:Int32>1</System:Int32> |
293 |
</DiscreteObjectKeyFrame.Value>
|
294 |
</DiscreteObjectKeyFrame>
|
295 |
</ObjectAnimationUsingKeyFrames>
|
296 |
<DoubleAnimation Duration="0:0:0" |
297 |
Storyboard.TargetName="arrowPanel" |
298 |
Storyboard.TargetProperty="(UIElement.RenderTransform).Angle" |
299 |
To="180" /> |
300 |
</Storyboard>
|
301 |
</VisualState>
|
302 |
<VisualState x:Name="DirectionDown"> |
303 |
<Storyboard>
|
304 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="col0" Storyboard.TargetProperty="Width"> |
305 |
<DiscreteObjectKeyFrame KeyTime="0"> |
306 |
<DiscreteObjectKeyFrame.Value>
|
307 |
<GridLength>*</GridLength> |
308 |
</DiscreteObjectKeyFrame.Value>
|
309 |
</DiscreteObjectKeyFrame>
|
310 |
</ObjectAnimationUsingKeyFrames>
|
311 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="row1" Storyboard.TargetProperty="Height"> |
312 |
<DiscreteObjectKeyFrame KeyTime="0"> |
313 |
<DiscreteObjectKeyFrame.Value>
|
314 |
<GridLength>*</GridLength> |
315 |
</DiscreteObjectKeyFrame.Value>
|
316 |
</DiscreteObjectKeyFrame>
|
317 |
</ObjectAnimationUsingKeyFrames>
|
318 |
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="(Grid.Row)"> |
319 |
<DiscreteObjectKeyFrame KeyTime="0"> |
320 |
<DiscreteObjectKeyFrame.Value>
|
321 |
<System:Int32>1</System:Int32> |
322 |
</DiscreteObjectKeyFrame.Value>
|
323 |
</DiscreteObjectKeyFrame>
|
324 |
</ObjectAnimationUsingKeyFrames>
|
325 |
</Storyboard>
|
326 |
</VisualState>
|
327 |
</VisualStateGroup>
|
328 |
</VisualStateManager.VisualStateGroups>
|
329 |
|
330 |
<Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}"> |
331 |
<Grid>
|
332 |
<Grid.RowDefinitions>
|
333 |
<RowDefinition x:Name="row0" Height="Auto" /> |
334 |
<RowDefinition x:Name="row1" Height="Auto" /> |
335 |
</Grid.RowDefinitions>
|
336 |
<Grid.ColumnDefinitions>
|
337 |
<ColumnDefinition x:Name="col0" Width="Auto" /> |
338 |
<ColumnDefinition x:Name="col1" Width="Auto" /> |
339 |
</Grid.ColumnDefinitions>
|
340 |
|
341 |
<telerik:RadToggleButton x:Name="HeaderButton" |
342 |
HorizontalAlignment="{TemplateBinding HorizontalHeaderAlignment}" |
343 |
VerticalAlignment="{TemplateBinding VerticalHeaderAlignment}" |
344 |
HorizontalContentAlignment="{TemplateBinding HorizontalHeaderAlignment}" |
345 |
VerticalContentAlignment="{TemplateBinding VerticalHeaderAlignment}" |
346 |
Background="Transparent" |
347 |
ClickMode="{TemplateBinding ClickMode}" |
348 |
FontFamily="{TemplateBinding FontFamily}" |
349 |
FontSize="{TemplateBinding FontSize}" |
350 |
FontStretch="{TemplateBinding FontStretch}" |
351 |
FontStyle="{TemplateBinding FontStyle}" |
352 |
FontWeight="{TemplateBinding FontWeight}" |
353 |
Foreground="{TemplateBinding Foreground}" |
354 |
IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" |
355 |
IsTabStop="{TemplateBinding IsTabStop}" |
356 |
Padding="{TemplateBinding Padding}" |
357 |
TabIndex="{TemplateBinding TabIndex}" |
358 |
Template="{StaticResource ToggleTemplate}"> |
359 |
|
360 |
<Grid x:Name="HeaderPanel" Background="Transparent"> |
361 |
<Grid.RowDefinitions>
|
362 |
<RowDefinition Height="Auto" /> |
363 |
<RowDefinition Height="*" /> |
364 |
</Grid.RowDefinitions>
|
365 |
<Grid.ColumnDefinitions>
|
366 |
<ColumnDefinition Width="Auto" /> |
367 |
<ColumnDefinition Width="*" /> |
368 |
</Grid.ColumnDefinitions>
|
369 |
|
370 |
<Grid Grid.Row="0" |
371 |
Grid.Column="0" |
372 |
HorizontalAlignment="Left"> |
373 |
<Ellipse x:Name="OuterCircle" |
374 |
Width="13" |
375 |
Height="13" |
376 |
HorizontalAlignment="Center" |
377 |
VerticalAlignment="Center" |
378 |
Fill="{StaticResource ControlBackground}" |
379 |
Stroke="#FFD6D4D4" /> |
380 |
<Ellipse x:Name="InnerCircle" |
381 |
Width="11" |
382 |
Height="11" |
383 |
Margin="1,2" |
384 |
Stroke="{StaticResource ControlInnerBorder_Normal}" /> |
385 |
|
386 |
<Grid x:Name="arrowPanel" |
387 |
Width="7" |
388 |
Height="4" |
389 |
RenderTransformOrigin=".5 .5"> |
390 |
<Grid.RenderTransform>
|
391 |
<RotateTransform /> |
392 |
</Grid.RenderTransform>
|
393 |
<Path x:Name="arrow" |
394 |
Data="M0,0 L0.67,0 4,2.67 7.25,0 8,0 8,0.67 4,4 0,0.75 z" |
395 |
Fill="#FF25A0DA" |
396 |
RenderTransformOrigin="0.5,0.5" |
397 |
Stretch="Fill"> |
398 |
<Path.RenderTransform>
|
399 |
<RotateTransform Angle="0" /> |
400 |
</Path.RenderTransform>
|
401 |
</Path>
|
402 |
</Grid>
|
403 |
</Grid>
|
404 |
<telerik:LayoutTransformControl x:Name="HeaderContentTransform" |
405 |
Grid.Row="0" |
406 |
Grid.Column="0" |
407 |
RenderTransformOrigin=".5 .5"> |
408 |
<ContentPresenter x:Name="HeaderContent" |
409 |
Grid.Column="1" |
410 |
Margin="3,0,0,0" |
411 |
HorizontalAlignment="Stretch" |
412 |
VerticalAlignment="Stretch" |
413 |
Content="{TemplateBinding Header}" |
414 |
ContentTemplate="{TemplateBinding HeaderTemplate}" /> |
415 |
</telerik:LayoutTransformControl>
|
416 |
|
417 |
</Grid>
|
418 |
</telerik:RadToggleButton>
|
419 |
|
420 |
<ContentPresenter x:Name="Content" |
421 |
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" |
422 |
VerticalAlignment="{TemplateBinding VerticalContentAlignment}" |
423 |
Content="{TemplateBinding Content}" |
424 |
ContentTemplate="{TemplateBinding ContentTemplate}" |
425 |
Visibility="Collapsed" /> |
426 |
</Grid>
|
427 |
</Border>
|
428 |
</Grid>
|
429 |
</ControlTemplate>
|
430 |
<DataTemplate x:Key="CommentSelectTemplate"> |
431 |
<CheckBox IsChecked="{Binding IsSelected, Mode=TwoWay}" telerik:StyleManager.Theme="Windows8" |
432 |
Command="{Binding SelectCommentCommand, ElementName=userControl, Mode=OneWay}"> |
433 |
<StackPanel Orientation="Horizontal"> |
434 |
<TextBlock Text="{Binding Depart}" /> |
435 |
<TextBlock Text="/" /> |
436 |
<TextBlock Text="{Binding UserName}" /> |
437 |
</StackPanel>
|
438 |
</CheckBox>
|
439 |
</DataTemplate>
|
440 |
</UserControl.Resources>
|
441 |
<Grid x:Name="grid" VerticalAlignment="Stretch"> |
442 |
<!--<TextBlock Text="Sort By:" Foreground="{DynamicResource KCOMColor_MarkerBrush}"/>-->
|
443 |
<telerik:RadTabControl Margin="0,6,0,0" BorderThickness="0" telerik:StyleManager.Theme="VisualStudio2013" HeaderBackground="#f5f5f5" FontSize="10" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch" |
444 |
ScrollViewer.HorizontalScrollBarVisibility ="Disabled" SelectedIndex="0" > |
445 |
|
446 |
<telerik:RadTabItem Header="Thumbnail" HeaderForeground="{DynamicResource KCOMColor_MarkerBrush}" FontSize="12"> |
447 |
<Grid>
|
448 |
<Grid.RowDefinitions>
|
449 |
<RowDefinition Height="Auto"/> |
450 |
<RowDefinition Height="Auto"/> |
451 |
<RowDefinition Height="*"/> |
452 |
</Grid.RowDefinitions>
|
453 |
<telerik:RadPathButton ContentPlacement="Left" telerik:StyleManager.Theme="Office2016" CornerRadius="3" |
454 |
PathGeometry="{telerik:RadGlyph Glyph={StaticResource GlyphGrid}, Foreground=White}" Height="24" Width="120" PathStyle="{StaticResource PathButtonStyle}" |
455 |
Margin="2" Foreground="White" Content="Show All Pages" x:Name="btnPanorama" Click="btnPanorama_Click" Background="#FF0054B9" HorizontalAlignment="Right"/> |
456 |
<Border BorderThickness="1" Margin="1" Grid.Row="1" BorderBrush="#FFC9C9C9" Background="White"> |
457 |
<StackPanel>
|
458 |
<RadioButton GroupName="grpPages" Content="All Pages" IsChecked="True" telerik:StyleManager.Theme="Office2013" FontSize="10" Margin="5,3" Checked="ShowPageChange" x:Name="rdoAllPages"/> |
459 |
<RadioButton GroupName="grpPages" Content="Favorited Pages" FontSize="10" Margin="5,3" x:Name="rdoFavoritePages" Checked="ShowPageChange" /> |
460 |
<RadioButton GroupName="grpPages" Content="Commented Pages" FontSize="10" Margin="5,3" x:Name="rdoCommentPages" Checked="ShowPageChange" /> |
461 |
<Grid Margin="4.5,0" Visibility="{Binding IsChecked, Converter={StaticResource BooleanToVisibilityConverter}, ElementName=rdoCommentPages}"> |
462 |
<ListBox x:Name="lstSelectComment" |
463 |
BorderBrush="{DynamicResource KCOMColor_ActiveBrush}" |
464 |
BorderThickness="2" |
465 |
ItemTemplate="{StaticResource CommentSelectTemplate}" |
466 |
telerik:StyleManager.Theme="Office2016" /> |
467 |
<!-- <telerik:RadComboBox ClearSelectionButtonVisibility="Visible" ClearSelectionButtonContent="Select All" FontSize="10" Margin="14,0,0,0" x:Name="cboSelectComment" telerik:StyleManager.Theme="Windows8" BorderBrush="#FFA09E9E" ItemTemplate="{StaticResource CommentSelectTemplate}" SelectAllTextEvent="SelectionChanged"/> -->
|
468 |
</Grid>
|
469 |
</StackPanel>
|
470 |
</Border>
|
471 |
<telerik:RadListBox x:Name="ImgListbox" Margin="1" |
472 |
Grid.Row="2" |
473 |
Background="{DynamicResource KCOMColor_AlternativeBrush}" |
474 |
ItemContainerStyle="{StaticResource ItemContainerStyle}" |
475 |
BorderBrush="#FFC2C2C2" BorderThickness="0" |
476 |
SelectedIndex="0" |
477 |
VirtualizingStackPanel.VirtualizationMode="Recycling" |
478 |
VirtualizingStackPanel.IsVirtualizing="True" |
479 |
ScrollViewer.HorizontalScrollBarVisibility="Disabled" |
480 |
ScrollViewer.VerticalScrollBarVisibility="Auto" |
481 |
ScrollViewer.CanContentScroll="True" |
482 |
telerik:StyleManager.Theme="Office2016" |
483 |
ItemsSource="{Binding FilteredThumbnail.View, ElementName=userControl}"> |
484 |
<!--<telerik:RadListBox.ItemsPanel>
|
485 |
<ItemsPanelTemplate>
|
486 |
<VirtualizingStackPanel/>
|
487 |
</ItemsPanelTemplate>
|
488 |
</telerik:RadListBox.ItemsPanel>-->
|
489 |
<telerik:RadListBox.ItemTemplate>
|
490 |
<DataTemplate>
|
491 |
<Grid x:Name="LayoutRoot"> |
492 |
<Grid></Grid> |
493 |
<Grid VerticalAlignment="Center" > |
494 |
<Grid.RowDefinitions>
|
495 |
<RowDefinition Height="Auto"/> |
496 |
<RowDefinition Height="Auto"/> |
497 |
</Grid.RowDefinitions>
|
498 |
<Grid x:Name="imgRoot"> |
499 |
<Border x:Name="imgBorder" BorderBrush="{DynamicResource KCOMColor_ReadOnlyBorderBrush}" |
500 |
RenderTransformOrigin="0.5,0.5" BorderThickness="1,1,1.5,1.5"> |
501 |
<Border.RenderTransform>
|
502 |
<RotateTransform Angle="{Binding Angle, Mode=TwoWay}"/> |
503 |
</Border.RenderTransform>
|
504 |
<Image Stretch="Uniform" common:ImageAsyncHelper.SourceUri="{Binding ImageUri}"/> |
505 |
</Border>
|
506 |
</Grid>
|
507 |
<TextBlock Grid.Row="1" Text="{Binding PageNumber, FallbackValue=PageNo}" FontStyle="Italic" FontSize="14" VerticalAlignment="Bottom" HorizontalAlignment="Center"/> |
508 |
</Grid>
|
509 |
<Border Width="30" Height="20" VerticalAlignment="Top" Opacity="90" HorizontalAlignment="Right" Margin="10,5" |
510 |
Background="{Binding DisplayColorItems, Converter={StaticResource ColorListToBrushConverter}}"> |
511 |
<!--<controls:MarkupColorList ColorList="{Binding DisplayColorItems}" Opacity="90"/>-->
|
512 |
</Border>
|
513 |
</Grid>
|
514 |
</DataTemplate>
|
515 |
</telerik:RadListBox.ItemTemplate>
|
516 |
<!--<telerik:RadListBox.ItemsPanel>
|
517 |
<ItemsPanelTemplate>
|
518 |
<VirtualizingStackPanel/>
|
519 |
</ItemsPanelTemplate>
|
520 |
</telerik:RadListBox.ItemsPanel>-->
|
521 |
</telerik:RadListBox>
|
522 |
</Grid>
|
523 |
</telerik:RadTabItem>
|
524 |
<telerik:RadTabItem Header="Markup List" HeaderForeground="{DynamicResource KCOMColor_MarkerBrush}" FontSize="12" > |
525 |
<Grid HorizontalAlignment="Stretch"> |
526 |
<Grid.ColumnDefinitions>
|
527 |
<ColumnDefinition Width="*"/> |
528 |
</Grid.ColumnDefinitions>
|
529 |
<Grid.RowDefinitions>
|
530 |
<RowDefinition Height="Auto"/> |
531 |
<RowDefinition Height="Auto"/> |
532 |
<RowDefinition Height="*"/> |
533 |
</Grid.RowDefinitions>
|
534 |
<Border BorderThickness="0,0,0,1" BorderBrush="#e6e6e6" Background="#f5f5f5"> |
535 |
<Grid>
|
536 |
<Grid.ColumnDefinitions>
|
537 |
<ColumnDefinition/> |
538 |
<ColumnDefinition/> |
539 |
<ColumnDefinition/> |
540 |
</Grid.ColumnDefinitions>
|
541 |
<telerik:RadComboBox EmptyText="TYPE" Grid.Column="0" HorizontalAlignment="Stretch" Margin="5" DropDownWidth="*" Background="White" BorderBrush="#d6d6d6" x:Name="commentType" |
542 |
ClearSelectionButtonVisibility="Visible" ClearSelectionButtonContent="Show All" SelectionChanged="commentFilter_SelectionChanged"> |
543 |
<telerik:RadComboBox.ItemTemplate>
|
544 |
<DataTemplate>
|
545 |
<Image Source="{Binding Converter={StaticResource converterTypeImageConverter}}" Margin="5" Width="28" Height="28"/> |
546 |
</DataTemplate>
|
547 |
</telerik:RadComboBox.ItemTemplate>
|
548 |
</telerik:RadComboBox>
|
549 |
<telerik:RadComboBox HorizontalAlignment="Stretch" Margin="5" DropDownWidth="*" Background="White" BorderBrush="#d6d6d6" x:Name="commentUser" |
550 |
FontSize="10" Grid.Column="1" |
551 |
SelectionChanged="commentFilter_SelectionChanged" ClearSelectionButtonVisibility="Visible" ClearSelectionButtonContent="Show All" |
552 |
EmptyText="USER"> |
553 |
<!--ItemsSource="{Binding UsersCommentPagesList, ElementName=userControl}"-->
|
554 |
</telerik:RadComboBox>
|
555 |
<telerik:RadComboBox EmptyText="PAGE" Grid.Column="2" HorizontalAlignment="Stretch" Margin="5" DropDownWidth="*" Background="White" BorderBrush="#d6d6d6" x:Name="commentPage" |
556 |
ClearSelectionButtonVisibility="Visible" ClearSelectionButtonContent="Show All" SelectionChanged="commentFilter_SelectionChanged"/> |
557 |
</Grid>
|
558 |
</Border>
|
559 |
<Border Grid.Row="1" Background="#FFE6E6E6"> |
560 |
<StackPanel>
|
561 |
<Border>
|
562 |
<Grid Height="28" Margin="0,4"> |
563 |
<Grid.ColumnDefinitions>
|
564 |
<ColumnDefinition Width="*"/> |
565 |
<ColumnDefinition Width="Auto"/> |
566 |
</Grid.ColumnDefinitions>
|
567 |
<TextBox HorizontalAlignment="Stretch" Style="{StaticResource ClearTextBoxStyle}" Margin="2" x:Name="txtSearch" |
568 |
telerik:StyleManager.Theme="Office2016" AcceptsReturn="False" Background="#FFF3F3F3" |
569 |
BorderThickness="1" VerticalContentAlignment="Center" IsTabStop="True" KeyDown="TxtSearch_KeyDown"/> |
570 |
<telerik:RadPathButton Grid.Column="1" ContentPlacement="Left" VerticalContentAlignment="Center" telerik:StyleManager.Theme="Office2016" |
571 |
PathGeometry="{telerik:RadGlyph Glyph={StaticResource GlyphZoom}, Foreground=White}" |
572 |
Width="80" PathStyle="{StaticResource PathButtonStyle}" CornerRadius="3" |
573 |
Margin="2" Foreground="White" Content="SEARCH" x:Name="btnSearch" Click="btnSearch_Click" Background="#FF0054B9"/> |
574 |
</Grid>
|
575 |
</Border>
|
576 |
</StackPanel>
|
577 |
</Border>
|
578 |
<Border Grid.Row="1" Background="#f5f5f5" Visibility="Collapsed"> |
579 |
<StackPanel>
|
580 |
<Border>
|
581 |
<Grid>
|
582 |
<Grid.ColumnDefinitions>
|
583 |
<ColumnDefinition Width="36"/> |
584 |
<ColumnDefinition Width="*"/> |
585 |
<ColumnDefinition Width="Auto"/> |
586 |
</Grid.ColumnDefinitions>
|
587 |
|
588 |
<Image Source="/KCOM;component/Resources/Images/MenuImage_New/arrow.png" Margin="5"/> |
589 |
|
590 |
<StackPanel Orientation="Vertical" Grid.Column="1" Margin="10" VerticalAlignment="Center"> |
591 |
<TextBlock Text="" FontWeight="DemiBold" Foreground="#3d3d3d"/> |
592 |
<TextBlock Text=""/> |
593 |
</StackPanel>
|
594 |
|
595 |
|
596 |
<Border Background="#FF1258B6" CornerRadius="5" Grid.Column="2" Padding="5" Margin="10"> |
597 |
<Button Background="Transparent" Foreground="White" Content="Move" BorderThickness="0"/> |
598 |
</Border>
|
599 |
</Grid>
|
600 |
</Border>
|
601 |
</StackPanel>
|
602 |
</Border>
|
603 |
|
604 |
<Border VerticalAlignment="Stretch" Margin="0" Grid.Row="2" BorderThickness="0,0,0,0.5" BorderBrush="#828282" x:Name="gogo"> |
605 |
<telerik:RadListBox telerik:StyleManager.Theme="Office2016" Padding="0" Margin="2" HorizontalAlignment="Stretch" x:Name="MarkupList" ScrollViewer.VerticalScrollBarVisibility="Auto" |
606 |
Background="White" ItemsSource="{Binding MarkupInfoSmallList}" Loaded="MarkupList_Loaded"> |
607 |
<telerik:RadListBox.ItemContainerStyle>
|
608 |
<Style TargetType="telerik:RadListBoxItem"> |
609 |
<Setter Property="Padding" Value="0,0,0,0"/> |
610 |
</Style>
|
611 |
</telerik:RadListBox.ItemContainerStyle>
|
612 |
<telerik:RadListBox.ItemTemplate>
|
613 |
<DataTemplate>
|
614 |
<StackPanel>
|
615 |
<Border BorderBrush="#EBFBFCFD" BorderThickness="1" Margin="1" Padding="1,3"> |
616 |
<Grid>
|
617 |
<Grid.ColumnDefinitions>
|
618 |
<ColumnDefinition Width="5"/> |
619 |
<ColumnDefinition Width="36"/> |
620 |
<ColumnDefinition Width="*"/> |
621 |
<ColumnDefinition Width="Auto"/> |
622 |
</Grid.ColumnDefinitions>
|
623 |
<Border Width="5" Background="#CE3D5DA0"> |
624 |
<Border.Style>
|
625 |
<Style TargetType="Border"> |
626 |
<Setter Property="Visibility" Value="Collapsed"/> |
627 |
<Style.Triggers>
|
628 |
<DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource AncestorType=telerik:RadListBoxItem, AncestorLevel=1}}" Value="True"> |
629 |
<Setter Property="Visibility" Value="Visible"/> |
630 |
</DataTrigger>
|
631 |
</Style.Triggers>
|
632 |
</Style>
|
633 |
</Border.Style>
|
634 |
</Border>
|
635 |
<Image Grid.Column="1" Source="{Binding Data_Type, Converter={StaticResource converterTypeImageConverter}}" Margin="5,0" Width="28" Height="28"/> |
636 |
<StackPanel Orientation="Vertical" Grid.Row="0" Grid.Column="2" Margin="5,0" VerticalAlignment="Center"> |
637 |
<TextBlock Text="{Binding UserName}" FontWeight="DemiBold" Foreground="#3d3d3d"/> |
638 |
<StackPanel Orientation="Horizontal"> |
639 |
<TextBlock Text="{Binding PageNumber}"/> |
640 |
<TextBlock Text=" Page"/> |
641 |
</StackPanel>
|
642 |
</StackPanel>
|
643 |
<telerik:RadPathButton Grid.Column="3" ContentPlacement="Left" VerticalContentAlignment="Center" telerik:StyleManager.Theme="Office2016" |
644 |
PathGeometry="{telerik:RadGlyph Glyph={StaticResource GlyphFrontElement}, Foreground=White}" |
645 |
Width="60" Height="28" PathStyle="{StaticResource PathButtonStyle}" CornerRadius="3" |
646 |
Margin="2" Foreground="White" Content="Move" x:Name="btnSearch" Click="btGotoMarkup_Click" Background="#FF0054B9" CommandParameter="{Binding}"> |
647 |
</telerik:RadPathButton>
|
648 |
<!--<telerik:RadButton Background="Transparent" Foreground="White" Content="Move" BorderThickness="0" Click="btGotoMarkup_Click" CommandParameter="{Binding}"/>-->
|
649 |
</Grid>
|
650 |
</Border>
|
651 |
</StackPanel>
|
652 |
</DataTemplate>
|
653 |
</telerik:RadListBox.ItemTemplate>
|
654 |
</telerik:RadListBox>
|
655 |
</Border>
|
656 |
<!--<Border VerticalAlignment="Stretch" Margin="0" Grid.Row="1" BorderThickness="0,0,0,0.5" BorderBrush="#828282" Background="White">
|
657 |
-->
|
658 |
<!--<Grid VerticalAlignment="Top" Margin="0" Grid.Row="1">
|
659 |
<Grid.Resources>
|
660 |
<Style TargetType="TextBlock">
|
661 |
<Setter Property="Foreground" Value="#828282"/>
|
662 |
</Style>
|
663 |
</Grid.Resources>
|
664 |
<Grid.ColumnDefinitions>
|
665 |
<ColumnDefinition Width="Auto"/>
|
666 |
<ColumnDefinition Width="7*"/>
|
667 |
</Grid.ColumnDefinitions>
|
668 |
<Grid.RowDefinitions>
|
669 |
<RowDefinition/>
|
670 |
<RowDefinition/>
|
671 |
<RowDefinition/>
|
672 |
</Grid.RowDefinitions>
|
673 |
<TextBlock Text="Cloud" Padding="5"/>
|
674 |
<TextBlock Text="Sejung Kim" Grid.Row="0" Grid.Column="1" Padding="5"/>
|
675 |
<TextBlock Text="Page 20" Grid.Column="0" Grid.Row="1" Padding="5"/>
|
676 |
<TextBlock Text="2017/10/17 17:56:51" Grid.Column="1" Grid.Row="1" Padding="5"/>
|
677 |
<TextBlock Text="Double click to Note." Grid.ColumnSpan="2" Grid.Row="2" Padding="5"/>
|
678 |
</Grid>-->
|
679 |
<!--<telerik:RadListBox ItemsSource="{Binding _markupInfoList, Mode=OneWayToSource, Source={x:Static common:ViewerDataModel.Instance}}">
|
680 |
<telerik:RadListBox.ItemTemplate>
|
681 |
<DataTemplate>
|
682 |
<TextBlock Text="{Binding UserName}"/>
|
683 |
</DataTemplate>
|
684 |
</telerik:RadListBox.ItemTemplate>
|
685 |
</telerik:RadListBox>-->
|
686 |
<!--
|
687 |
<TextBlock Text="{Binding MAMA, Mode=OneWay, Source={x:Static common:ViewerDataModel.Instance}}"/>
|
688 |
|
689 |
</Border>-->
|
690 |
</Grid>
|
691 |
</telerik:RadTabItem>
|
692 |
<!--<telerik:RadTabItem HeaderForeground="{DynamicResource KCOMColor_MarkerBrush}" FontSize="9">
|
693 |
<telerik:RadTabItem.Header>
|
694 |
-->
|
695 |
<!--<telerik:RadRibbonButton Content="Panorama" telerik:StyleManager.Theme="Office2016" FontSize="10" Margin="0,0,0,1" Background="#FF0054B9" Foreground="White"
|
696 |
BorderThickness="0" CornerRadius="3" Padding="5" x:Name="btnPanorama" Click="btnPanorama_Click"/>-->
|
697 |
<!--
|
698 |
<telerik:RadPathButton Grid.Column="1" ContentPlacement="Left" VerticalContentAlignment="Center" telerik:StyleManager.Theme="Office2016"
|
699 |
PathGeometry="{telerik:RadGlyph Glyph={StaticResource GlyphZoom}, Foreground=White}"
|
700 |
FontFamily="{StaticResource TelerikWebUI}" Width="80" PathStyle="{StaticResource PathButtonStyle}"
|
701 |
Margin="2" Foreground="White" Content="Panorama" x:Name="btnPanorama" Click="btnPanorama_Click" Background="#FF0054B9"/>
|
702 |
</telerik:RadTabItem.Header>
|
703 |
</telerik:RadTabItem>-->
|
704 |
</telerik:RadTabControl>
|
705 |
|
706 |
</Grid>
|
707 |
</UserControl>
|