SmartPanel.xaml 41 KB
Newer Older
Nicolas Jager's avatar
Nicolas Jager committed
1
2
3
<!-- **********************************************************************
* Copyright (C) 2016 by Savoir-faire Linux                                *
* Author: Jäger Nicolas<nicolas.jager@savoirfairelinux.com>               *
4
* Author: Traczyk Andreas<andreas.traczyk@savoirfairelinux.com>           *
Nicolas Jager's avatar
Nicolas Jager committed
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
*                                                                         *
* This program is free software; you can redistribute it and/or modify    *
* it under the terms of the GNU General Public License as published by    *
* the Free Software Foundation; either version 3 of the License, or       *
* (at your option) any later version.                                     *
*                                                                         *
* This program is distributed in the hope that it will be useful,         *
* but WITHOUT ANY WARRANTY; without even the implied warranty of          *
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           *
* GNU General Public License for more details.                            *
*                                                                         *
* You should have received a copy of the GNU General Public License       *
* along with this program.  If not, see <http://www.gnu.org/licenses/> .  *
*********************************************************************** -->
<Page x:Class="RingClientUWP.Views.SmartPanel"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="using:RingClientUWP"
23
      xmlns:controls="using:RingClientUWP.Controls"
Nicolas Jager's avatar
Nicolas Jager committed
24
      xmlns:views="using:RingClientUWP.Views"
Nicolas Jager's avatar
Nicolas Jager committed
25
26
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
27
      NavigationCacheMode="Enabled"
Nicolas Jager's avatar
Nicolas Jager committed
28
29
      mc:Ignorable="d">

Nicolas Jager's avatar
Nicolas Jager committed
30
    <Page.Resources>
Nicolas Jager's avatar
Nicolas Jager committed
31
32
33
34
35
        <!-- converters -->
        <views:NewMessageBubleNotification x:Key="_NewMessageBubleNotification_" />
        <views:IncomingVisibility x:Key="_IncomingVisibility_" />
        <views:OutGoingVisibility x:Key="_OutGoingVisibility_" />
        <views:HasAnActiveCall x:Key="_HasAnActiveCall_" />
36
37
        <views:AccountTypeToSourceImage x:Key="_AccountTypeToSourceImage_" />
        <views:AccountSelectedToVisibility x:Key="_AccountSelectedToVisibility_" />
Nicolas Jager's avatar
Nicolas Jager committed
38

39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
        <Style x:Key="addContactTextBoxStyle"
           TargetType="TextBox">
            <Setter Property="MinWidth" Value="{ThemeResource TextControlThemeMinWidth}"/>
            <Setter Property="MinHeight" Value="{ThemeResource TextControlThemeMinHeight}"/>
            <Setter Property="Foreground" Value="Black"/>
            <Setter Property="Background" Value="white"/>
            <Setter Property="BorderBrush" Value="Red"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}"/>
            <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}"/>
            <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Auto"/>
            <Setter Property="ScrollViewer.VerticalScrollMode" Value="Auto"/>
            <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden"/>
            <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden"/>
            <Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False"/>
            <Setter Property="Padding" Value="4,4"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TextBox">
                        <Grid>
                            <Grid.Resources>
                                <Style x:Name="DeleteButtonStyle" TargetType="Button">
                                    <Setter Property="Template">
                                        <Setter.Value>
                                            <ControlTemplate TargetType="Button">
                                                <Grid x:Name="ButtonLayoutGrid"
                                                  BorderThickness="5"
                                                  Background="Yellow">
                                                </Grid>
                                            </ControlTemplate>
                                        </Setter.Value>
                                    </Setter>
                                </Style>
                            </Grid.Resources>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <Border x:Name="BackgroundElement"
                                    Grid.Row="1"
                                    Background="{TemplateBinding Background}"
                                    Margin="5"
                                    Opacity="1"
                                    Grid.ColumnSpan="2"
                                    Grid.RowSpan="1"/>
                            <ScrollViewer x:Name="ContentElement"
                      Grid.Row="1"
                      HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}"
                      HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
                      VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}"
                      VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"
                      IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}"
                      IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}"
                      IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}"
                      Margin="5"
                      Padding="{TemplateBinding Padding}"
                      IsTabStop="False"
                      AutomationProperties.AccessibilityView="Raw"
                      ZoomMode="Disabled"/>

                            <Button x:Name="DeleteButton"
                                    Background="Transparent"
                                    Grid.Row="1"
                                    FontFamily="Segoe MDL2 Assets"
                                    Foreground="LightBlue"
                                    Content="&#xE1E2;"
                                    Click="_ringTxtBx__Click"
                                    BorderThickness="{TemplateBinding BorderThickness}"
                                    Margin="{ThemeResource HelperButtonThemePadding}"
                                    IsTabStop="False"
                                    Grid.Column="1"
                                    Visibility="Visible"
                                    FontSize="20"
                                    MinWidth="34"
                                    VerticalAlignment="Stretch"/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
