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