프로젝트

일반

사용자정보

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

markus / KCOM / Controls / Sample.xaml @ d18ea2bd

이력 | 보기 | 이력해설 | 다운로드 (53 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
        <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
        <!--<TextBlock Text="Sort By:"  Foreground="{DynamicResource KCOMColor_MarkerBrush}"/>-->
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
                                <!--  <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"/>  -->
470
                            </Grid>
471
                        </StackPanel>
472
                    </Border>
473
                    <!--<telerik:RadListBox x:Name="ImgListbox" Margin="1"
474
                                        ItemTemplate="{StaticResource ThumbnailDataTemplate}" 
475
                                        Grid.Row="2"         
476
                                        SelectedItem="{Binding}"
477
                                        Background="{DynamicResource KCOMColor_AlternativeBrush}" 
478
                                        ItemContainerStyle="{StaticResource ItemContainerStyle}"
479
                                        BorderBrush="#FFC2C2C2" BorderThickness="0"  
480
                                        SelectedIndex="0"
481
                                        ScrollViewer.HorizontalScrollBarVisibility="Disabled"
482
                                        ScrollViewer.VerticalScrollBarVisibility="Auto"                                        
483
                                        ScrollViewer.CanContentScroll="True"                                        
484
                                        ScrollViewer.IsDeferredScrollingEnabled="True"                                        
485
                                        VirtualizingStackPanel.IsVirtualizing="False"   
486
                                        VirtualizingStackPanel.VirtualizationMode="Recycling"
487
                                        telerik:StyleManager.Theme="Office2016" >
488
                        <telerik:RadListBox.ItemsPanel>
489
                            <ItemsPanelTemplate>
490
                                <VirtualizingStackPanel/>
491
                            </ItemsPanelTemplate>
492
                        </telerik:RadListBox.ItemsPanel>
493
                    </telerik:RadListBox>-->
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
                        <!--<telerik:RadListBox.ItemsPanel>
506
                            <ItemsPanelTemplate>
507
                                <VirtualizingStackPanel/>
508
                            </ItemsPanelTemplate>
509
                        </telerik:RadListBox.ItemsPanel>-->
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
                                        <!--<controls:MarkupColorList  ColorList="{Binding DisplayColorItems}"  Opacity="90"/>-->
533
                                    </Border>
534
                                </Grid>
535
                            </DataTemplate>
536
                        </telerik:RadListBox.ItemTemplate>
537
                        <!--<telerik:RadListBox.ItemsPanel>
538
                            <ItemsPanelTemplate>
539
                                <VirtualizingStackPanel/>
540
                            </ItemsPanelTemplate>
541
                        </telerik:RadListBox.ItemsPanel>-->
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
                                <!--ItemsSource="{Binding UsersCommentPagesList, ElementName=userControl}"-->
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
                                                <!--<telerik:RadButton Background="Transparent" Foreground="White" Content="Move" BorderThickness="0" Click="btGotoMarkup_Click" CommandParameter="{Binding}"/>-->
670
                                            </Grid>
671
                                        </Border>
672
                                    </StackPanel>
673
                                </DataTemplate>
674
                            </telerik:RadListBox.ItemTemplate>
675
                        </telerik:RadListBox>
676
                    </Border>
677
                    <!--<Border VerticalAlignment="Stretch" Margin="0" Grid.Row="1" BorderThickness="0,0,0,0.5" BorderBrush="#828282" Background="White">
678
                        -->
679
                    <!--<Grid VerticalAlignment="Top" Margin="0" Grid.Row="1">
680
                        <Grid.Resources>
681
                            <Style TargetType="TextBlock">
682
                                <Setter Property="Foreground" Value="#828282"/>
683
                            </Style>
684
                        </Grid.Resources>
685
                        <Grid.ColumnDefinitions>
686
                            <ColumnDefinition Width="Auto"/>
687
                            <ColumnDefinition Width="7*"/>
688
                        </Grid.ColumnDefinitions>
689
                        <Grid.RowDefinitions>
690
                            <RowDefinition/>
691
                            <RowDefinition/>
692
                            <RowDefinition/>
693
                        </Grid.RowDefinitions>
694
                        <TextBlock Text="Cloud" Padding="5"/>
695
                        <TextBlock Text="Sejung Kim" Grid.Row="0" Grid.Column="1" Padding="5"/>
696
                        <TextBlock Text="Page 20" Grid.Column="0" Grid.Row="1" Padding="5"/>
697
                        <TextBlock Text="2017/10/17 17:56:51" Grid.Column="1" Grid.Row="1" Padding="5"/>
698
                        <TextBlock Text="Double click to Note." Grid.ColumnSpan="2" Grid.Row="2" Padding="5"/>
699
                    </Grid>-->
700
                    <!--<telerik:RadListBox ItemsSource="{Binding _markupInfoList, Mode=OneWayToSource, Source={x:Static common:ViewerDataModel.Instance}}">
701
                            <telerik:RadListBox.ItemTemplate>
702
                                <DataTemplate>
703
                                    <TextBlock Text="{Binding UserName}"/>
704
                                </DataTemplate>
705
                            </telerik:RadListBox.ItemTemplate>
706
                        </telerik:RadListBox>-->
707
                    <!--
708
                        <TextBlock Text="{Binding MAMA, Mode=OneWay, Source={x:Static common:ViewerDataModel.Instance}}"/>
709
                        
710
                    </Border>-->
711
                </Grid>
712
            </telerik:RadTabItem>
713
            <!--<telerik:RadTabItem HeaderForeground="{DynamicResource KCOMColor_MarkerBrush}" FontSize="9">
714
                <telerik:RadTabItem.Header>
715
                    -->
716
            <!--<telerik:RadRibbonButton Content="Panorama" telerik:StyleManager.Theme="Office2016" FontSize="10" Margin="0,0,0,1" Background="#FF0054B9" Foreground="White"
717
                                       BorderThickness="0" CornerRadius="3" Padding="5" x:Name="btnPanorama" Click="btnPanorama_Click"/>-->
718
            <!--
719
                    <telerik:RadPathButton Grid.Column="1" ContentPlacement="Left" VerticalContentAlignment="Center" telerik:StyleManager.Theme="Office2016"
720
                                                            PathGeometry="{telerik:RadGlyph Glyph={StaticResource GlyphZoom}, Foreground=White}"
721
                                                       FontFamily="{StaticResource TelerikWebUI}" Width="80" PathStyle="{StaticResource PathButtonStyle}"
722
                                                           Margin="2" Foreground="White" Content="Panorama" x:Name="btnPanorama" Click="btnPanorama_Click" Background="#FF0054B9"/>
723
                </telerik:RadTabItem.Header>
724
            </telerik:RadTabItem>-->
725
        </telerik:RadTabControl>
726

    
727
    </Grid>
728
</UserControl>
클립보드 이미지 추가 (최대 크기: 500 MB)