Nicolas Jager's avatar
Nicolas Jager committed
123
124
125
126
        <!-- template for contacts. -->
        <DataTemplate x:Key="ContactTemplate"
                      x:DataType="local:Contact">
            <Grid>
127
128
129
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="310"/>
                </Grid.ColumnDefinitions>
Nicolas Jager's avatar
Nicolas Jager committed
130
131
132
133
                <Grid.RowDefinitions>
                    <RowDefinition Height="60"/>
                    <!-- use the height of _contactBar_ to make it visible or collapsed. -->
                    <RowDefinition x:Name="_contactBar_"
134
                                   Height="{x:Bind _contactBarHeight, Mode=OneWay}"/>
Nicolas Jager's avatar
Nicolas Jager committed
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
                </Grid.RowDefinitions>
                <Grid Grid.Row="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="60"/>
                        <ColumnDefinition Width="*"
                                          MinWidth="200"/>
                    </Grid.ColumnDefinitions>
                    <Image x:Name="_contactAvatar_"
                           VerticalAlignment="Center"
                           HorizontalAlignment="Center"
                           Grid.Column="0"
                           Width="55"
                           Height="55"
                           Source="Assets\TESTS\contactAvatar.png"/>
                    <!-- visual notifications. -->
                    <Border x:Name="_visualNotificationVideoChat_"
                            Visibility="Collapsed"
                            Style="{StaticResource BorderStyle1}">
                        <TextBlock Text="&#xE8AA;"
                                   Style="{StaticResource TextSegoeStyle1}"/>
                        <Border.RenderTransform>
                            <TranslateTransform X="17" Y="-14"/>
                        </Border.RenderTransform>
                    </Border>
159
160
161
162
163
164
                    <Grid Grid.Column="1">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="30"/>
                            <RowDefinition Height="30"/>
                        </Grid.RowDefinitions>
                        <!-- name of the contact. -->
165
166
167
168
                        <TextBlock  x:Name="_contactName_"
                                    Grid.Row="0"
                                    Text="{x:Bind name_}"
                                    TextTrimming="CharacterEllipsis">
169
170
                        </TextBlock>
                    </Grid>
Nicolas Jager's avatar
Nicolas Jager committed
171
172
173
                </Grid>
            </Grid>
        </DataTemplate>
Nicolas Jager's avatar
Nicolas Jager committed
174
175
176
        <!-- template for AccountListItems. -->
        <DataTemplate x:Key="AccountListItemsTemplate"
                      x:DataType="controls:AccountListItem">
177
            <Grid Margin="0,10">
Nicolas Jager's avatar
Nicolas Jager committed
178
                <Grid.ColumnDefinitions>
179
180
                    <ColumnDefinition Width="40"/>
                    <ColumnDefinition Width="290"/>
Nicolas Jager's avatar
Nicolas Jager committed
181
                </Grid.ColumnDefinitions>
182
183
184
185
186
187
                <Border Grid.Column="0"
                        Margin="5,0"
                        Style="{StaticResource BorderStyle3}">
                    <Image x:Name="_AccountTypeIcon_"
                           VerticalAlignment="Center"
                           HorizontalAlignment="Center"
Nicolas Jager's avatar
Nicolas Jager committed
188
                           Source="{x:Bind  _account.accountType_, Converter={StaticResource _AccountTypeToSourceImage_}, Mode=OneWay}"/>
189
190
191
192
193
194
                </Border>
                <Button x:Name="_editAccountMenuButton_"
                        HorizontalAlignment="Right"
                        VerticalAlignment="Top"
                        Content="&#xE104;"
                        FontFamily="Segoe MDL2 Assets"
195
                        Click="_editAccountMenuButton__Click"
196
197
198
199
200
201
202
203
204
205
206
207
                        FontSize="20"
                        Foreground="White"
                        Background="Transparent"
                        Visibility="{x:Bind _isSelected, Converter={StaticResource _AccountSelectedToVisibility_}, Mode=OneWay}"
                        Grid.Column="1">
                    <Button.RenderTransform>
                        <TranslateTransform X="-5" Y="-5"/>
                    </Button.RenderTransform>
                </Button>
                <StackPanel Grid.Column="1">
                    <TextBlock x:Name="_accountName_"
                           Style="{StaticResource TextStyle5}"
