blob: 6042886bd20555bf67cddda248bafa885660be16 [file] [log] [blame]
Nicolas Jager998fbd72016-08-08 11:41:28 -04001<!-- **********************************************************************
2* Copyright (C) 2016 by Savoir-faire Linux *
3* Author: Jäger Nicolas<nicolas.jager@savoirfairelinux.com> *
atraczyke87716f2016-09-20 13:46:22 -04004* Author: Traczyk Andreas<andreas.traczyk@savoirfairelinux.com> *
Nicolas Jager998fbd72016-08-08 11:41:28 -04005* *
6* This program is free software; you can redistribute it and/or modify *
7* it under the terms of the GNU General Public License as published by *
8* the Free Software Foundation; either version 3 of the License, or *
9* (at your option) any later version. *
10* *
11* This program is distributed in the hope that it will be useful, *
12* but WITHOUT ANY WARRANTY; without even the implied warranty of *
13* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the *
14* GNU General Public License for more details. *
15* *
16* You should have received a copy of the GNU General Public License *
17* along with this program. If not, see <http://www.gnu.org/licenses/> . *
18*********************************************************************** -->
19<Page x:Class="RingClientUWP.Views.SmartPanel"
20 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
21 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
22 xmlns:local="using:RingClientUWP"
Nicolas Jager7c409f32016-09-08 09:35:16 -040023 xmlns:controls="using:RingClientUWP.Controls"
Nicolas Jagerc551c362016-10-01 19:24:50 -040024 xmlns:views="using:RingClientUWP.Views"
Nicolas Jager998fbd72016-08-08 11:41:28 -040025 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
26 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
Nicolas Jagera5701032016-10-21 12:53:13 -040027 NavigationCacheMode="Enabled"
Nicolas Jager998fbd72016-08-08 11:41:28 -040028 mc:Ignorable="d">
29
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -040030 <Page.Resources>
Nicolas Jagerc551c362016-10-01 19:24:50 -040031 <!-- converters -->
32 <views:NewMessageBubleNotification x:Key="_NewMessageBubleNotification_" />
33 <views:IncomingVisibility x:Key="_IncomingVisibility_" />
34 <views:OutGoingVisibility x:Key="_OutGoingVisibility_" />
35 <views:HasAnActiveCall x:Key="_HasAnActiveCall_" />
Nicolas Jager586e3622016-10-21 08:21:11 -040036 <views:AccountTypeToSourceImage x:Key="_AccountTypeToSourceImage_" />
37 <views:AccountSelectedToVisibility x:Key="_AccountSelectedToVisibility_" />
Nicolas Jager0a7b77d2016-10-26 12:26:43 -040038 <views:CollapseEmptyString x:Key="_CollapseEmptyString_" />
Nicolas Jager7f34b772016-12-09 12:25:25 -050039 <views:ContactStatusNotification x:Key="_ContactStatusNotification_" />
Nicolas Jager9d85be92016-12-10 16:10:31 -050040 <views:boolToVisibility x:Key="_boolToVisibility_" />
Nicolas Jager1de52d42016-12-11 10:35:46 -050041 <views:CallStatusToSpinnerVisibility x:Key="_CallStatusToSpinnerVisibility_" />
Nicolas Jagerc551c362016-10-01 19:24:50 -040042
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -040043 <!-- template for contacts. -->
44 <DataTemplate x:Key="ContactTemplate"
45 x:DataType="local:Contact">
46 <Grid>
atraczyke87716f2016-09-20 13:46:22 -040047 <Grid.ColumnDefinitions>
48 <ColumnDefinition Width="310"/>
49 </Grid.ColumnDefinitions>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -040050 <Grid.RowDefinitions>
51 <RowDefinition Height="60"/>
52 <!-- use the height of _contactBar_ to make it visible or collapsed. -->
53 <RowDefinition x:Name="_contactBar_"
Nicolas Jagerf6a10322016-09-06 08:17:49 -040054 Height="{x:Bind _contactBarHeight, Mode=OneWay}"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -040055 </Grid.RowDefinitions>
56 <Grid Grid.Row="0">
57 <Grid.ColumnDefinitions>
58 <ColumnDefinition Width="60"/>
59 <ColumnDefinition Width="*"
60 MinWidth="200"/>
61 </Grid.ColumnDefinitions>
atraczyka57d7172016-11-29 09:58:35 -050062 <Image x:Name="_XcontactAvatar_"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -040063 VerticalAlignment="Center"
64 HorizontalAlignment="Center"
65 Grid.Column="0"
66 Width="55"
67 Height="55"
68 Source="Assets\TESTS\contactAvatar.png"/>
69 <!-- visual notifications. -->
70 <Border x:Name="_visualNotificationVideoChat_"
71 Visibility="Collapsed"
72 Style="{StaticResource BorderStyle1}">
73 <TextBlock Text="&#xE8AA;"
74 Style="{StaticResource TextSegoeStyle1}"/>
75 <Border.RenderTransform>
76 <TranslateTransform X="17" Y="-14"/>
77 </Border.RenderTransform>
78 </Border>
Nicolas Jagerd76940f2016-08-31 14:44:04 -040079 <Grid Grid.Column="1">
80 <Grid.RowDefinitions>
81 <RowDefinition Height="30"/>
82 <RowDefinition Height="30"/>
83 </Grid.RowDefinitions>
84 <!-- name of the contact. -->
atraczyke87716f2016-09-20 13:46:22 -040085 <TextBlock x:Name="_contactName_"
86 Grid.Row="0"
Nicolas Jager7f34b772016-12-09 12:25:25 -050087 Text="{x:Bind _name, Mode=OneWay}"
atraczyke87716f2016-09-20 13:46:22 -040088 TextTrimming="CharacterEllipsis">
Nicolas Jagerd76940f2016-08-31 14:44:04 -040089 </TextBlock>
Nicolas Jagerd76940f2016-08-31 14:44:04 -040090 </Grid>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -040091 </Grid>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -040092 </Grid>
93 </DataTemplate>
Nicolas Jagerbf406b22016-10-21 11:32:33 -040094 <!-- template for AccountListItems. -->
95 <DataTemplate x:Key="AccountListItemsTemplate"
96 x:DataType="controls:AccountListItem">
Nicolas Jager586e3622016-10-21 08:21:11 -040097 <Grid Margin="0,10">
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -040098 <Grid.ColumnDefinitions>
Nicolas Jager586e3622016-10-21 08:21:11 -040099 <ColumnDefinition Width="40"/>
atraczykaeb4a5c2016-12-01 19:17:18 -0500100 <ColumnDefinition Width="280"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400101 </Grid.ColumnDefinitions>
Nicolas Jager586e3622016-10-21 08:21:11 -0400102 <Border Grid.Column="0"
103 Margin="5,0"
104 Style="{StaticResource BorderStyle3}">
105 <Image x:Name="_AccountTypeIcon_"
106 VerticalAlignment="Center"
107 HorizontalAlignment="Center"
Nicolas Jagerbf406b22016-10-21 11:32:33 -0400108 Source="{x:Bind _account.accountType_, Converter={StaticResource _AccountTypeToSourceImage_}, Mode=OneWay}"/>
Nicolas Jager586e3622016-10-21 08:21:11 -0400109 </Border>
110 <Button x:Name="_editAccountMenuButton_"
111 HorizontalAlignment="Right"
112 VerticalAlignment="Top"
113 Content="&#xE104;"
114 FontFamily="Segoe MDL2 Assets"
Nicolas Jager6abfc0d2016-10-21 14:57:47 -0400115 Click="_editAccountMenuButton__Click"
Nicolas Jager586e3622016-10-21 08:21:11 -0400116 FontSize="20"
117 Foreground="White"
118 Background="Transparent"
atraczykaeb4a5c2016-12-01 19:17:18 -0500119 BorderThickness="0"
120 Padding="0,4,0,2"
121 Margin="0,0,12,0"
122 Width="28"
Nicolas Jager586e3622016-10-21 08:21:11 -0400123 Visibility="{x:Bind _isSelected, Converter={StaticResource _AccountSelectedToVisibility_}, Mode=OneWay}"
124 Grid.Column="1">
125 <Button.RenderTransform>
atraczykaeb4a5c2016-12-01 19:17:18 -0500126 <TranslateTransform Y="-10"/>
Nicolas Jager586e3622016-10-21 08:21:11 -0400127 </Button.RenderTransform>
128 </Button>
129 <StackPanel Grid.Column="1">
130 <TextBlock x:Name="_accountName_"
131 Style="{StaticResource TextStyle5}"
Nicolas Jager6abfc0d2016-10-21 14:57:47 -0400132 Text="{x:Bind _account.name_, Mode=OneWay}"/>
Nicolas Jager586e3622016-10-21 08:21:11 -0400133 <TextBlock x:Name="_ringID_"
Nicolas Jager0a7b77d2016-10-26 12:26:43 -0400134 Grid.ColumnSpan="2"
135 Style="{StaticResource TextStyle6}"
136 Visibility="{x:Bind _account.ringID_, Converter={StaticResource _CollapseEmptyString_}, Mode=OneWay}"
137 Text="{x:Bind _account.ringID_, Mode=OneWay}"/>
138 <TextBlock x:Name="_sipUsername_"
139 Grid.ColumnSpan="2"
140 Visibility="{x:Bind _account._sipUsername, Converter={StaticResource _CollapseEmptyString_}, Mode=OneWay}"
141 Style="{StaticResource TextStyle6}"
142 Text="{x:Bind _account._sipUsername, Mode=OneWay}"/>
Nicolas Jager586e3622016-10-21 08:21:11 -0400143 </StackPanel>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400144 </Grid>
145 </DataTemplate>
Nicolas Jager7c409f32016-09-08 09:35:16 -0400146 <!-- template for smartpanelitems. -->
147 <DataTemplate x:Key="SmartPanelItemsTemplate"
148 x:DataType="controls:SmartPanelItem">
Nicolas Jager9d85be92016-12-10 16:10:31 -0500149 <Grid PointerReleased="Grid_PointerReleased"
150 PointerEntered="Grid_PointerEntered"
151 PointerExited="Grid_PointerExited"
152 PointerMoved="Grid_PointerMoved"
Nicolas Jager32f301f2016-11-22 14:28:57 -0500153 Visibility="{x:Bind _showMe, Mode=OneWay}">
Nicolas Jager7c409f32016-09-08 09:35:16 -0400154 <Grid.RowDefinitions>
Nicolas Jagerc551c362016-10-01 19:24:50 -0400155 <!-- row definition for the contact. -->
Nicolas Jager7c409f32016-09-08 09:35:16 -0400156 <RowDefinition Height="auto"/>
Nicolas Jagerc551c362016-10-01 19:24:50 -0400157 <!-- row definition for the incoming call bar. -->
158 <RowDefinition Height="auto"/>
Nicolas Jager7c409f32016-09-08 09:35:16 -0400159 </Grid.RowDefinitions>
Nicolas Jager9d85be92016-12-10 16:10:31 -0500160 <!-- the first rectangle helps to detect mouse overing-->
Nicolas Jager7f34b772016-12-09 12:25:25 -0500161 <Rectangle Fill="Transparent"
Nicolas Jager039ce482016-12-11 13:35:23 -0500162 Width="320"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500163 Grid.Row="0"/>
Nicolas Jager9d85be92016-12-10 16:10:31 -0500164 <!-- the two next rectangles offer a better visibility correlation between the call button and the
165 backgrounds. Using them, avoid some visual bugs -->
166 <!-- the second rectangle controls the background for a selected item -->
167 <Rectangle Fill="#3bc1d3"
Nicolas Jager039ce482016-12-11 13:35:23 -0500168 Width="320"
Nicolas Jager9d85be92016-12-10 16:10:31 -0500169 Visibility="{x:Bind _isSelected, Converter={StaticResource _boolToVisibility_}, Mode=OneWay}"
170 Grid.Row="0"/>
171 <!-- the thirs rectangle controls the background for an hovered item -->
172 <Rectangle Fill="#ced9e1"
Nicolas Jager039ce482016-12-11 13:35:23 -0500173 Width="320"
Nicolas Jager9d85be92016-12-10 16:10:31 -0500174 Visibility="{x:Bind _isHovered, Converter={StaticResource _boolToVisibility_}, Mode=OneWay}"
175 Grid.Row="0"/>
Nicolas Jager7f34b772016-12-09 12:25:25 -0500176 <!-- curtain over item with contact not ready (e.g. lookup is in progress) -->
177 <Rectangle Fill="White"
Nicolas Jager039ce482016-12-11 13:35:23 -0500178 Width="320"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500179 Grid.Row="0"
180 Canvas.ZIndex="2"
181 Opacity="0.6"
182 Visibility="{x:Bind _contact._contactStatus, Converter={StaticResource _ContactStatusNotification_}, Mode=OneWay}"/>
183 <ProgressBar Canvas.ZIndex="3"
184 Visibility="{x:Bind _contact._contactStatus, Converter={StaticResource _ContactStatusNotification_}, Mode=OneWay}"
185 IsIndeterminate="True"/>
Nicolas Jagerc551c362016-10-01 19:24:50 -0400186 <!-- contact. -->
187 <Grid Grid.Row="0">
188 <Grid.ColumnDefinitions>
189 <ColumnDefinition Width="310"/>
190 </Grid.ColumnDefinitions>
191 <Grid.RowDefinitions>
192 <RowDefinition Height="60"/>
193 <!-- use the height of _contactBar_ to make it visible or collapsed. -->
194 <RowDefinition x:Name="_contactBar_"
195 Height="{x:Bind _contact._contactBarHeight, Mode=OneWay}"/>
196 </Grid.RowDefinitions>
197 <Grid Grid.Row="0">
198 <Grid.ColumnDefinitions>
199 <ColumnDefinition Width="60"/>
200 <ColumnDefinition Width="*"
201 MinWidth="200"/>
202 </Grid.ColumnDefinitions>
atraczyka57d7172016-11-29 09:58:35 -0500203 <Ellipse Height="50"
204 Width="50"
205 Grid.Column="0"
206 VerticalAlignment="Center"
207 HorizontalAlignment="Center"
208 Margin="5">
209 <Ellipse.Fill>
210 <ImageBrush x:Name="_contactAvatar_"
211 ImageSource="{x:Bind _contact._avatarImage, Mode=OneWay}"/>
212 </Ellipse.Fill>
213 </Ellipse>
Nicolas Jagerc551c362016-10-01 19:24:50 -0400214 <!-- visual notifications. -->
215 <Border x:Name="_visualNotificationVideoChat_"
216 Visibility="Collapsed"
217 Style="{StaticResource BorderStyle1}">
218 <TextBlock Text="&#xE8AA;"
219 Style="{StaticResource TextSegoeStyle1}"/>
220 <Border.RenderTransform>
221 <TranslateTransform X="17" Y="-14"/>
222 </Border.RenderTransform>
223 </Border>
224 <Border x:Name="_visualNotificationNewMessage_"
225 Visibility="{x:Bind _contact._unreadMessages, Converter={StaticResource _NewMessageBubleNotification_}, Mode=OneWay}"
226 Style="{StaticResource BorderStyle2}">
227 <TextBlock Text="{x:Bind _contact._unreadMessages, Mode=OneWay}"
228 Style="{StaticResource TextStyle3}"/>
229 <Border.RenderTransform>
230 <TranslateTransform X="-17" Y="-14"/>
231 </Border.RenderTransform>
232 </Border>
233
234 <Grid Grid.Column="1">
235 <Grid.RowDefinitions>
Nicolas Jager039ce482016-12-11 13:35:23 -0500236 <RowDefinition Height="60"/>
Nicolas Jagerc551c362016-10-01 19:24:50 -0400237 <RowDefinition Height="30"/>
238 </Grid.RowDefinitions>
239 <!-- name of the contact. -->
Nicolas Jager1de52d42016-12-11 10:35:46 -0500240 <StackPanel Grid.Row="0">
241 <TextBlock x:Name="_contactName_"
242 Text="{x:Bind _contact._name, Mode=OneWay}"
243 TextTrimming="CharacterEllipsis">
244 </TextBlock>
245 <StackPanel Orientation="Horizontal">
246 <TextBlock x:Name="_contactLastTime_"
247 FontStyle="Italic"
248 Foreground="#333333"
Nicolas Jager039ce482016-12-11 13:35:23 -0500249 MaxWidth="200"
250 TextTrimming="CharacterEllipsis"
Nicolas Jager1de52d42016-12-11 10:35:46 -0500251 FontSize="10"
252 Text="{x:Bind _contact._lastTime, Mode=OneWay}"/>
253 <ProgressBar Foreground="#333333"
Nicolas Jager039ce482016-12-11 13:35:23 -0500254 HorizontalAlignment="Right"
255 Width="150"
Nicolas Jager1de52d42016-12-11 10:35:46 -0500256 Visibility="{x:Bind _callStatus, Converter={StaticResource _CallStatusToSpinnerVisibility_}, Mode=OneWay}"
257 IsIndeterminate="True"/>
258 </StackPanel>
Nicolas Jager039ce482016-12-11 13:35:23 -0500259 <!-- call action buttons. -->
260 <!-- Style="{StaticResource roundButtonTemplate}" old style, keep it until refacto -->
261 <Button Grid.Row="0"
Nicolas Jager9d85be92016-12-10 16:10:31 -0500262 Visibility="{x:Bind _isCallable, Converter={StaticResource _boolToVisibility_}, Mode=OneWay}"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400263 Click="_callContact__Click"
264 VerticalAlignment="Bottom"
265 HorizontalAlignment="Left"
Nicolas Jager1de52d42016-12-11 10:35:46 -0500266 Style="{StaticResource ButtonStyleForCallBar}"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400267 FontFamily="Segoe MDL2 Assets"
Nicolas Jager039ce482016-12-11 13:35:23 -0500268 Content="&#xE116;"/>
269 <StackPanel Orientation="Horizontal"
270 Visibility="Visible"
271 Grid.Row="0"
272 VerticalAlignment="Bottom"
273 HorizontalAlignment="Right">
274 <Button x:Name="_acceptIncomingCallBtn_"
275 Click="_acceptIncomingCallBtn__Click"
276 Visibility="{x:Bind _callStatus, Converter={StaticResource _IncomingVisibility_}, Mode=OneWay}"
277 VerticalAlignment="Bottom"
278 HorizontalAlignment="Center"
279 Style="{StaticResource ButtonStyleForCallBar}"
280 FontFamily="Segoe MDL2 Assets"
281 Content="&#xE10B;"/>
282 <Button x:Name="_rejectIncomingCallBtn_"
283 Click="_rejectIncomingCallBtn__Click"
284 Visibility="{x:Bind _callStatus, Converter={StaticResource _IncomingVisibility_}, Mode=OneWay}"
285 VerticalAlignment="Bottom"
286 HorizontalAlignment="Center"
287 Style="{StaticResource ButtonStyleForCallBar}"
288 FontFamily="Segoe MDL2 Assets"
289 Content="&#xE10A;"/>
290 </StackPanel>
291 <Button x:Name="_cancelCallBtn_"
292 Click="_cancelCallBtn__Click"
293 Visibility="{x:Bind _callStatus, Converter={StaticResource _OutGoingVisibility_}, Mode=OneWay}"
294 VerticalAlignment="Bottom"
295 HorizontalAlignment="Right"
296 Style="{StaticResource ButtonStyleForCallBar}"
297 FontFamily="Segoe MDL2 Assets"
298 Content="&#xE10A;"/>
299 </StackPanel>
Nicolas Jagerc551c362016-10-01 19:24:50 -0400300 </Grid>
301 </Grid>
302 </Grid>
Nicolas Jager039ce482016-12-11 13:35:23 -0500303 <!-- old call bar.KEEP FOR DEBUG -->
304 <!--<Grid Width="320"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400305 Grid.Row="1"
306 HorizontalAlignment="Left"
307 Background="DarkGray">
308 <Grid.RowDefinitions>
309 <RowDefinition Height="auto"/>
310 <RowDefinition Height="auto"/>
311 </Grid.RowDefinitions>
Nicolas Jager039ce482016-12-11 13:35:23 -0500312
313 <TextBlock x:Name="_CallStatus_"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400314 Grid.Row="0"
315 Foreground="White"
Nicolas Jager083b3ae2016-10-04 08:46:19 -0400316 Text="{x:Bind _callStatus, Mode=OneWay}"
317 Visibility="{x:Bind _callStatus, Converter={StaticResource _HasAnActiveCall_}, Mode=OneWay}"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400318 HorizontalAlignment="Center">
Nicolas Jager039ce482016-12-11 13:35:23 -0500319 </TextBlock>
Nicolas Jagerc551c362016-10-01 19:24:50 -0400320 <StackPanel Orientation="Horizontal"
321 Visibility="Visible"
322 Grid.Row="1"
323 HorizontalAlignment="Center">
324 <Button x:Name="_acceptIncomingCallBtn_"
325 Click="_acceptIncomingCallBtn__Click"
Nicolas Jager083b3ae2016-10-04 08:46:19 -0400326 Visibility="{x:Bind _callStatus, Converter={StaticResource _IncomingVisibility_}, Mode=OneWay}"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400327 VerticalAlignment="Center"
328 HorizontalAlignment="Center"
329 Content="Accept"/>
330 <Button x:Name="_rejectIncomingCallBtn_"
331 Click="_rejectIncomingCallBtn__Click"
Nicolas Jager083b3ae2016-10-04 08:46:19 -0400332 Visibility="{x:Bind _callStatus, Converter={StaticResource _IncomingVisibility_}, Mode=OneWay}"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400333 VerticalAlignment="Center"
334 HorizontalAlignment="Center"
335 Content="Reject"/>
336 <Button x:Name="_cancelCallBtn_"
337 Click="_cancelCallBtn__Click"
Nicolas Jager083b3ae2016-10-04 08:46:19 -0400338 Visibility="{x:Bind _callStatus, Converter={StaticResource _OutGoingVisibility_}, Mode=OneWay}"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400339 VerticalAlignment="Center"
340 HorizontalAlignment="Center"
341 Content="Cancel"/>
342 </StackPanel>
Nicolas Jager039ce482016-12-11 13:35:23 -0500343 </Grid>-->
Nicolas Jager7c409f32016-09-08 09:35:16 -0400344 </Grid>
345 </DataTemplate>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400346 </Page.Resources>
347
Nicolas Jager998fbd72016-08-08 11:41:28 -0400348 <Grid>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400349 <Grid.RowDefinitions>
350 <!-- where accounts and share menu drop down are. -->
351 <RowDefinition Height="auto"/>
352 <!-- where contacts and settings are. -->
353 <RowDefinition Height="*"/>
354 </Grid.RowDefinitions>
355 <!-- drop down menus. -->
atraczykaeb4a5c2016-12-01 19:17:18 -0500356 <Grid Background="#3bc1d3">
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400357 <Grid.RowDefinitions>
358 <!-- where the selected account is shown. -->
359 <RowDefinition x:Name="_selectedAccountRow_"
360 Height="90"/>
361 <!-- where the drop down menus are shown. -->
362 <RowDefinition Height="auto"/>
363 </Grid.RowDefinitions>
364 <!-- selected account. -->
365 <Grid Grid.Row="0">
366 <Grid.ColumnDefinitions>
367 <ColumnDefinition x:Name="_selectedAccountAvatarColumn_"
368 Width="90"/>
369 <ColumnDefinition Width="*"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400370 </Grid.ColumnDefinitions>
atraczyk2425ddd2016-09-01 13:16:22 -0400371 <Ellipse
372 x:Name="_selectedAccountAvatarContainer_"
373 Height="80"
374 Width="80"
375 Grid.Column="0"
Nicolas Jagerf3ad2c02016-10-26 13:39:03 -0400376 Stroke="White"
377 StrokeThickness="3"
378 PointerEntered="_selectedAccountAvatarContainer__PointerEntered"
379 PointerExited="_selectedAccountAvatarContainer__PointerExited"
380 PointerReleased="_selectedAccountAvatarContainer__PointerReleased"
atraczyk2425ddd2016-09-01 13:16:22 -0400381 Margin="5">
382 <Ellipse.Fill>
383 <ImageBrush
384 x:Name="_selectedAccountAvatar_"
385 ImageSource="Assets\TESTS\contactAvatar.png"/>
386 </Ellipse.Fill>
387 </Ellipse>
Nicolas Jagerf3ad2c02016-10-26 13:39:03 -0400388 <Ellipse
389 x:Name="_shaderPhotoboothIcon_"
390 Visibility="Collapsed"
391 Height="80"
392 Width="80"
393 Grid.Column="0"
394 IsHitTestVisible="False"
395 Fill="Black"
396 Opacity="0.3"
397 Margin="5">
398 </Ellipse>
399 <TextBlock x:Name="_photoboothIcon_"
400 Grid.Column="0"
401 Visibility="Collapsed"
402 IsHitTestVisible="False"
403 Style="{StaticResource TextSegoeStyle-Centered-40pt-white}"
404 Text="&#xE722;">
405 </TextBlock>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400406 <StackPanel Grid.Column="1"
407 VerticalAlignment="Bottom">
atraczyk4a8cffc2016-08-25 20:01:25 -0400408 <TextBlock x:Name="_selectedAccountName_"
atraczyk5c395ea2016-09-20 17:28:09 -0400409 Text="[TEXT MISSING]"
atraczykaeb4a5c2016-12-01 19:17:18 -0500410 Margin="10,0,0,10"
411 TextTrimming="CharacterEllipsis"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400412 Style="{StaticResource TextStyle2}"/>
413 <StackPanel Orientation="Horizontal">
414 <!--Content="&#xE0A1;-->
atraczyk890921f2016-12-02 16:26:31 -0500415 <Button x:Name="_smartGridButton_"
416 VerticalAlignment="Bottom"
417 Content="&#xe716;"
418 Click="_smartGridButton__Clicked"
419 Style="{StaticResource smartGridButtonStyle}"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400420 <ToggleButton x:Name="_accountsMenuButton_"
421 VerticalAlignment="Bottom"
422 Content="&#xE168;"
423 Checked="_accountsMenuButton__Checked"
424 Unchecked="_accountsMenuButton__Unchecked"
425 Style="{StaticResource ToggleButtonStyle1}"/>
Nicolas Jager95c526b2016-10-20 09:47:03 -0400426 <!-- _shareMenuButton_ -->
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400427 <ToggleButton x:Name="_shareMenuButton_"
428 VerticalAlignment="Bottom"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400429 Checked="_shareMenuButton__Checked"
430 Unchecked="_shareMenuButton__Unchecked"
Nicolas Jager95c526b2016-10-20 09:47:03 -0400431 Style="{StaticResource ToggleButtonStyle1}">
432 <Image Source="Assets/qrCodeIcon.png"
433 Stretch="Uniform"/>
434 </ToggleButton>
435 <!-- _devicesMenuButton_ -->
Nicolas Jagere4eb5132016-10-04 14:25:15 -0400436 <ToggleButton x:Name="_devicesMenuButton_"
437 VerticalAlignment="Bottom"
Nicolas Jagerd0830772016-10-07 08:45:33 -0400438 Content="&#xE836;"
Nicolas Jagere4eb5132016-10-04 14:25:15 -0400439 Checked="_devicesMenuButton__Checked"
Nicolas Jagerd0830772016-10-07 08:45:33 -0400440 Unchecked="_devicesMenuButton__Unchecked"
441 Style="{StaticResource ToggleButtonStyle1}"/>
atraczyk890921f2016-12-02 16:26:31 -0500442 <!-- _settingsMenuButton_ -->
443 <ToggleButton x:Name="_settingsMenuButton_"
444 VerticalAlignment="Bottom"
445 Content="&#xE115;"
446 Checked="_settingsMenu__Checked"
447 Unchecked="_settingsMenu__Unchecked"
448 Style="{StaticResource ToggleButtonStyle1}"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400449 </StackPanel>
450 </StackPanel>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400451 </Grid>
452
453 <!--sub menus like the accounts list or the share menu are just below, technicaly they are nested inside the
Nicolas Jagerc551c362016-10-01 19:24:50 -0400454 same row. To summon them we use the visibility of their own grid, by linking it to a toggle button-->
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400455
Nicolas Jager7f34b772016-12-09 12:25:25 -0500456
457
458
459 </Grid>
460 <!-- smartList and settings. -->
Nicolas Jager9d85be92016-12-10 16:10:31 -0500461 <Grid Grid.Row="1"
462 Background="#FFE4F1F9">
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400463 <!-- accounts menu. -->
464 <Grid x:Name="_accountsMenuGrid_"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500465 Grid.Row="0"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400466 Visibility="Collapsed"
atraczykaeb4a5c2016-12-01 19:17:18 -0500467 Background="#3bc1d3">
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400468 <Grid.RowDefinitions>
469 <RowDefinition Height="*"/>
470 <RowDefinition Height="30"/>
471 </Grid.RowDefinitions>
atraczyk196936e2016-09-02 15:31:53 -0400472 <ScrollViewer x:Name="_accountsListScrollView_"
473 ScrollViewer.VerticalScrollBarVisibility="Auto"
474 ScrollViewer.VerticalScrollMode="Enabled">
475 <ListBox x:Name="_accountsList_"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400476 Grid.Row="0"
atraczyk4a8cffc2016-08-25 20:01:25 -0400477 SelectionChanged="_accountList__SelectionChanged"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400478 Width="320"
479 ItemContainerStyle="{StaticResource contactsListBoxStyle}"
480 Background="#FFE4F1F9"
Nicolas Jagerbf406b22016-10-21 11:32:33 -0400481 ItemTemplate="{StaticResource AccountListItemsTemplate}"/>
atraczyk196936e2016-09-02 15:31:53 -0400482 </ScrollViewer>
Nicolas Jager026a84b2016-11-28 10:58:22 -0500483 <StackPanel Orientation="Horizontal"
484 Grid.Row="1">
485 <!--Style="{StaticResource ButtonStyle6}"-->
486 <Button x:Name="_addAccountBtn_"
487 VerticalAlignment="Center"
488 HorizontalAlignment="Center"
489 Content="&#xE948;"
490 Click="_addAccountBtn__Click"
491 Style="{StaticResource ButtonStyle5}"/>
492 <!--Style="{StaticResource ButtonStyle6}"-->
493 <Button x:Name="_linkThisDeviceBtn_"
494 VerticalAlignment="Center"
495 HorizontalAlignment="Center"
496 Content="&#xEBD2;"
497 Click="_linkThisDeviceBtn__Click"
498 Style="{StaticResource ButtonStyle5}"/>
499 </StackPanel>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400500 </Grid>
Nicolas Jager7f34b772016-12-09 12:25:25 -0500501 <!-- account edition menu. -->
502 <Grid x:Name="_accountEditionGrid_"
503 Grid.Row="0"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400504 Visibility="Collapsed"
atraczykaeb4a5c2016-12-01 19:17:18 -0500505 Background="#3bc1d3">
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400506 <Grid.RowDefinitions>
507 <RowDefinition Height="*"/>
508 <RowDefinition Height="30"/>
509 </Grid.RowDefinitions>
Nicolas Jager7f34b772016-12-09 12:25:25 -0500510 <ScrollViewer x:Name="_scrollViewerEditionMenu_"
511 Grid.Row="0">
512 <StackPanel Orientation="Vertical"
513 Padding="10,0"
514 Grid.Row="0"
515 Background="#FFE4F1F9">
516 <!-- alias sub menu. -->
517 <StackPanel Orientation="Horizontal"
518 Margin="0,20">
519 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
520 Margin="0,0,10,0"
521 Text="&#xE8EC;"/>
522 <TextBlock Text="Alias"/>
523 </StackPanel>
524 <Grid Margin="10,0,10,10">
525 <Grid.ColumnDefinitions>
526 <ColumnDefinition Width="*"/>
527 <ColumnDefinition Width="25"/>
528 </Grid.ColumnDefinitions>
529 <TextBox x:Name="_accountAliasTextBoxEdition_"
530 Grid.Column="0"
531 TextChanged="_accountAliasTextBoxEdition__TextChanged"
532 PlaceholderText="Enter alias"/>
533 <TextBlock x:Name="_accountAliasValidEdition_"
534 Grid.Column="1"
535 Padding="10,0"
536 Style="{StaticResource TextSegoeStyle-20pt-green}"
537 Visibility="Collapsed"
538 Text="&#xE10B;"/>
539 <TextBlock x:Name="_accountAliasInvalidEdition_"
540 Grid.Column="1"
541 Padding="10,0"
542 Style="{StaticResource TextSegoeStyle-20pt-red}"
543 Text="&#xE10A;"/>
544 </Grid>
545 <!-- edition sub menu. -->
546 <StackPanel x:Name="_ringStackEdition_">
547 <!-- register account on blockachain -->
548 <StackPanel Orientation="Horizontal"
549 Margin="0,20">
550 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
551 Margin="0,0,10,0"
552 Text="&#xE167;"/>
553 <TextBlock Text="Register public username"/>
554 </StackPanel>
555 <ToggleSwitch x:Name="_RegisterStateEdition_"
556 IsOn="True"
557 Toggled="_RegisterStateEdition__Toggled"
558 Margin="0,10"/>
559 <TextBlock x:Name="_whatWilHappenEdition_"
560 Margin="0,10,0,0"
561 Style="{StaticResource BodyTextBlockStyle}"
562 Text="peoples will find you with your username"/>
563 <HyperlinkButton Content="Learn more"
564 Margin="0,0,0,10"
565 NavigateUri="http://ring.cx"/>
566 <Grid Margin="10">
567 <Grid.ColumnDefinitions>
568 <ColumnDefinition Width="*"/>
569 <ColumnDefinition Width="25"/>
570 </Grid.ColumnDefinitions>
571 <TextBox x:Name="_usernameTextBoxEdition_"
572 Grid.Column="0"
573 PlaceholderText="Enter your full name"
574 KeyUp="_usernameTextBoxEdition__KeyUp"/>
575 <TextBlock x:Name="_usernameValidEdition_"
576 Grid.Column="1"
577 Padding="10,0"
578 Style="{StaticResource TextSegoeStyle-20pt-green}"
579 Visibility="Collapsed"
580 Text="&#xE10B;"/>
581 <TextBlock x:Name="_usernameInvalidEdition_"
582 Grid.Column="1"
583 Padding="10,0"
584 Style="{StaticResource TextSegoeStyle-20pt-red}"
585 Text="&#xE10A;"/>
586 </Grid>
587 <Button x:Name="_registerOnBlockchainEdition_"
588 Content="register"
589 Visibility="Collapsed"
590 Click="_registerOnBlockchainEdition__Click"/>
591 <StackPanel Orientation="Horizontal" Margin="10">
592 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
593 Text="&#xE15E;"/>
594 <TextBlock Text="UPnP" Margin="10"/>
595 </StackPanel>
596 <ToggleSwitch x:Name="_upnpState_"
597 Margin="20,10"/>
598 </StackPanel>
599 <!-- SIP parameters. -->
600 <StackPanel x:Name="_sipAccountStackEdition_"
601 Visibility="Collapsed">
602 <StackPanel Orientation="Horizontal"
603 Margin="10">
604 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
605 Text="&#xE717;"/>
606 <TextBlock Text="SIP account parameters"
607 Margin="10"/>
608 </StackPanel>
609 <TextBox x:Name="_sipHostnameEdition_"
610 Margin="10"
611 PlaceholderText="Enter hostname"/>
612 <TextBox x:Name="_sipUsernameEditionTextBox_"
613 Margin="10"
614 PlaceholderText="Enter username"/>
615 <PasswordBox x:Name="_sipPasswordEdition_"
616 Margin="10"
617 PlaceholderText="Enter password"/>
618 </StackPanel>
619 <!-- delete account sub menu. -->
620 <StackPanel Orientation="Horizontal" Margin="10">
621 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
622 Text="&#xE74D;"/>
623 <TextBlock Text="Delete account" Margin="10"/>
624 </StackPanel>
625 <ToggleSwitch x:Name="_deleteAccountEdition_"
626 Toggled="_deleteAccountEdition__Toggled"
627 Margin="20,10"/>
628 <TextBlock x:Name="_whatWilHappendeleteRingAccountEdition_"
629 Margin="0,10,0,0"
630 Style="{StaticResource BodyTextBlockStyle}"
631 Foreground="Red"
632 Visibility="Collapsed"
633 Text="Your account will be deleted from this computer. Other devices are not affected. Your public registration can never be deleted."/>
634 <TextBlock x:Name="_whatWilHappendeleteSipAccountEdition_"
635 Margin="0,10,0,0"
636 Style="{StaticResource BodyTextBlockStyle}"
637 Foreground="Red"
638 Visibility="Collapsed"
639 Text="Your account will be deleted from this computer."/>
640 <HyperlinkButton x:Name="_learnMoreDeleteAccountEdition_"
641 Content="Learn more"
642 Visibility="Collapsed"
643 Margin="0,0,0,10"
644 NavigateUri="http://ring.cx"/>
645 </StackPanel>
646 </ScrollViewer>
647 <!-- buttons yes/no to accept the modification. -->
648 <Grid Grid.Row="1">
649 <StackPanel Orientation="Horizontal"
650 HorizontalAlignment="Center">
651 <Button x:Name="_acceptAccountModification_"
652 Grid.Row="1"
653 VerticalAlignment="Center"
654 HorizontalAlignment="Center"
655 Content="&#xE081;"
656 Click="_acceptAccountModification__Click"
657 Style="{StaticResource ButtonStyle5}"/>
658 <Button x:Name="_cancelAccountModification_"
659 Grid.Row="1"
660 VerticalAlignment="Center"
661 HorizontalAlignment="Center"
662 Content="&#xE106;"
663 Click="_cancelAccountModification__Click"
664 Style="{StaticResource ButtonStyle5}"/>
665 </StackPanel>
666 </Grid>
667 </Grid>
668 <!-- account creation menu. -->
669 <Grid x:Name="_accountCreationMenuGrid_"
670 Grid.Row="0"
671 Visibility="Collapsed"
672 Background="#3bc1d3">
673 <Grid.RowDefinitions>
674 <RowDefinition Height="*"/>
675 <RowDefinition Height="30"/>
676 </Grid.RowDefinitions>
677 <ScrollViewer Grid.Row="0">
Nicolas Jager598aee22016-11-14 09:32:02 -0500678 <StackPanel Orientation="Vertical"
679 Padding="10,0"
680 Background="#FFE4F1F9">
681 <!-- alias sub menu. -->
Nicolas Jager0a7b77d2016-10-26 12:26:43 -0400682 <StackPanel Orientation="Horizontal"
Nicolas Jager598aee22016-11-14 09:32:02 -0500683 Margin="0,20">
Nicolas Jager0a7b77d2016-10-26 12:26:43 -0400684 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
Nicolas Jager598aee22016-11-14 09:32:02 -0500685 Margin="0,0,10,0"
686 Text="&#xE8EC;"/>
687 <TextBlock Text="Alias"/>
Nicolas Jager0a7b77d2016-10-26 12:26:43 -0400688 </StackPanel>
Nicolas Jager598aee22016-11-14 09:32:02 -0500689 <Grid Margin="10,0,10,10">
690 <Grid.ColumnDefinitions>
691 <ColumnDefinition Width="*"/>
692 <ColumnDefinition Width="25"/>
693 </Grid.ColumnDefinitions>
694 <TextBox x:Name="_accountAliasTextBox_"
695 Grid.Column="0"
696 TextChanged="_accountAliasTextBox__TextChanged"
697 PlaceholderText="Enter alias"/>
698 <TextBlock x:Name="_accountAliasValid_"
699 Grid.Column="1"
700 Padding="10,0"
701 Style="{StaticResource TextSegoeStyle-20pt-green}"
702 Visibility="Collapsed"
703 Text="&#xE10B;"/>
704 <TextBlock x:Name="_accountAliasInvalid_"
705 Grid.Column="1"
706 Padding="10,0"
707 Style="{StaticResource TextSegoeStyle-20pt-red}"
708 Text="&#xE10A;"/>
709 </Grid>
710
711 <!-- account type chooser -->
712 <StackPanel Orientation="Horizontal"
713 Margin="0,20">
714 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
715 Margin="0,0,10,0"
716 Text="&#xE168;"/>
717 <TextBlock Text="Account type"/>
718 </StackPanel>
719 <ComboBox x:Name="_accountTypeComboBox_"
720 SelectedIndex="0"
721 Margin="10,10,0,0"
722 SelectionChanged="_accountTypeComboBox__SelectionChanged"
723 VerticalAlignment="Center"
724 Width="195">
725 <ComboBoxItem Content="Ring"/>
726 <ComboBoxItem Content="Sip"/>
727 </ComboBox>
728 <!-- RING account. -->
729 <StackPanel x:Name="_ringAccountCreationStack_"
730 Margin="0,20"
731 Visibility="Visible">
732 <!-- register account on blockachain -->
733 <StackPanel Orientation="Horizontal"
734 Margin="0,20">
735 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
736 Margin="0,0,10,0"
737 Text="&#xE167;"/>
738 <TextBlock Text="Register public username"/>
739 </StackPanel>
740 <ToggleSwitch x:Name="_RegisterState_"
741 IsOn="True"
742 Toggled="_RegisterState__Toggled"
743 Margin="0,10"/>
744 <TextBlock x:Name="_whatWilHappen_"
745 Margin="0,10,0,0"
746 Style="{StaticResource BodyTextBlockStyle}"
747 Text="peoples will find you with your username"/>
748 <HyperlinkButton Content="Learn more"
749 Margin="0,0,0,10"
750 NavigateUri="http://ring.cx"/>
751 <Grid Margin="10">
752 <Grid.ColumnDefinitions>
753 <ColumnDefinition Width="*"/>
754 <ColumnDefinition Width="25"/>
755 </Grid.ColumnDefinitions>
756 <TextBox x:Name="_usernameTextBox_"
757 Grid.Column="0"
758 PlaceholderText="Enter your full name"
759 KeyUp="_usernameTextBox__KeyUp"
760 />
761 <TextBlock x:Name="_usernameValid_"
762 Grid.Column="1"
763 Padding="10,0"
764 Style="{StaticResource TextSegoeStyle-20pt-green}"
765 Visibility="Collapsed"
766 Text="&#xE10B;"/>
767 <TextBlock x:Name="_usernameInvalid_"
768 Grid.Column="1"
769 Padding="10,0"
770 Style="{StaticResource TextSegoeStyle-20pt-red}"
771 Text="&#xE10A;"/>
772 </Grid>
773 <!-- password sub menu. -->
774 <StackPanel Orientation="Horizontal"
775 Margin="0,20">
776 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
777 Margin="0,0,10,0"
778 Text="&#xE8D7;"/>
Nicolas Jagerc680e4f2016-12-06 16:02:23 -0500779 <TextBlock Text="Password"/>
Nicolas Jager598aee22016-11-14 09:32:02 -0500780 </StackPanel>
781 <Grid Margin="10">
782 <Grid.ColumnDefinitions>
783 <ColumnDefinition Width="*"/>
784 <ColumnDefinition Width="25"/>
785 </Grid.ColumnDefinitions>
786 <PasswordBox x:Name="_ringPasswordBoxAccountCreation_"
787 Grid.Column="0"
788 PasswordChanged="_passwordBoxAccountCreationCheck__PasswordChanged"
789 PlaceholderText="Enter password"/>
790 <TextBlock x:Name="_passwordValid_"
791 Grid.Column="1"
792 Padding="10,0"
793 Style="{StaticResource TextSegoeStyle-20pt-green}"
794 Visibility="Collapsed"
795 Text="&#xE10B;"/>
796 <TextBlock x:Name="_passwordInvalid_"
797 Grid.Column="1"
798 Padding="10,0"
799 Style="{StaticResource TextSegoeStyle-20pt-red}"
800 Text="&#xE10A;"/>
801 </Grid>
802 <Grid Margin="10">
803 <Grid.ColumnDefinitions>
804 <ColumnDefinition Width="*"/>
805 <ColumnDefinition Width="25"/>
806 </Grid.ColumnDefinitions>
807 <PasswordBox x:Name="_ringPasswordBoxAccountCreationCheck_"
808 Grid.Column="0"
809 PasswordChanged="_passwordBoxAccountCreationCheck__PasswordChanged"
810 PlaceholderText="Repeat password"/>
811 <TextBlock x:Name="_passwordCheckValid_"
812 Grid.Column="1"
813 Padding="10,0"
814 Style="{StaticResource TextSegoeStyle-20pt-green}"
815 Visibility="Collapsed"
816 Text="&#xE10B;"/>
817 <TextBlock x:Name="_passwordCheckInvalid_"
818 Grid.Column="1"
819 Padding="10,0"
820 Style="{StaticResource TextSegoeStyle-20pt-red}"
821 Text="&#xE10A;"/>
822 </Grid>
823 <!-- upnp sub menu. -->
824 <StackPanel Orientation="Horizontal"
825 Margin="0,20">
826 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
827 Margin="0,0,10,0"
828 Text="&#xE15E;"/>
829 <TextBlock Text="UPnP"/>
830 </StackPanel>
831 <ToggleSwitch x:Name="_upnpStateAccountCreation_"
832 IsOn="True"
833 Margin="0,10"/>
834 </StackPanel>
835 <!-- SIP account. -->
836 <StackPanel x:Name="_sipAccountCreationStack_"
837 Visibility="Collapsed">
838 <StackPanel Orientation="Horizontal"
839 Margin="10">
840 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
841 Text="&#xE717;"/>
842 <TextBlock Text="SIP account parameters"
843 Margin="10"/>
844 </StackPanel>
845 <TextBox x:Name="_sipHostnameTextBox_"
846 Margin="10"
847 PlaceholderText="Enter hostname"/>
848 <TextBox x:Name="_sipUsernameTextBox_"
849 Margin="10"
850 PlaceholderText="Enter username"/>
851 <PasswordBox x:Name="_sipPasswordBoxAccountCreation_"
852 Margin="10"
853 PlaceholderText="Enter password"/>
854 </StackPanel>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400855 </StackPanel>
Nicolas Jager598aee22016-11-14 09:32:02 -0500856 </ScrollViewer>
857
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400858 <!-- buttons yes/no to create the new account. -->
859 <Grid Grid.Row="1">
860 <StackPanel Orientation="Horizontal"
861 HorizontalAlignment="Center">
862 <Button x:Name="_createAccountYes_"
863 Grid.Row="1"
864 VerticalAlignment="Center"
865 HorizontalAlignment="Center"
866 Content="&#xE081;"
867 Click="_createAccountYes__Click"
atraczyk196936e2016-09-02 15:31:53 -0400868 Style="{StaticResource ButtonStyle5}"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400869 <Button x:Name="_createAccountNo_"
870 Grid.Row="1"
871 VerticalAlignment="Center"
872 HorizontalAlignment="Center"
873 Content="&#xE106;"
874 Click="_createAccountNo__Click"
atraczyk196936e2016-09-02 15:31:53 -0400875 Style="{StaticResource ButtonStyle5}"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400876 </StackPanel>
877 </Grid>
878 </Grid>
Nicolas Jager026a84b2016-11-28 10:58:22 -0500879 <!-- add account menu. -->
880 <Grid x:Name="_accountAddMenuGrid_"
881 Visibility="Collapsed"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500882 Grid.Row="0"
atraczykaeb4a5c2016-12-01 19:17:18 -0500883 Background="#3bc1d3">
Nicolas Jager026a84b2016-11-28 10:58:22 -0500884 <Grid.RowDefinitions>
885 <RowDefinition Height="auto"/>
886 <RowDefinition Height="auto"/>
887 <RowDefinition Height="30"/>
888 </Grid.RowDefinitions>
889 <StackPanel Orientation="Horizontal"
890 Background="#FFE4F1F9"
891 Padding="10"
892 Grid.Row="0">
893 <Button x:Name="_step1button_"
894 Click="_step1button__Click"
895 Content="Step 1"/>
896 <TextBlock Text=">"/>
897 <Button x:Name="_step2button_"
898 Click="_step2button__Click"
899 Content="Step 2"/>
900 </StackPanel>
901 <!-- step 1. -->
902 <StackPanel x:Name="_step1Menu_"
903 Background="#FFE4F1F9"
904 Padding="10"
905 Grid.Row="1">
906 <TextBlock Text="To link this device to a Ring account, you'll first need to generate a PIN from Ring on a device hosting the account."
907 TextWrapping="Wrap"
908 TextAlignment="Justify"/>
909 <HyperlinkButton Content="Learn more"
910 Margin="0,0,0,10"
911 NavigateUri="http://ring.cx"/>
912 </StackPanel>
913 <!-- step 2. -->
914 <StackPanel x:Name="_step2Menu_"
915 Background="#FFE4F1F9"
916 Visibility="Collapsed"
917 Grid.Row="1">
918 <TextBox x:Name="_PINTextBox_"
919 Margin="10"
920 GotFocus="_PINTextBox__GotFocus"
921 PlaceholderText="Enter PIN"/>
922 <PasswordBox x:Name="_ArchivePassword_"
923 Margin="10"
924 PlaceholderText="Enter your password"/>
925 <TextBlock x:Name="_response_"
926 Foreground="Red"
927 HorizontalAlignment="Center"
928 Text=""/>
929 </StackPanel>
930 <!-- buttons next step and yes/no to add the account. -->
931 <Grid Grid.Row="2">
932 <StackPanel Orientation="Horizontal"
933 Padding="10,0"
934 HorizontalAlignment="Center">
935 <Button x:Name="_nextstep_"
936 VerticalAlignment="Center"
937 HorizontalAlignment="Center"
938 Content="&#xE081;"
939 Click="_step2button__Click"
940 Style="{StaticResource ButtonStyle2}"/>
941 <Button x:Name="_addAccountYes_"
942 VerticalAlignment="Center"
943 HorizontalAlignment="Center"
944 Visibility="Collapsed"
945 Content="&#xE081;"
946 Click="_addAccountYes__Click"
947 Style="{StaticResource ButtonStyle5}"/>
948 <Button x:Name="_addAccountNo_"
949 VerticalAlignment="Center"
950 HorizontalAlignment="Center"
951 Visibility="Collapsed"
952 Content="&#xE106;"
953 Click="_addAccountNo__Click"
954 Style="{StaticResource ButtonStyle5}"/>
955 </StackPanel>
956 </Grid>
957 </Grid>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400958 <!-- share menu. -->
959 <Grid x:Name="_shareMenuGrid_"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500960 Grid.Row="0"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400961 Visibility="Collapsed"
atraczykaeb4a5c2016-12-01 19:17:18 -0500962 Background="#3bc1d3">
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400963 <Grid.RowDefinitions>
964 <RowDefinition Height="*"/>
965 <RowDefinition Height="30"/>
966 </Grid.RowDefinitions>
967 <Grid Background="#FFE4F1F9">
968 <Grid.RowDefinitions>
Nicolas Jager7f34b772016-12-09 12:25:25 -0500969 <RowDefinition Height="auto"/>
970 <RowDefinition Height="auto"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400971 <RowDefinition Height="*"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400972 </Grid.RowDefinitions>
Nicolas Jager95c526b2016-10-20 09:47:03 -0400973 <Grid Background="white"
974 Margin="10"
atraczykaeb4a5c2016-12-01 19:17:18 -0500975 MaxHeight="140"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500976 Grid.Row="0"
Nicolas Jager95c526b2016-10-20 09:47:03 -0400977 MaxWidth="140"
978 Padding="5">
979 <Image x:Name="_selectedAccountQrCode_"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400980 Width="200"
981 Margin="5"
982 Grid.Row="0"
Nicolas Jager95c526b2016-10-20 09:47:03 -0400983 Stretch="None"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400984 Height="200"/>
Nicolas Jager95c526b2016-10-20 09:47:03 -0400985 </Grid>
986 <TextBlock x:Name="_ringId_"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500987 Padding="1"
Nicolas Jager95c526b2016-10-20 09:47:03 -0400988 Style="{StaticResource TextStyle4}"
989 Text=""
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400990 Grid.Row="1"
Nicolas Jager95c526b2016-10-20 09:47:03 -0400991 IsTextSelectionEnabled="True"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400992 HorizontalAlignment="Center"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400993 </Grid>
Nicolas Jager95c526b2016-10-20 09:47:03 -0400994 <Button x:Name="_shareMenuDone_"
995 Grid.Row="1"
996 VerticalAlignment="Center"
997 HorizontalAlignment="Center"
998 Content="&#xE081;"
999 Click="_shareMenuDone__Click"
1000 Style="{StaticResource ButtonStyle6}"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -04001001 </Grid>
Nicolas Jagere4eb5132016-10-04 14:25:15 -04001002 <!-- devices menu. -->
1003 <Grid x:Name="_devicesMenuGrid_"
Nicolas Jager7f34b772016-12-09 12:25:25 -05001004 Grid.Row="0"
Nicolas Jagere4eb5132016-10-04 14:25:15 -04001005 Visibility="Collapsed"
atraczykaeb4a5c2016-12-01 19:17:18 -05001006 Background="#3bc1d3">
Nicolas Jagere4eb5132016-10-04 14:25:15 -04001007 <Grid.RowDefinitions>
1008 <RowDefinition Height="*"/>
1009 <RowDefinition Height="30"/>
1010 </Grid.RowDefinitions>
1011 <Grid Background="#FFE4F1F9">
1012 <Grid.RowDefinitions>
1013 <RowDefinition Height="auto"/>
Nicolas Jager813cf4d2016-10-06 10:54:46 -04001014 <RowDefinition Height="auto"/>
Nicolas Jagerfac013f2016-11-23 14:16:13 -05001015 <RowDefinition Height="auto"/>
Nicolas Jagere4eb5132016-10-04 14:25:15 -04001016 <RowDefinition Height="*"/>
1017 <RowDefinition Height="auto"/>
1018 <RowDefinition Height="auto"/>
1019 </Grid.RowDefinitions>
Nicolas Jagerfac013f2016-11-23 14:16:13 -05001020 <!-- about this device -->
atraczykaeb4a5c2016-12-01 19:17:18 -05001021 <StackPanel Orientation="Horizontal"
Nicolas Jagerfac013f2016-11-23 14:16:13 -05001022 Grid.Row="0"
1023 Margin="10,20">
atraczykaeb4a5c2016-12-01 19:17:18 -05001024 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
Nicolas Jagerfac013f2016-11-23 14:16:13 -05001025 Margin="0,0,10,0"
1026 Text="&#xE211;"/>
atraczykaeb4a5c2016-12-01 19:17:18 -05001027 <TextBlock Text="Your device ID"/>
1028 </StackPanel>
Nicolas Jager813cf4d2016-10-06 10:54:46 -04001029 <TextBlock x:Name="_deviceId_"
Nicolas Jager38dd4422016-10-07 10:49:32 -04001030 Margin="10"
Nicolas Jager813cf4d2016-10-06 10:54:46 -04001031 Text="[TEXT_MISSING]"
Nicolas Jager38dd4422016-10-07 10:49:32 -04001032 TextTrimming="CharacterEllipsis"
Nicolas Jagerfac013f2016-11-23 14:16:13 -05001033 FontSize="12"
Nicolas Jager813cf4d2016-10-06 10:54:46 -04001034 Grid.Row="1"
1035 IsTextSelectionEnabled="True"
1036 HorizontalAlignment="Center"/>
atraczykaeb4a5c2016-12-01 19:17:18 -05001037 <!-- about linked devices -->
1038 <StackPanel Orientation="Horizontal"
Nicolas Jagerfac013f2016-11-23 14:16:13 -05001039 Grid.Row="2"
1040 Margin="10,20">
atraczykaeb4a5c2016-12-01 19:17:18 -05001041 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
Nicolas Jagerfac013f2016-11-23 14:16:13 -05001042 Margin="0,0,10,0"
1043 Text="&#xEBD2;"/>
atraczykaeb4a5c2016-12-01 19:17:18 -05001044 <TextBlock Text="other linked devices"/>
1045 </StackPanel>
1046 <TextBlock x:Name="_waitingDevicesList_"
Nicolas Jager38dd4422016-10-07 10:49:32 -04001047 Text="waiting for devices list..."
Nicolas Jagerfac013f2016-11-23 14:16:13 -05001048 Grid.Row="3"
Nicolas Jager38dd4422016-10-07 10:49:32 -04001049 IsTextSelectionEnabled="True"
1050 HorizontalAlignment="Center"/>
Nicolas Jager813cf4d2016-10-06 10:54:46 -04001051 <ListBox x:Name="_devicesIdList_"
Nicolas Jager38dd4422016-10-07 10:49:32 -04001052 Visibility="Collapsed"
Nicolas Jagerfac013f2016-11-23 14:16:13 -05001053 Padding="10,0"
1054 Background="#FFE4F1F9"
1055 Grid.Row="3"/>
Nicolas Jagere4eb5132016-10-04 14:25:15 -04001056 </Grid>
Nicolas Jagerfac013f2016-11-23 14:16:13 -05001057 <!-- button to add device. -->
Nicolas Jagere4eb5132016-10-04 14:25:15 -04001058 <Button x:Name="_addDevice_"
1059 Grid.Row="1"
1060 VerticalAlignment="Center"
1061 HorizontalAlignment="Center"
1062 Content="&#xE948;"
1063 Click="_addDevice__Click"
1064 Style="{StaticResource ButtonStyle6}"/>
1065 </Grid>
Nicolas Jagerd0830772016-10-07 08:45:33 -04001066 <!-- add device (pin generator) menu. -->
1067 <Grid x:Name="_addingDeviceGrid_"
Nicolas Jager7f34b772016-12-09 12:25:25 -05001068 Grid.Row="0"
Nicolas Jagerd0830772016-10-07 08:45:33 -04001069 Visibility="Collapsed"
atraczykaeb4a5c2016-12-01 19:17:18 -05001070 Background="#3bc1d3">
Nicolas Jagerd0830772016-10-07 08:45:33 -04001071 <Grid.RowDefinitions>
1072 <RowDefinition Height="*"/>
1073 <RowDefinition Height="30"/>
1074 </Grid.RowDefinitions>
1075 <Grid Background="#FFE4F1F9">
1076 <Grid.RowDefinitions>
1077 <RowDefinition Height="auto"/>
1078 <RowDefinition Height="auto"/>
1079 <RowDefinition Height="*"/>
1080 </Grid.RowDefinitions>
1081 <TextBlock VerticalAlignment="Center"
1082 Text="PIN generator"
1083 HorizontalAlignment="Center"
1084 Grid.Row="0"
1085 Margin="10,10,0,10"/>
1086 <PasswordBox x:Name="_passwordForPinGenerator_"
1087 Margin="10"
1088 Grid.Row="1"
1089 PlaceholderText="Enter your password"/>
1090 </Grid>
1091 <!-- buttons yes/no to generate a PIN. -->
1092 <Grid Grid.Row="1">
1093 <StackPanel Orientation="Horizontal"
1094 HorizontalAlignment="Center">
1095 <Button x:Name="_pinGeneratorYes_"
1096 Grid.Row="1"
1097 VerticalAlignment="Center"
1098 HorizontalAlignment="Center"
1099 Content="&#xE081;"
1100 Click="_pinGeneratorYes__Click"
1101 Style="{StaticResource ButtonStyle5}"/>
1102 <Button x:Name="_pinGeneratorNo_"
1103 Grid.Row="1"
1104 VerticalAlignment="Center"
1105 HorizontalAlignment="Center"
1106 Content="&#xE106;"
1107 Click="_pinGeneratorNo__Click"
1108 Style="{StaticResource ButtonStyle5}"/>
1109 </StackPanel>
1110 </Grid>
1111 </Grid>
1112 <!-- waiting for a PIN. -->
1113 <Grid x:Name="_waitingForPin_"
Nicolas Jager7f34b772016-12-09 12:25:25 -05001114 Grid.Row="0"
Nicolas Jagerd0830772016-10-07 08:45:33 -04001115 Visibility="Collapsed"
atraczykaeb4a5c2016-12-01 19:17:18 -05001116 Background="#3bc1d3">
Nicolas Jagerd0830772016-10-07 08:45:33 -04001117 <Grid.RowDefinitions>
1118 <RowDefinition Height="*"/>
1119 <RowDefinition Height="30"/>
1120 </Grid.RowDefinitions>
1121 <Grid Background="#FFE4F1F9">
1122 <Grid.RowDefinitions>
1123 <RowDefinition Height="*"/>
1124 <RowDefinition Height="auto"/>
1125 <RowDefinition Height="*"/>
1126 </Grid.RowDefinitions>
1127 <TextBlock x:Name="_waitingAndResult_"
1128 VerticalAlignment="Center"
1129 Text="Exporting account on the Ring..."
1130 HorizontalAlignment="Center"
1131 Grid.Row="0"
1132 Margin="10,10,0,10"/>
1133 </Grid>
Nicolas Jager38dd4422016-10-07 10:49:32 -04001134 <Grid Grid.Row="1">
1135 <StackPanel Orientation="Horizontal"
1136 HorizontalAlignment="Center">
1137 <Button x:Name="_closePin_"
1138 Grid.Row="1"
1139 VerticalAlignment="Center"
1140 HorizontalAlignment="Center"
1141 Content="&#xE081;"
1142 Click="_closePin__Click"
1143 Style="{StaticResource ButtonStyle5}"/>
1144 </StackPanel>
1145 </Grid>
Nicolas Jagerd0830772016-10-07 08:45:33 -04001146 </Grid>
Nicolas Jager7c409f32016-09-08 09:35:16 -04001147 <!-- contacts + calls => smartpanelitems. -->
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -04001148 <Grid x:Name="_smartGrid_"
1149 Grid.Row="0">
1150 <Grid.RowDefinitions>
1151 <RowDefinition x:Name="_rowRingTxtBx_"
1152 Height="40"/>
Nicolas Jager32f301f2016-11-22 14:28:57 -05001153 <RowDefinition Height="auto"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -04001154 <RowDefinition Height="*"/>
1155 </Grid.RowDefinitions>
atraczyk1f3cd1c2016-11-30 19:15:51 -05001156 <Grid>
1157 <Grid.ColumnDefinitions>
1158 <ColumnDefinition Width="*"/>
1159 <ColumnDefinition Width="Auto"/>
1160 </Grid.ColumnDefinitions>
1161 <Border x:Name="BackgroundElement"
1162 Grid.Column="0"
1163 Background="White"
1164 Margin="6"
1165 Opacity="1"
1166 Grid.ColumnSpan="2">
1167 </Border>
1168 <TextBox x:Name="_ringTxtBx_"
1169 Grid.Column="0"
1170 VerticalAlignment="Center"
1171 BorderThickness="0"
1172 HorizontalAlignment="Stretch"
1173 Padding="4"
1174 Margin="6"
1175 Foreground="Black"
1176 Background="White"
1177 TextWrapping="Wrap"
1178 KeyDown="_ringTxtBx__KeyDown"
1179 KeyUp="_ringTxtBx__KeyUp"
1180 Text="">
1181 </TextBox>
1182 <Button x:Name="_addButton_"
1183 Background="Transparent"
1184 Grid.Column="1"
1185 FontFamily="Segoe MDL2 Assets"
atraczykaeb4a5c2016-12-01 19:17:18 -05001186 Foreground="#3bc1d3"
atraczyk1f3cd1c2016-11-30 19:15:51 -05001187 Content=" &#xE1E2;"
1188 Click="_ringTxtBx__Click"
1189 BorderThickness="0"
1190 Visibility="Visible"
atraczykaeb4a5c2016-12-01 19:17:18 -05001191 IsTabStop="False"
atraczyk1f3cd1c2016-11-30 19:15:51 -05001192 FontSize="20"
1193 Width="38"
1194 Margin="6"
1195 Padding="4,4,8,4"
1196 VerticalAlignment="Stretch">
1197 <Button.RenderTransform>
1198 <TranslateTransform X="0"/>
1199 </Button.RenderTransform>
1200 </Button>
1201 </Grid>
1202 <ListBox x:Name="_smartList_"
1203 Grid.Row="2"
Nicolas Jager9d85be92016-12-10 16:10:31 -05001204 Background="Transparent"
atraczyk1f3cd1c2016-11-30 19:15:51 -05001205 Margin="0"
atraczyk1f3cd1c2016-11-30 19:15:51 -05001206 SelectionChanged="_smartList__SelectionChanged"
Nicolas Jager9d85be92016-12-10 16:10:31 -05001207 Padding="0"
atraczyk1f3cd1c2016-11-30 19:15:51 -05001208 ScrollViewer.HorizontalScrollBarVisibility="Auto"
Nicolas Jager039ce482016-12-11 13:35:23 -05001209 ScrollViewer.HorizontalScrollMode="Disabled"
1210 MaxWidth="320"
atraczyk1f3cd1c2016-11-30 19:15:51 -05001211 ItemContainerStyle="{StaticResource contactsListBoxStyle}"
1212 ItemTemplate="{StaticResource SmartPanelItemsTemplate}"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -04001213 </Grid>
1214 <!-- settings. -->
atraczyk9e71a6b2016-11-18 17:00:15 -05001215 <Grid x:Name="_settingsMenu_"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -04001216 Grid.Row="0"
atraczykaeb4a5c2016-12-01 19:17:18 -05001217 Visibility="Collapsed"
1218 Background="#FFE4F1F9">
atraczykacc4c412016-11-10 22:56:52 -05001219 <Grid.RowDefinitions>
1220 <RowDefinition Height="*"/>
1221 </Grid.RowDefinitions>
atraczykaeb4a5c2016-12-01 19:17:18 -05001222 <ScrollViewer
1223 ScrollViewer.VerticalScrollBarVisibility="Auto">
atraczyk9e71a6b2016-11-18 17:00:15 -05001224 <Grid x:Name="_videoSettings_"
atraczykacc4c412016-11-10 22:56:52 -05001225 Grid.Row="0">
atraczyk9e71a6b2016-11-18 17:00:15 -05001226 <StackPanel Margin="10">
1227 <TextBlock Text="Video Device"
atraczykacc4c412016-11-10 22:56:52 -05001228 Margin="10"/>
atraczyk9e71a6b2016-11-18 17:00:15 -05001229 <ComboBox x:Name="_videoDeviceComboBox_"
atraczykacc4c412016-11-10 22:56:52 -05001230 Margin="10"
1231 SelectionChanged="_videoDeviceComboBox__SelectionChanged">
atraczyk9e71a6b2016-11-18 17:00:15 -05001232 </ComboBox>
1233 <TextBlock Text="Video Resolution" Margin="10"/>
1234 <ComboBox x:Name="_videoResolutionComboBox_"
atraczykacc4c412016-11-10 22:56:52 -05001235 Margin="10"
1236 SelectionChanged="_videoResolutionComboBox__SelectionChanged">
atraczyk9e71a6b2016-11-18 17:00:15 -05001237 </ComboBox>
1238 <TextBlock Text="Video Rate" Margin="10"/>
1239 <ComboBox x:Name="_videoRateComboBox_"
atraczykacc4c412016-11-10 22:56:52 -05001240 Margin="10"
1241 SelectionChanged="_videoRateComboBox__SelectionChanged">
atraczyk9e71a6b2016-11-18 17:00:15 -05001242 </ComboBox>
1243 </StackPanel>
1244 </Grid>
1245 </ScrollViewer>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -04001246 </Grid>
1247 </Grid>
Nicolas Jager998fbd72016-08-08 11:41:28 -04001248 </Grid>
1249
1250</Page>