208
                           Text="{x:Bind  _account.name_, Mode=OneWay}"/>
209
                    <TextBlock x:Name="_ringID_"
210
                           Grid.ColumnSpan="2"
211
                           Style="{StaticResource TextStyle6}"
Nicolas Jager's avatar
Nicolas Jager committed
212
                           Text="{x:Bind  _account.ringID_}"/>
213
                </StackPanel>
Nicolas Jager's avatar
Nicolas Jager committed
214
215
            </Grid>
        </DataTemplate>
216
217
218
        <!-- template for smartpanelitems. -->
        <DataTemplate x:Key="SmartPanelItemsTemplate"
                      x:DataType="controls:SmartPanelItem">
Nicolas Jager's avatar
Nicolas Jager committed
219
            <Grid PointerEntered="Grid_PointerEntered" PointerExited="Grid_PointerExited">
220
                <Grid.RowDefinitions>
Nicolas Jager's avatar
Nicolas Jager committed
221
222
223
                    <!-- row definition for the contact. -->
                    <RowDefinition Height="auto"/>
                    <!-- row definition for the incoming call bar. -->
224
                    <RowDefinition Height="auto"/>
Nicolas Jager's avatar
Nicolas Jager committed
225
                    <!-- row definition for the outgoing call bar. -->
226
227
                    <RowDefinition Height="auto"/>
                </Grid.RowDefinitions>
Nicolas Jager's avatar
Nicolas Jager committed
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
                <!--helper to detect mouse overing-->
                <Rectangle Fill="Transparent" Grid.Row="0"/>
                <!-- contact. -->
                <Grid Grid.Row="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="310"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="60"/>
                        <!-- use the height of _contactBar_ to make it visible or collapsed. -->
                        <RowDefinition x:Name="_contactBar_"
                                       Height="{x:Bind _contact._contactBarHeight, Mode=OneWay}"/>
                    </Grid.RowDefinitions>
                    <Grid Grid.Row="0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="60"/>
                            <ColumnDefinition Width="*"
                                              MinWidth="200"/>
                        </Grid.ColumnDefinitions>
                        <Image x:Name="_contactAvatar_"
                               VerticalAlignment="Center"
                               HorizontalAlignment="Center"
                               Grid.Column="0"
                               Width="55"
                               Height="55"
                               Source="Assets\TESTS\contactAvatar.png"/>
                        <!-- visual notifications. -->
                        <Border x:Name="_visualNotificationVideoChat_"
                            Visibility="Collapsed"
                            Style="{StaticResource BorderStyle1}">
                            <TextBlock Text="&#xE8AA;"
                                   Style="{StaticResource TextSegoeStyle1}"/>
                            <Border.RenderTransform>
                                <TranslateTransform X="17" Y="-14"/>
                            </Border.RenderTransform>
                        </Border>
                        <Border x:Name="_visualNotificationNewMessage_"
                            Visibility="{x:Bind _contact._unreadMessages, Converter={StaticResource _NewMessageBubleNotification_}, Mode=OneWay}"
                            Style="{StaticResource BorderStyle2}">
                            <TextBlock Text="{x:Bind _contact._unreadMessages, Mode=OneWay}"
                                   Style="{StaticResource TextStyle3}"/>
                            <Border.RenderTransform>
                                <TranslateTransform X="-17" Y="-14"/>
                            </Border.RenderTransform>
                        </Border>

                        <Grid Grid.Column="1">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="30"/>
                                <RowDefinition Height="30"/>
                            </Grid.RowDefinitions>
                            <!-- name of the contact. -->
                            <TextBlock  x:Name="_contactName_"
                                    Grid.Row="0"
                                    Text="{x:Bind _contact.name_}"
                                    TextTrimming="CharacterEllipsis">
                            </TextBlock>
                            <!-- call button. -->
                            <Button Grid.Row="0"
                                    Visibility="{x:Bind _hovered, Mode=OneWay}"
                                    Click="_callContact__Click"
                                    VerticalAlignment="Bottom"
                                    HorizontalAlignment="Left"
                                    Margin="10,0"
                                    Style="{StaticResource roundButtonTemplate}"
                                    FontFamily="Segoe MDL2 Assets"
                                    Content="&#xE116;">
                                <Button.RenderTransform>
                                    <TranslateTransform X="90" Y="25"/>
                                </Button.RenderTransform>
                            </Button>
                        </Grid>
                    </Grid>
                </Grid>
302
                <!-- call bar. -->
Nicolas Jager's avatar
Nicolas Jager committed
303
304
305
306
307
308
309
310
                <Grid Width="320"
                      Grid.Row="1"
                      HorizontalAlignment="Left"
                      Background="DarkGray">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
311
                    <TextBlock x:Name="_CallStatus_"
Nicolas Jager's avatar
Nicolas Jager committed
312
313
                           Grid.Row="0"
                           Foreground="White"
314
315
                           Text="{x:Bind _callStatus, Mode=OneWay}"
                           Visibility="{x:Bind _callStatus, Converter={StaticResource _HasAnActiveCall_}, Mode=OneWay}"
Nicolas Jager's avatar
Nicolas Jager committed
316
317
318
319
320
321
322
323
                           HorizontalAlignment="Center">
                    </TextBlock>
                    <StackPanel Orientation="Horizontal"
                                Visibility="Visible"
                                Grid.Row="1"
                                HorizontalAlignment="Center">
                        <Button x:Name="_acceptIncomingCallBtn_"
                            Click="_acceptIncomingCallBtn__Click"
324
                            Visibility="{x:Bind _callStatus, Converter={StaticResource _IncomingVisibility_}, Mode=OneWay}"
Nicolas Jager's avatar
Nicolas Jager committed
325
326
327
328
329
                            VerticalAlignment="Center"
                            HorizontalAlignment="Center"
                            Content="Accept"/>
                        <Button x:Name="_rejectIncomingCallBtn_"
                            Click="_rejectIncomingCallBtn__Click"
330
                            Visibility="{x:Bind _callStatus, Converter={StaticResource _IncomingVisibility_}, Mode=OneWay}"
Nicolas Jager's avatar
Nicolas Jager committed
331
332
333
334
335
                            VerticalAlignment="Center"
                            HorizontalAlignment="Center"
                            Content="Reject"/>
                        <Button x:Name="_cancelCallBtn_"
                            Click="_cancelCallBtn__Click"
336
                            Visibility="{x:Bind _callStatus, Converter={StaticResource _OutGoingVisibility_}, Mode=OneWay}"
Nicolas Jager's avatar
Nicolas Jager committed
337
338
339
340
341
                            VerticalAlignment="Center"
                            HorizontalAlignment="Center"
                            Content="Cancel"/>
                    </StackPanel>
                </Grid>
342
343
            </Grid>
        </DataTemplate>
Nicolas Jager's avatar
Nicolas Jager committed
344
345
    </Page.Resources>

Nicolas Jager's avatar
Nicolas Jager committed
346
    <Grid>
Nicolas Jager's avatar
Nicolas Jager committed
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
        <Grid.RowDefinitions>
            <!-- where accounts and share menu drop down are. -->
            <RowDefinition Height="auto"/>
            <!-- where contacts and settings are. -->
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <!-- drop down menus. -->
        <Grid Background="LightBlue">
            <Grid.RowDefinitions>
                <!-- where the selected account is shown. -->
                <RowDefinition x:Name="_selectedAccountRow_"
                               Height="90"/>
                <!-- where the drop down menus are shown. -->
                <RowDefinition Height="auto"/>
            </Grid.RowDefinitions>
            <!-- selected account. -->
            <Grid Grid.Row="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition x:Name="_selectedAccountAvatarColumn_"
                                      Width="90"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="50"/>
                </Grid.ColumnDefinitions>
370
371
372
373
374
375
376
377
378
379
380
381
                <Ellipse
                    x:Name="_selectedAccountAvatarContainer_"
                    Height="80"
                    Width="80"
                    Grid.Column="0"
                    Margin="5">
                    <Ellipse.Fill>
                        <ImageBrush
                            x:Name="_selectedAccountAvatar_"
                            ImageSource="Assets\TESTS\contactAvatar.png"/>
                    </Ellipse.Fill>
                </Ellipse>
Nicolas Jager's avatar
Nicolas Jager committed
382
383
                <StackPanel Grid.Column="1"
                            VerticalAlignment="Bottom">
384
                    <TextBlock x:Name="_selectedAccountName_"
385
                               Text="[TEXT MISSING]"
Nicolas Jager's avatar
Nicolas Jager committed
386
387
388
389
390
391
392
393
394
395
                               Margin="10"
                               Style="{StaticResource TextStyle2}"/>
                    <StackPanel Orientation="Horizontal">
                        <!--Content="&#xE0A1;-->
                        <ToggleButton x:Name="_accountsMenuButton_"
                                      VerticalAlignment="Bottom"
                                      Content="&#xE168;"
                                      Checked="_accountsMenuButton__Checked"
                                      Unchecked="_accountsMenuButton__Unchecked"
                                      Style="{StaticResource ToggleButtonStyle1}"/>
396
                        <!-- _shareMenuButton_ -->
Nicolas Jager's avatar
Nicolas Jager committed
397
398
399
400
                        <ToggleButton x:Name="_shareMenuButton_"
                                      VerticalAlignment="Bottom"
                                      Checked="_shareMenuButton__Checked"
                                      Unchecked="_shareMenuButton__Unchecked"
401
402
403
404
405
                                      Style="{StaticResource ToggleButtonStyle1}">
                            <Image Source="Assets/qrCodeIcon.png"
                                   Stretch="Uniform"/>
                        </ToggleButton>
                        <!-- _devicesMenuButton_ -->
406
407
                        <ToggleButton x:Name="_devicesMenuButton_"
                                      VerticalAlignment="Bottom"
408
                                      Content="&#xE836;"
409
                                      Checked="_devicesMenuButton__Checked"
410
411
                                      Unchecked="_devicesMenuButton__Unchecked"
                                      Style="{StaticResource ToggleButtonStyle1}"/>
Nicolas Jager's avatar
Nicolas Jager committed
412
413
414
415
416
417
418
419
420
421
422
423
                    </StackPanel>
                </StackPanel>
                <ToggleButton x:Name="_settingsTBtn_"
                              Grid.Column="2"
                              VerticalAlignment="Bottom"
                              Content="&#xE115;"
                              Checked="_settings__Checked"
                              Unchecked="_settings__Unchecked"
                              Style="{StaticResource ToggleButtonStyle1}"/>
            </Grid>

            <!--sub menus like the accounts list or the share menu are just below, technicaly they are nested inside the
Nicolas Jager's avatar
Nicolas Jager committed
424
            same row. To summon them we use the visibility of their own grid, by linking it to a toggle button-->
Nicolas Jager's avatar
Nicolas Jager committed
425
426
427
428
429
430
431
432
433
434
435

            <!-- accounts menu. -->
            <Grid x:Name="_accountsMenuGrid_"
                  MaxHeight="350"
                  Grid.Row="1"
                  Visibility="Collapsed"
                  Background="LightBlue">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="30"/>
                </Grid.RowDefinitions>
atraczyk's avatar
atraczyk committed
436
437
438
439
                <ScrollViewer x:Name="_accountsListScrollView_"
                              ScrollViewer.VerticalScrollBarVisibility="Auto"
                              ScrollViewer.VerticalScrollMode="Enabled">
                    <ListBox x:Name="_accountsList_"
Nicolas Jager's avatar
Nicolas Jager committed
440
                         Grid.Row="0"
441
                         SelectionChanged="_accountList__SelectionChanged"
Nicolas Jager's avatar
Nicolas Jager committed
442
443
444
                         Width="320"
                         ItemContainerStyle="{StaticResource contactsListBoxStyle}"
                         Background="#FFE4F1F9"
Nicolas Jager's avatar
Nicolas Jager committed
445
                         ItemTemplate="{StaticResource AccountListItemsTemplate}"/>
atraczyk's avatar
atraczyk committed
446
                </ScrollViewer>
Nicolas Jager's avatar
Nicolas Jager committed
447
448
449
450
451
452
                <Button x:Name="_addAccountBtn_"
                        Grid.Row="1"
                        VerticalAlignment="Center"
                        HorizontalAlignment="Center"
                        Content="&#xE948;"
                        Click="_addAccountBtn__Click"
453
                        Style="{StaticResource ButtonStyle6}"/>
Nicolas Jager's avatar
Nicolas Jager committed
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
            </Grid>
            <!-- account creation menu. -->
            <Grid x:Name="_accountCreationMenuGrid_"
                  Grid.Row="2"
                  Visibility="Collapsed"
                  Background="LightBlue">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="30"/>
                </Grid.RowDefinitions>
                <StackPanel Orientation="Vertical"
                            Grid.Row="0"
                            Background="#FFE4F1F9">
                    <StackPanel Orientation="Horizontal">
                        <TextBlock VerticalAlignment="Center"
                                   Text="Account type : "
                                   Margin="10,10,0,10"/>
atraczyk's avatar
atraczyk committed
471
472
                        <ComboBox x:Name="_accountTypeComboBox_"
                                  SelectedIndex="0"
Nicolas Jager's avatar
Nicolas Jager committed
473
474
475
476
477
478
479
480
481
482
                                  Margin="10"
                                  VerticalAlignment="Center"
                                  Width="195">
                            <ComboBoxItem Content="Ring"/>
                            <ComboBoxItem Content="Sip"/>
                        </ComboBox>
                    </StackPanel>
                    <!-- RING account. -->
                    <StackPanel x:Name="_ringAccountCreationStack_"
                                Visibility="Visible">
atraczyk's avatar
atraczyk committed
483
484
                        <TextBox  x:Name="_aliasTextBox_"
                                  Margin="10"
Nicolas Jager's avatar
Nicolas Jager committed
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
                                  PlaceholderText="Enter your username"/>
                        <PasswordBox Margin="10"
                                     PlaceholderText="Enter your password"/>
                        <PasswordBox  Margin="10"
                                      PlaceholderText="Repeat your Password"/>
                    </StackPanel>
                </StackPanel>
                <!-- buttons yes/no to create the new account. -->
                <Grid Grid.Row="1">
                    <StackPanel Orientation="Horizontal"
                                HorizontalAlignment="Center">
                        <Button x:Name="_createAccountYes_"
                                Grid.Row="1"
                                VerticalAlignment="Center"
                                HorizontalAlignment="Center"
                                Content="&#xE081;"
                                Click="_createAccountYes__Click"
atraczyk's avatar
atraczyk committed
502
                                Style="{StaticResource ButtonStyle5}"/>
Nicolas Jager's avatar
Nicolas Jager committed
503
504
505
506
507
508
                        <Button x:Name="_createAccountNo_"
                                Grid.Row="1"
                                VerticalAlignment="Center"
                                HorizontalAlignment="Center"
                                Content="&#xE106;"
                                Click="_createAccountNo__Click"
atraczyk's avatar
atraczyk committed
509
                                Style="{StaticResource ButtonStyle5}"/>
Nicolas Jager's avatar
Nicolas Jager committed
510
511
512
                    </StackPanel>
                </Grid>
            </Grid>
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
            <!-- account edition menu. -->
            <Grid x:Name="_accountEditionMenuGrid_"
                  Grid.Row="2"
                  Visibility="Collapsed"
                  Background="LightBlue">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="30"/>
                </Grid.RowDefinitions>
                <StackPanel Orientation="Vertical"
                            Grid.Row="0"
                            Background="#FFE4F1F9">
                    <!-- alias sub menu. -->
                    <StackPanel Orientation="Horizontal" Margin="10">
                        <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
                                   Text="&#xE1CB;"/>
                        <TextBlock Text="Alias" Margin="10"/>
                    </StackPanel>
                    <TextBox  x:Name="_aliasTextBoxEditionMenu_"
                              FontSize="20"
                              Margin="20,10"
                              PlaceholderText="Enter your username"/>
                    <!-- upnp sub menu. -->
                    <StackPanel Orientation="Horizontal" Margin="10">
                        <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
                                   Text="&#xE15E;"/>
                        <TextBlock Text="UPnP" Margin="10"/>
                    </StackPanel>
                    <ToggleSwitch x:Name="_upnpState_"
                                  Margin="20,10"/>
                    <!-- delete account sub menu. -->
                    <!--<StackPanel Orientation="Horizontal" Margin="10">
                        <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
                                   Text="&#xE74D;"/>
                        <TextBlock Text="Delete account" Margin="10"/>
                    </StackPanel>
                    <ToggleButton x:Name="_deleteAccountBtnEditionMenu_"
                            Margin="20,10"
                            Content="Delete"/>-->
                </StackPanel>
                <!-- buttons yes/no to accept the modification. -->
                <Grid Grid.Row="1">
                    <StackPanel Orientation="Horizontal"
                                HorizontalAlignment="Center">
                        <Button x:Name="_acceptAccountModification_"
                                Grid.Row="1"
                                VerticalAlignment="Center"
                                HorizontalAlignment="Center"
                                Content="&#xE081;"
                                Click="_acceptAccountModification__Click"
                                Style="{StaticResource ButtonStyle5}"/>
                        <Button x:Name="_cancelAccountModification_"
                                Grid.Row="1"
                                VerticalAlignment="Center"
                                HorizontalAlignment="Center"
                                Content="&#xE106;"
                                Click="_cancelAccountModification__Click"
                                Style="{StaticResource ButtonStyle5}"/>
                    </StackPanel>
                </Grid>
            </Grid>
Nicolas Jager's avatar
Nicolas Jager committed
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
            <!-- share menu. -->
            <Grid x:Name="_shareMenuGrid_"
                  Grid.Row="2"
                  Visibility="Collapsed"
                  Background="LightBlue">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="30"/>
                </Grid.RowDefinitions>
                <Grid Background="#FFE4F1F9">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
589
590
591
592
593
594
                    <Grid Background="white"
                          Margin="10"
                          MaxHeight="150"
                          MaxWidth="140"
                          Padding="5">
                        <Image x:Name="_selectedAccountQrCode_"
Nicolas Jager's avatar
Nicolas Jager committed
595
596
597
                           Width="200"
                           Margin="5"
                           Grid.Row="0"
598
                           Stretch="None"
Nicolas Jager's avatar
Nicolas Jager committed
599
                           Height="200"/>
600
601
602
603
604
                    </Grid>
                    <TextBlock x:Name="_ringId_"
                               Padding="5"
                               Style="{StaticResource TextStyle4}"
                               Text=""
Nicolas Jager's avatar
Nicolas Jager committed
605
                               Grid.Row="1"
606
                               IsTextSelectionEnabled="True"
Nicolas Jager's avatar
Nicolas Jager committed
607
608
                               HorizontalAlignment="Center"/>
                </Grid>
609
610
611
612
613
614
615
                <Button x:Name="_shareMenuDone_"
                        Grid.Row="1"
                        VerticalAlignment="Center"
                        HorizontalAlignment="Center"
                        Content="&#xE081;"
                        Click="_shareMenuDone__Click"
                        Style="{StaticResource ButtonStyle6}"/>
Nicolas Jager's avatar
Nicolas Jager committed
616
            </Grid>
617
618
619
620
621
622
623
624
625
626
627
            <!-- devices menu. -->
            <Grid x:Name="_devicesMenuGrid_"
                  Grid.Row="2"
                  Visibility="Collapsed"
                  Background="LightBlue">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="30"/>
                </Grid.RowDefinitions>
                <Grid Background="#FFE4F1F9">
                    <Grid.RowDefinitions>
Nicolas Jager's avatar
Nicolas Jager committed
628
                        <RowDefinition Height="auto"/>
629
630
631
632
633
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
Nicolas Jager's avatar
Nicolas Jager committed
634
                    <TextBlock Text="Device ID:"
Nicolas Jager's avatar
Nicolas Jager committed
635
                               Margin="10"
636
637
                               Grid.Row="0"
                               HorizontalAlignment="Center"/>
Nicolas Jager's avatar
Nicolas Jager committed
638
                    <TextBlock x:Name="_deviceId_"
Nicolas Jager's avatar
Nicolas Jager committed
639
                               Margin="10"
Nicolas Jager's avatar
Nicolas Jager committed
640
                               Text="[TEXT_MISSING]"
Nicolas Jager's avatar
Nicolas Jager committed
641
                               TextTrimming="CharacterEllipsis"
Nicolas Jager's avatar
Nicolas Jager committed
642
643
644
                               Grid.Row="1"
                               IsTextSelectionEnabled="True"
                               HorizontalAlignment="Center"/>
Nicolas Jager's avatar
Nicolas Jager committed
645
646
647
648
649
                    <TextBlock x:Name="_waitingDevicesList_"
                               Text="waiting for devices list..."
                               Grid.Row="2"
                               IsTextSelectionEnabled="True"
                               HorizontalAlignment="Center"/>
Nicolas Jager's avatar
Nicolas Jager committed
650
                    <ListBox x:Name="_devicesIdList_"
Nicolas Jager's avatar
Nicolas Jager committed
651
                             Visibility="Collapsed"
Nicolas Jager's avatar
Nicolas Jager committed
652
                         Grid.Row="2"/>
653
654
655
656
657
658
659
660
661
                </Grid>
                <Button x:Name="_addDevice_"
                        Grid.Row="1"
                        VerticalAlignment="Center"
                        HorizontalAlignment="Center"
                        Content="&#xE948;"
                        Click="_addDevice__Click"
                        Style="{StaticResource ButtonStyle6}"/>
            </Grid>
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
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
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
            <!-- add device (pin generator) menu. -->
            <Grid x:Name="_addingDeviceGrid_"
                  Grid.Row="2"
                  Visibility="Collapsed"
                  Background="LightBlue">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="30"/>
                </Grid.RowDefinitions>
                <Grid Background="#FFE4F1F9">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock VerticalAlignment="Center"
                                       Text="PIN generator"
                               HorizontalAlignment="Center"
                               Grid.Row="0"
                                       Margin="10,10,0,10"/>
                    <PasswordBox x:Name="_passwordForPinGenerator_"
                                 Margin="10"
                                 Grid.Row="1"
                                 PlaceholderText="Enter your password"/>
                </Grid>
                <!-- buttons yes/no to generate a PIN. -->
                <Grid Grid.Row="1">
                    <StackPanel Orientation="Horizontal"
                                HorizontalAlignment="Center">
                        <Button x:Name="_pinGeneratorYes_"
                                Grid.Row="1"
                                VerticalAlignment="Center"
                                HorizontalAlignment="Center"
                                Content="&#xE081;"
                                Click="_pinGeneratorYes__Click"
                                Style="{StaticResource ButtonStyle5}"/>
                        <Button x:Name="_pinGeneratorNo_"
                                Grid.Row="1"
                                VerticalAlignment="Center"
                                HorizontalAlignment="Center"
                                Content="&#xE106;"
                                Click="_pinGeneratorNo__Click"
                                Style="{StaticResource ButtonStyle5}"/>
                    </StackPanel>
                </Grid>
            </Grid>
            <!-- waiting for a PIN. -->
            <Grid x:Name="_waitingForPin_"
                Grid.Row="2"
                Visibility="Collapsed"
                Background="LightBlue">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="30"/>
                </Grid.RowDefinitions>
                <Grid Background="#FFE4F1F9">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock x:Name="_waitingAndResult_"
                               VerticalAlignment="Center"
                               Text="Exporting account on the Ring..."
                               HorizontalAlignment="Center"
                               Grid.Row="0"
                               Margin="10,10,0,10"/>
                </Grid>
Nicolas Jager's avatar
Nicolas Jager committed
730
731
732
733
734
735
736
737
738
739
740
741
                <Grid Grid.Row="1">
                    <StackPanel Orientation="Horizontal"
                                HorizontalAlignment="Center">
                        <Button x:Name="_closePin_"
                                Grid.Row="1"
                                VerticalAlignment="Center"
                                HorizontalAlignment="Center"
                                Content="&#xE081;"
                                Click="_closePin__Click"
                                Style="{StaticResource ButtonStyle5}"/>
                    </StackPanel>
                </Grid>
742
            </Grid>
Nicolas Jager's avatar
Nicolas Jager committed
743
744
745
746
747
748
749







Nicolas Jager's avatar
Nicolas Jager committed
750
        </Grid>
751
        <!-- smartList and settings. -->
Nicolas Jager's avatar
Nicolas Jager committed
752
        <Grid Grid.Row="1">
753
            <!-- contacts + calls => smartpanelitems. -->
Nicolas Jager's avatar
Nicolas Jager committed
754
755
756
757
758
759
760
761
            <Grid x:Name="_smartGrid_"
                  Grid.Row="0">
                <Grid.RowDefinitions>
                    <RowDefinition x:Name="_rowRingTxtBx_"
                                   Height="40"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <TextBox x:Name="_ringTxtBx_"
Nicolas Jager's avatar
Nicolas Jager committed
762
                         HorizontalAlignment="Center"
Nicolas Jager's avatar
Nicolas Jager committed
763
764
                         VerticalAlignment="Center"
                         Width="320"
Nicolas Jager's avatar
Nicolas Jager committed
765
                         TextWrapping="Wrap"
766
                         Style="{StaticResource addContactTextBoxStyle}"
767
                         KeyDown="_ringTxtBx__KeyDown"
Nicolas Jager's avatar
Nicolas Jager committed
768
                         Text=""/>
Nicolas Jager's avatar
Nicolas Jager committed
769
770
771
772
                <ListBox x:Name="_smartList_"
                         Grid.Row="1"
                         Margin="0"
                         Padding="0"
Nicolas Jager's avatar
Nicolas Jager committed
773
774
775
                         SelectionChanged="_smartList__SelectionChanged"
                         ScrollViewer.HorizontalScrollBarVisibility="Auto"
                         ScrollViewer.HorizontalScrollMode="Enabled"
Nicolas Jager's avatar
Nicolas Jager committed
776
                         ItemContainerStyle="{StaticResource contactsListBoxStyle}"
777
                         ItemTemplate="{StaticResource SmartPanelItemsTemplate}"/>
Nicolas Jager's avatar
Nicolas Jager committed
778
779
780
781
782
783
784
785
            </Grid>
            <!-- settings. -->
            <Grid x:Name="_settings_"
                  Grid.Row="0"
                  Visibility="Collapsed">
                <TextBlock>some settings</TextBlock>
            </Grid>
        </Grid>
Nicolas Jager's avatar
Nicolas Jager committed
786
787
788
    </Grid>

</Page>