Gitiles
Code Review Sign In
review.jami.net / jami-client-uwp / 5c9e85d954d9b72552f877b3a31aab539a277d8c / . / SmartPanel.xaml
blob: c1a1635a9363b69b4208e407f15215897554bf04 [file] [log] [blame]
Nicolas Jager998fbd72016-08-08 11:41:28 -0400[diff] [blame]1<!-- **********************************************************************
2* Copyright (C) 2016 by Savoir-faire Linux *
3* Author: Jäger Nicolas<nicolas.jager@savoirfairelinux.com> *
atraczyke87716f2016-09-20 13:46:22 -0400[diff] [blame]4* Author: Traczyk Andreas<andreas.traczyk@savoirfairelinux.com> *
Nicolas Jager998fbd72016-08-08 11:41:28 -0400[diff] [blame]5* *
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 -0400[diff] [blame]23 xmlns:controls="using:RingClientUWP.Controls"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]24 xmlns:views="using:RingClientUWP.Views"
Nicolas Jager998fbd72016-08-08 11:41:28 -0400[diff] [blame]25 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 -0400[diff] [blame]27 NavigationCacheMode="Enabled"
Nicolas Jager998fbd72016-08-08 11:41:28 -0400[diff] [blame]28 mc:Ignorable="d">
29
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]30 <Page.Resources>
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]31 <!-- 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 -0400[diff] [blame]36 <views:AccountTypeToSourceImage x:Key="_AccountTypeToSourceImage_" />
37 <views:AccountSelectedToVisibility x:Key="_AccountSelectedToVisibility_" />
Nicolas Jager0a7b77d2016-10-26 12:26:43 -0400[diff] [blame]38 <views:CollapseEmptyString x:Key="_CollapseEmptyString_" />
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]39 <views:ContactStatusNotification x:Key="_ContactStatusNotification_" />
Nicolas Jager9d85be92016-12-10 16:10:31 -0500[diff] [blame]40 <views:boolToVisibility x:Key="_boolToVisibility_" />
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]41
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]42 <!-- template for contacts. -->
43 <DataTemplate x:Key="ContactTemplate"
44 x:DataType="local:Contact">
45 <Grid>
atraczyke87716f2016-09-20 13:46:22 -0400[diff] [blame]46 <Grid.ColumnDefinitions>
47 <ColumnDefinition Width="310"/>
48 </Grid.ColumnDefinitions>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]49 <Grid.RowDefinitions>
50 <RowDefinition Height="60"/>
51 <!-- use the height of _contactBar_ to make it visible or collapsed. -->
52 <RowDefinition x:Name="_contactBar_"
Nicolas Jagerf6a10322016-09-06 08:17:49 -0400[diff] [blame]53 Height="{x:Bind _contactBarHeight, Mode=OneWay}"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]54 </Grid.RowDefinitions>
55 <Grid Grid.Row="0">
56 <Grid.ColumnDefinitions>
57 <ColumnDefinition Width="60"/>
58 <ColumnDefinition Width="*"
59 MinWidth="200"/>
60 </Grid.ColumnDefinitions>
atraczyka57d7172016-11-29 09:58:35 -0500[diff] [blame]61 <Image x:Name="_XcontactAvatar_"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]62 VerticalAlignment="Center"
63 HorizontalAlignment="Center"
64 Grid.Column="0"
65 Width="55"
66 Height="55"
67 Source="Assets\TESTS\contactAvatar.png"/>
68 <!-- visual notifications. -->
69 <Border x:Name="_visualNotificationVideoChat_"
70 Visibility="Collapsed"
71 Style="{StaticResource BorderStyle1}">
72 <TextBlock Text="&#xE8AA;"
73 Style="{StaticResource TextSegoeStyle1}"/>
74 <Border.RenderTransform>
75 <TranslateTransform X="17" Y="-14"/>
76 </Border.RenderTransform>
77 </Border>
Nicolas Jagerd76940f2016-08-31 14:44:04 -0400[diff] [blame]78 <Grid Grid.Column="1">
79 <Grid.RowDefinitions>
80 <RowDefinition Height="30"/>
81 <RowDefinition Height="30"/>
82 </Grid.RowDefinitions>
83 <!-- name of the contact. -->
atraczyke87716f2016-09-20 13:46:22 -0400[diff] [blame]84 <TextBlock x:Name="_contactName_"
85 Grid.Row="0"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]86 Text="{x:Bind _name, Mode=OneWay}"
atraczyke87716f2016-09-20 13:46:22 -0400[diff] [blame]87 TextTrimming="CharacterEllipsis">
Nicolas Jagerd76940f2016-08-31 14:44:04 -0400[diff] [blame]88 </TextBlock>
Nicolas Jagerd76940f2016-08-31 14:44:04 -0400[diff] [blame]89 </Grid>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]90 </Grid>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]91 </Grid>
92 </DataTemplate>
Nicolas Jagerbf406b22016-10-21 11:32:33 -0400[diff] [blame]93 <!-- template for AccountListItems. -->
94 <DataTemplate x:Key="AccountListItemsTemplate"
95 x:DataType="controls:AccountListItem">
Nicolas Jager586e3622016-10-21 08:21:11 -0400[diff] [blame]96 <Grid Margin="0,10">
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]97 <Grid.ColumnDefinitions>
Nicolas Jager586e3622016-10-21 08:21:11 -0400[diff] [blame]98 <ColumnDefinition Width="40"/>
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]99 <ColumnDefinition Width="280"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]100 </Grid.ColumnDefinitions>
Nicolas Jager586e3622016-10-21 08:21:11 -0400[diff] [blame]101 <Border Grid.Column="0"
102 Margin="5,0"
103 Style="{StaticResource BorderStyle3}">
104 <Image x:Name="_AccountTypeIcon_"
105 VerticalAlignment="Center"
106 HorizontalAlignment="Center"
Nicolas Jagerbf406b22016-10-21 11:32:33 -0400[diff] [blame]107 Source="{x:Bind _account.accountType_, Converter={StaticResource _AccountTypeToSourceImage_}, Mode=OneWay}"/>
Nicolas Jager586e3622016-10-21 08:21:11 -0400[diff] [blame]108 </Border>
109 <Button x:Name="_editAccountMenuButton_"
110 HorizontalAlignment="Right"
111 VerticalAlignment="Top"
112 Content="&#xE104;"
113 FontFamily="Segoe MDL2 Assets"
Nicolas Jager6abfc0d2016-10-21 14:57:47 -0400[diff] [blame]114 Click="_editAccountMenuButton__Click"
Nicolas Jager586e3622016-10-21 08:21:11 -0400[diff] [blame]115 FontSize="20"
116 Foreground="White"
117 Background="Transparent"
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]118 BorderThickness="0"
119 Padding="0,4,0,2"
120 Margin="0,0,12,0"
121 Width="28"
Nicolas Jager586e3622016-10-21 08:21:11 -0400[diff] [blame]122 Visibility="{x:Bind _isSelected, Converter={StaticResource _AccountSelectedToVisibility_}, Mode=OneWay}"
123 Grid.Column="1">
124 <Button.RenderTransform>
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]125 <TranslateTransform Y="-10"/>
Nicolas Jager586e3622016-10-21 08:21:11 -0400[diff] [blame]126 </Button.RenderTransform>
127 </Button>
128 <StackPanel Grid.Column="1">
129 <TextBlock x:Name="_accountName_"
130 Style="{StaticResource TextStyle5}"
Nicolas Jager6abfc0d2016-10-21 14:57:47 -0400[diff] [blame]131 Text="{x:Bind _account.name_, Mode=OneWay}"/>
Nicolas Jager586e3622016-10-21 08:21:11 -0400[diff] [blame]132 <TextBlock x:Name="_ringID_"
Nicolas Jager0a7b77d2016-10-26 12:26:43 -0400[diff] [blame]133 Grid.ColumnSpan="2"
134 Style="{StaticResource TextStyle6}"
135 Visibility="{x:Bind _account.ringID_, Converter={StaticResource _CollapseEmptyString_}, Mode=OneWay}"
136 Text="{x:Bind _account.ringID_, Mode=OneWay}"/>
137 <TextBlock x:Name="_sipUsername_"
138 Grid.ColumnSpan="2"
139 Visibility="{x:Bind _account._sipUsername, Converter={StaticResource _CollapseEmptyString_}, Mode=OneWay}"
140 Style="{StaticResource TextStyle6}"
141 Text="{x:Bind _account._sipUsername, Mode=OneWay}"/>
Nicolas Jager586e3622016-10-21 08:21:11 -0400[diff] [blame]142 </StackPanel>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]143 </Grid>
144 </DataTemplate>
Nicolas Jager7c409f32016-09-08 09:35:16 -0400[diff] [blame]145 <!-- template for smartpanelitems. -->
146 <DataTemplate x:Key="SmartPanelItemsTemplate"
147 x:DataType="controls:SmartPanelItem">
Nicolas Jager9d85be92016-12-10 16:10:31 -0500[diff] [blame]148 <Grid PointerReleased="Grid_PointerReleased"
149 PointerEntered="Grid_PointerEntered"
150 PointerExited="Grid_PointerExited"
151 PointerMoved="Grid_PointerMoved"
Nicolas Jager32f301f2016-11-22 14:28:57 -0500[diff] [blame]152 Visibility="{x:Bind _showMe, Mode=OneWay}">
Nicolas Jager7c409f32016-09-08 09:35:16 -0400[diff] [blame]153 <Grid.RowDefinitions>
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]154 <!-- row definition for the contact. -->
Nicolas Jager7c409f32016-09-08 09:35:16 -0400[diff] [blame]155 <RowDefinition Height="auto"/>
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]156 <!-- row definition for the incoming call bar. -->
157 <RowDefinition Height="auto"/>
Nicolas Jager7c409f32016-09-08 09:35:16 -0400[diff] [blame]158 </Grid.RowDefinitions>
Nicolas Jager9d85be92016-12-10 16:10:31 -0500[diff] [blame]159 <!-- the first rectangle helps to detect mouse overing-->
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]160 <Rectangle Fill="Transparent"
161 Grid.Row="0"/>
Nicolas Jager9d85be92016-12-10 16:10:31 -0500[diff] [blame]162 <!-- the two next rectangles offer a better visibility correlation between the call button and the
163 backgrounds. Using them, avoid some visual bugs -->
164 <!-- the second rectangle controls the background for a selected item -->
165 <Rectangle Fill="#3bc1d3"
166 Visibility="{x:Bind _isSelected, Converter={StaticResource _boolToVisibility_}, Mode=OneWay}"
167 Grid.Row="0"/>
168 <!-- the thirs rectangle controls the background for an hovered item -->
169 <Rectangle Fill="#ced9e1"
170 Visibility="{x:Bind _isHovered, Converter={StaticResource _boolToVisibility_}, Mode=OneWay}"
171 Grid.Row="0"/>
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]172 <!-- curtain over item with contact not ready (e.g. lookup is in progress) -->
173 <Rectangle Fill="White"
174 Grid.Row="0"
175 Canvas.ZIndex="2"
176 Opacity="0.6"
177 Visibility="{x:Bind _contact._contactStatus, Converter={StaticResource _ContactStatusNotification_}, Mode=OneWay}"/>
178 <ProgressBar Canvas.ZIndex="3"
179 Visibility="{x:Bind _contact._contactStatus, Converter={StaticResource _ContactStatusNotification_}, Mode=OneWay}"
180 IsIndeterminate="True"/>
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]181 <!-- contact. -->
182 <Grid Grid.Row="0">
183 <Grid.ColumnDefinitions>
184 <ColumnDefinition Width="310"/>
185 </Grid.ColumnDefinitions>
186 <Grid.RowDefinitions>
187 <RowDefinition Height="60"/>
188 <!-- use the height of _contactBar_ to make it visible or collapsed. -->
189 <RowDefinition x:Name="_contactBar_"
190 Height="{x:Bind _contact._contactBarHeight, Mode=OneWay}"/>
191 </Grid.RowDefinitions>
192 <Grid Grid.Row="0">
193 <Grid.ColumnDefinitions>
194 <ColumnDefinition Width="60"/>
195 <ColumnDefinition Width="*"
196 MinWidth="200"/>
197 </Grid.ColumnDefinitions>
atraczyka57d7172016-11-29 09:58:35 -0500[diff] [blame]198 <Ellipse Height="50"
199 Width="50"
200 Grid.Column="0"
201 VerticalAlignment="Center"
202 HorizontalAlignment="Center"
203 Margin="5">
204 <Ellipse.Fill>
205 <ImageBrush x:Name="_contactAvatar_"
206 ImageSource="{x:Bind _contact._avatarImage, Mode=OneWay}"/>
207 </Ellipse.Fill>
208 </Ellipse>
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]209 <!-- visual notifications. -->
210 <Border x:Name="_visualNotificationVideoChat_"
211 Visibility="Collapsed"
212 Style="{StaticResource BorderStyle1}">
213 <TextBlock Text="&#xE8AA;"
214 Style="{StaticResource TextSegoeStyle1}"/>
215 <Border.RenderTransform>
216 <TranslateTransform X="17" Y="-14"/>
217 </Border.RenderTransform>
218 </Border>
219 <Border x:Name="_visualNotificationNewMessage_"
220 Visibility="{x:Bind _contact._unreadMessages, Converter={StaticResource _NewMessageBubleNotification_}, Mode=OneWay}"
221 Style="{StaticResource BorderStyle2}">
222 <TextBlock Text="{x:Bind _contact._unreadMessages, Mode=OneWay}"
223 Style="{StaticResource TextStyle3}"/>
224 <Border.RenderTransform>
225 <TranslateTransform X="-17" Y="-14"/>
226 </Border.RenderTransform>
227 </Border>
228
229 <Grid Grid.Column="1">
230 <Grid.RowDefinitions>
231 <RowDefinition Height="30"/>
232 <RowDefinition Height="30"/>
233 </Grid.RowDefinitions>
234 <!-- name of the contact. -->
235 <TextBlock x:Name="_contactName_"
236 Grid.Row="0"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]237 Text="{x:Bind _contact._name, Mode=OneWay}"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]238 TextTrimming="CharacterEllipsis">
239 </TextBlock>
240 <!-- call button. -->
241 <Button Grid.Row="0"
Nicolas Jager9d85be92016-12-10 16:10:31 -0500[diff] [blame]242 Visibility="{x:Bind _isCallable, Converter={StaticResource _boolToVisibility_}, Mode=OneWay}"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]243 Click="_callContact__Click"
244 VerticalAlignment="Bottom"
245 HorizontalAlignment="Left"
246 Margin="10,0"
247 Style="{StaticResource roundButtonTemplate}"
248 FontFamily="Segoe MDL2 Assets"
249 Content="&#xE116;">
250 <Button.RenderTransform>
251 <TranslateTransform X="90" Y="25"/>
252 </Button.RenderTransform>
253 </Button>
254 </Grid>
255 </Grid>
256 </Grid>
Nicolas Jager083b3ae2016-10-04 08:46:19 -0400[diff] [blame]257 <!-- call bar. -->
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]258 <Grid Width="320"
259 Grid.Row="1"
260 HorizontalAlignment="Left"
261 Background="DarkGray">
262 <Grid.RowDefinitions>
263 <RowDefinition Height="auto"/>
264 <RowDefinition Height="auto"/>
265 </Grid.RowDefinitions>
Nicolas Jager083b3ae2016-10-04 08:46:19 -0400[diff] [blame]266 <TextBlock x:Name="_CallStatus_"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]267 Grid.Row="0"
268 Foreground="White"
Nicolas Jager083b3ae2016-10-04 08:46:19 -0400[diff] [blame]269 Text="{x:Bind _callStatus, Mode=OneWay}"
270 Visibility="{x:Bind _callStatus, Converter={StaticResource _HasAnActiveCall_}, Mode=OneWay}"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]271 HorizontalAlignment="Center">
272 </TextBlock>
273 <StackPanel Orientation="Horizontal"
274 Visibility="Visible"
275 Grid.Row="1"
276 HorizontalAlignment="Center">
277 <Button x:Name="_acceptIncomingCallBtn_"
278 Click="_acceptIncomingCallBtn__Click"
Nicolas Jager083b3ae2016-10-04 08:46:19 -0400[diff] [blame]279 Visibility="{x:Bind _callStatus, Converter={StaticResource _IncomingVisibility_}, Mode=OneWay}"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]280 VerticalAlignment="Center"
281 HorizontalAlignment="Center"
282 Content="Accept"/>
283 <Button x:Name="_rejectIncomingCallBtn_"
284 Click="_rejectIncomingCallBtn__Click"
Nicolas Jager083b3ae2016-10-04 08:46:19 -0400[diff] [blame]285 Visibility="{x:Bind _callStatus, Converter={StaticResource _IncomingVisibility_}, Mode=OneWay}"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]286 VerticalAlignment="Center"
287 HorizontalAlignment="Center"
288 Content="Reject"/>
289 <Button x:Name="_cancelCallBtn_"
290 Click="_cancelCallBtn__Click"
Nicolas Jager083b3ae2016-10-04 08:46:19 -0400[diff] [blame]291 Visibility="{x:Bind _callStatus, Converter={StaticResource _OutGoingVisibility_}, Mode=OneWay}"
Nicolas Jagerc551c362016-10-01 19:24:50 -0400[diff] [blame]292 VerticalAlignment="Center"
293 HorizontalAlignment="Center"
294 Content="Cancel"/>
295 </StackPanel>
296 </Grid>
Nicolas Jager7c409f32016-09-08 09:35:16 -0400[diff] [blame]297 </Grid>
298 </DataTemplate>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]299 </Page.Resources>
300
Nicolas Jager998fbd72016-08-08 11:41:28 -0400[diff] [blame]301 <Grid>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]302 <Grid.RowDefinitions>
303 <!-- where accounts and share menu drop down are. -->
304 <RowDefinition Height="auto"/>
305 <!-- where contacts and settings are. -->
306 <RowDefinition Height="*"/>
307 </Grid.RowDefinitions>
308 <!-- drop down menus. -->
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]309 <Grid Background="#3bc1d3">
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]310 <Grid.RowDefinitions>
311 <!-- where the selected account is shown. -->
312 <RowDefinition x:Name="_selectedAccountRow_"
313 Height="90"/>
314 <!-- where the drop down menus are shown. -->
315 <RowDefinition Height="auto"/>
316 </Grid.RowDefinitions>
317 <!-- selected account. -->
318 <Grid Grid.Row="0">
319 <Grid.ColumnDefinitions>
320 <ColumnDefinition x:Name="_selectedAccountAvatarColumn_"
321 Width="90"/>
322 <ColumnDefinition Width="*"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]323 </Grid.ColumnDefinitions>
atraczyk2425ddd2016-09-01 13:16:22 -0400[diff] [blame]324 <Ellipse
325 x:Name="_selectedAccountAvatarContainer_"
326 Height="80"
327 Width="80"
328 Grid.Column="0"
Nicolas Jagerf3ad2c02016-10-26 13:39:03 -0400[diff] [blame]329 Stroke="White"
330 StrokeThickness="3"
331 PointerEntered="_selectedAccountAvatarContainer__PointerEntered"
332 PointerExited="_selectedAccountAvatarContainer__PointerExited"
333 PointerReleased="_selectedAccountAvatarContainer__PointerReleased"
atraczyk2425ddd2016-09-01 13:16:22 -0400[diff] [blame]334 Margin="5">
335 <Ellipse.Fill>
336 <ImageBrush
337 x:Name="_selectedAccountAvatar_"
338 ImageSource="Assets\TESTS\contactAvatar.png"/>
339 </Ellipse.Fill>
340 </Ellipse>
Nicolas Jagerf3ad2c02016-10-26 13:39:03 -0400[diff] [blame]341 <Ellipse
342 x:Name="_shaderPhotoboothIcon_"
343 Visibility="Collapsed"
344 Height="80"
345 Width="80"
346 Grid.Column="0"
347 IsHitTestVisible="False"
348 Fill="Black"
349 Opacity="0.3"
350 Margin="5">
351 </Ellipse>
352 <TextBlock x:Name="_photoboothIcon_"
353 Grid.Column="0"
354 Visibility="Collapsed"
355 IsHitTestVisible="False"
356 Style="{StaticResource TextSegoeStyle-Centered-40pt-white}"
357 Text="&#xE722;">
358 </TextBlock>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]359 <StackPanel Grid.Column="1"
360 VerticalAlignment="Bottom">
atraczyk4a8cffc2016-08-25 20:01:25 -0400[diff] [blame]361 <TextBlock x:Name="_selectedAccountName_"
atraczyk5c395ea2016-09-20 17:28:09 -0400[diff] [blame]362 Text="[TEXT MISSING]"
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]363 Margin="10,0,0,10"
364 TextTrimming="CharacterEllipsis"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]365 Style="{StaticResource TextStyle2}"/>
366 <StackPanel Orientation="Horizontal">
367 <!--Content="&#xE0A1;-->
atraczyk890921f2016-12-02 16:26:31 -0500[diff] [blame]368 <Button x:Name="_smartGridButton_"
369 VerticalAlignment="Bottom"
370 Content="&#xe716;"
371 Click="_smartGridButton__Clicked"
372 Style="{StaticResource smartGridButtonStyle}"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]373 <ToggleButton x:Name="_accountsMenuButton_"
374 VerticalAlignment="Bottom"
375 Content="&#xE168;"
376 Checked="_accountsMenuButton__Checked"
377 Unchecked="_accountsMenuButton__Unchecked"
378 Style="{StaticResource ToggleButtonStyle1}"/>
Nicolas Jager95c526b2016-10-20 09:47:03 -0400[diff] [blame]379 <!-- _shareMenuButton_ -->
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]380 <ToggleButton x:Name="_shareMenuButton_"
381 VerticalAlignment="Bottom"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]382 Checked="_shareMenuButton__Checked"
383 Unchecked="_shareMenuButton__Unchecked"
Nicolas Jager95c526b2016-10-20 09:47:03 -0400[diff] [blame]384 Style="{StaticResource ToggleButtonStyle1}">
385 <Image Source="Assets/qrCodeIcon.png"
386 Stretch="Uniform"/>
387 </ToggleButton>
388 <!-- _devicesMenuButton_ -->
Nicolas Jagere4eb5132016-10-04 14:25:15 -0400[diff] [blame]389 <ToggleButton x:Name="_devicesMenuButton_"
390 VerticalAlignment="Bottom"
Nicolas Jagerd0830772016-10-07 08:45:33 -0400[diff] [blame]391 Content="&#xE836;"
Nicolas Jagere4eb5132016-10-04 14:25:15 -0400[diff] [blame]392 Checked="_devicesMenuButton__Checked"
Nicolas Jagerd0830772016-10-07 08:45:33 -0400[diff] [blame]393 Unchecked="_devicesMenuButton__Unchecked"
394 Style="{StaticResource ToggleButtonStyle1}"/>
atraczyk890921f2016-12-02 16:26:31 -0500[diff] [blame]395 <!-- _settingsMenuButton_ -->
396 <ToggleButton x:Name="_settingsMenuButton_"
397 VerticalAlignment="Bottom"
398 Content="&#xE115;"
399 Checked="_settingsMenu__Checked"
400 Unchecked="_settingsMenu__Unchecked"
401 Style="{StaticResource ToggleButtonStyle1}"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]402 </StackPanel>
403 </StackPanel>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]404 </Grid>
405
406 <!--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 -0400[diff] [blame]407 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 -0400[diff] [blame]408
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]409
410
411
412 </Grid>
413 <!-- smartList and settings. -->
Nicolas Jager9d85be92016-12-10 16:10:31 -0500[diff] [blame]414 <Grid Grid.Row="1"
415 Background="#FFE4F1F9">
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]416 <!-- accounts menu. -->
417 <Grid x:Name="_accountsMenuGrid_"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]418 Grid.Row="0"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]419 Visibility="Collapsed"
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]420 Background="#3bc1d3">
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]421 <Grid.RowDefinitions>
422 <RowDefinition Height="*"/>
423 <RowDefinition Height="30"/>
424 </Grid.RowDefinitions>
atraczyk196936e2016-09-02 15:31:53 -0400[diff] [blame]425 <ScrollViewer x:Name="_accountsListScrollView_"
426 ScrollViewer.VerticalScrollBarVisibility="Auto"
427 ScrollViewer.VerticalScrollMode="Enabled">
428 <ListBox x:Name="_accountsList_"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]429 Grid.Row="0"
atraczyk4a8cffc2016-08-25 20:01:25 -0400[diff] [blame]430 SelectionChanged="_accountList__SelectionChanged"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]431 Width="320"
432 ItemContainerStyle="{StaticResource contactsListBoxStyle}"
433 Background="#FFE4F1F9"
Nicolas Jagerbf406b22016-10-21 11:32:33 -0400[diff] [blame]434 ItemTemplate="{StaticResource AccountListItemsTemplate}"/>
atraczyk196936e2016-09-02 15:31:53 -0400[diff] [blame]435 </ScrollViewer>
Nicolas Jager026a84b2016-11-28 10:58:22 -0500[diff] [blame]436 <StackPanel Orientation="Horizontal"
437 Grid.Row="1">
438 <!--Style="{StaticResource ButtonStyle6}"-->
439 <Button x:Name="_addAccountBtn_"
440 VerticalAlignment="Center"
441 HorizontalAlignment="Center"
442 Content="&#xE948;"
443 Click="_addAccountBtn__Click"
444 Style="{StaticResource ButtonStyle5}"/>
445 <!--Style="{StaticResource ButtonStyle6}"-->
446 <Button x:Name="_linkThisDeviceBtn_"
447 VerticalAlignment="Center"
448 HorizontalAlignment="Center"
449 Content="&#xEBD2;"
450 Click="_linkThisDeviceBtn__Click"
451 Style="{StaticResource ButtonStyle5}"/>
452 </StackPanel>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]453 </Grid>
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]454 <!-- account edition menu. -->
455 <Grid x:Name="_accountEditionGrid_"
456 Grid.Row="0"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]457 Visibility="Collapsed"
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]458 Background="#3bc1d3">
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]459 <Grid.RowDefinitions>
460 <RowDefinition Height="*"/>
461 <RowDefinition Height="30"/>
462 </Grid.RowDefinitions>
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]463 <ScrollViewer x:Name="_scrollViewerEditionMenu_"
464 Grid.Row="0">
465 <StackPanel Orientation="Vertical"
466 Padding="10,0"
467 Grid.Row="0"
468 Background="#FFE4F1F9">
469 <!-- alias sub menu. -->
470 <StackPanel Orientation="Horizontal"
471 Margin="0,20">
472 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
473 Margin="0,0,10,0"
474 Text="&#xE8EC;"/>
475 <TextBlock Text="Alias"/>
476 </StackPanel>
477 <Grid Margin="10,0,10,10">
478 <Grid.ColumnDefinitions>
479 <ColumnDefinition Width="*"/>
480 <ColumnDefinition Width="25"/>
481 </Grid.ColumnDefinitions>
482 <TextBox x:Name="_accountAliasTextBoxEdition_"
483 Grid.Column="0"
484 TextChanged="_accountAliasTextBoxEdition__TextChanged"
485 PlaceholderText="Enter alias"/>
486 <TextBlock x:Name="_accountAliasValidEdition_"
487 Grid.Column="1"
488 Padding="10,0"
489 Style="{StaticResource TextSegoeStyle-20pt-green}"
490 Visibility="Collapsed"
491 Text="&#xE10B;"/>
492 <TextBlock x:Name="_accountAliasInvalidEdition_"
493 Grid.Column="1"
494 Padding="10,0"
495 Style="{StaticResource TextSegoeStyle-20pt-red}"
496 Text="&#xE10A;"/>
497 </Grid>
498 <!-- edition sub menu. -->
499 <StackPanel x:Name="_ringStackEdition_">
500 <!-- register account on blockachain -->
501 <StackPanel Orientation="Horizontal"
502 Margin="0,20">
503 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
504 Margin="0,0,10,0"
505 Text="&#xE167;"/>
506 <TextBlock Text="Register public username"/>
507 </StackPanel>
508 <ToggleSwitch x:Name="_RegisterStateEdition_"
509 IsOn="True"
510 Toggled="_RegisterStateEdition__Toggled"
511 Margin="0,10"/>
512 <TextBlock x:Name="_whatWilHappenEdition_"
513 Margin="0,10,0,0"
514 Style="{StaticResource BodyTextBlockStyle}"
515 Text="peoples will find you with your username"/>
516 <HyperlinkButton Content="Learn more"
517 Margin="0,0,0,10"
518 NavigateUri="http://ring.cx"/>
519 <Grid Margin="10">
520 <Grid.ColumnDefinitions>
521 <ColumnDefinition Width="*"/>
522 <ColumnDefinition Width="25"/>
523 </Grid.ColumnDefinitions>
524 <TextBox x:Name="_usernameTextBoxEdition_"
525 Grid.Column="0"
526 PlaceholderText="Enter your full name"
527 KeyUp="_usernameTextBoxEdition__KeyUp"/>
528 <TextBlock x:Name="_usernameValidEdition_"
529 Grid.Column="1"
530 Padding="10,0"
531 Style="{StaticResource TextSegoeStyle-20pt-green}"
532 Visibility="Collapsed"
533 Text="&#xE10B;"/>
534 <TextBlock x:Name="_usernameInvalidEdition_"
535 Grid.Column="1"
536 Padding="10,0"
537 Style="{StaticResource TextSegoeStyle-20pt-red}"
538 Text="&#xE10A;"/>
539 </Grid>
540 <Button x:Name="_registerOnBlockchainEdition_"
541 Content="register"
542 Visibility="Collapsed"
543 Click="_registerOnBlockchainEdition__Click"/>
544 <StackPanel Orientation="Horizontal" Margin="10">
545 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
546 Text="&#xE15E;"/>
547 <TextBlock Text="UPnP" Margin="10"/>
548 </StackPanel>
549 <ToggleSwitch x:Name="_upnpState_"
550 Margin="20,10"/>
551 </StackPanel>
552 <!-- SIP parameters. -->
553 <StackPanel x:Name="_sipAccountStackEdition_"
554 Visibility="Collapsed">
555 <StackPanel Orientation="Horizontal"
556 Margin="10">
557 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
558 Text="&#xE717;"/>
559 <TextBlock Text="SIP account parameters"
560 Margin="10"/>
561 </StackPanel>
562 <TextBox x:Name="_sipHostnameEdition_"
563 Margin="10"
564 PlaceholderText="Enter hostname"/>
565 <TextBox x:Name="_sipUsernameEditionTextBox_"
566 Margin="10"
567 PlaceholderText="Enter username"/>
568 <PasswordBox x:Name="_sipPasswordEdition_"
569 Margin="10"
570 PlaceholderText="Enter password"/>
571 </StackPanel>
572 <!-- delete account sub menu. -->
573 <StackPanel Orientation="Horizontal" Margin="10">
574 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
575 Text="&#xE74D;"/>
576 <TextBlock Text="Delete account" Margin="10"/>
577 </StackPanel>
578 <ToggleSwitch x:Name="_deleteAccountEdition_"
579 Toggled="_deleteAccountEdition__Toggled"
580 Margin="20,10"/>
581 <TextBlock x:Name="_whatWilHappendeleteRingAccountEdition_"
582 Margin="0,10,0,0"
583 Style="{StaticResource BodyTextBlockStyle}"
584 Foreground="Red"
585 Visibility="Collapsed"
586 Text="Your account will be deleted from this computer. Other devices are not affected. Your public registration can never be deleted."/>
587 <TextBlock x:Name="_whatWilHappendeleteSipAccountEdition_"
588 Margin="0,10,0,0"
589 Style="{StaticResource BodyTextBlockStyle}"
590 Foreground="Red"
591 Visibility="Collapsed"
592 Text="Your account will be deleted from this computer."/>
593 <HyperlinkButton x:Name="_learnMoreDeleteAccountEdition_"
594 Content="Learn more"
595 Visibility="Collapsed"
596 Margin="0,0,0,10"
597 NavigateUri="http://ring.cx"/>
598 </StackPanel>
599 </ScrollViewer>
600 <!-- buttons yes/no to accept the modification. -->
601 <Grid Grid.Row="1">
602 <StackPanel Orientation="Horizontal"
603 HorizontalAlignment="Center">
604 <Button x:Name="_acceptAccountModification_"
605 Grid.Row="1"
606 VerticalAlignment="Center"
607 HorizontalAlignment="Center"
608 Content="&#xE081;"
609 Click="_acceptAccountModification__Click"
610 Style="{StaticResource ButtonStyle5}"/>
611 <Button x:Name="_cancelAccountModification_"
612 Grid.Row="1"
613 VerticalAlignment="Center"
614 HorizontalAlignment="Center"
615 Content="&#xE106;"
616 Click="_cancelAccountModification__Click"
617 Style="{StaticResource ButtonStyle5}"/>
618 </StackPanel>
619 </Grid>
620 </Grid>
621 <!-- account creation menu. -->
622 <Grid x:Name="_accountCreationMenuGrid_"
623 Grid.Row="0"
624 Visibility="Collapsed"
625 Background="#3bc1d3">
626 <Grid.RowDefinitions>
627 <RowDefinition Height="*"/>
628 <RowDefinition Height="30"/>
629 </Grid.RowDefinitions>
630 <ScrollViewer Grid.Row="0">
Nicolas Jager598aee22016-11-14 09:32:02 -0500[diff] [blame]631 <StackPanel Orientation="Vertical"
632 Padding="10,0"
633 Background="#FFE4F1F9">
634 <!-- alias sub menu. -->
Nicolas Jager0a7b77d2016-10-26 12:26:43 -0400[diff] [blame]635 <StackPanel Orientation="Horizontal"
Nicolas Jager598aee22016-11-14 09:32:02 -0500[diff] [blame]636 Margin="0,20">
Nicolas Jager0a7b77d2016-10-26 12:26:43 -0400[diff] [blame]637 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
Nicolas Jager598aee22016-11-14 09:32:02 -0500[diff] [blame]638 Margin="0,0,10,0"
639 Text="&#xE8EC;"/>
640 <TextBlock Text="Alias"/>
Nicolas Jager0a7b77d2016-10-26 12:26:43 -0400[diff] [blame]641 </StackPanel>
Nicolas Jager598aee22016-11-14 09:32:02 -0500[diff] [blame]642 <Grid Margin="10,0,10,10">
643 <Grid.ColumnDefinitions>
644 <ColumnDefinition Width="*"/>
645 <ColumnDefinition Width="25"/>
646 </Grid.ColumnDefinitions>
647 <TextBox x:Name="_accountAliasTextBox_"
648 Grid.Column="0"
649 TextChanged="_accountAliasTextBox__TextChanged"
650 PlaceholderText="Enter alias"/>
651 <TextBlock x:Name="_accountAliasValid_"
652 Grid.Column="1"
653 Padding="10,0"
654 Style="{StaticResource TextSegoeStyle-20pt-green}"
655 Visibility="Collapsed"
656 Text="&#xE10B;"/>
657 <TextBlock x:Name="_accountAliasInvalid_"
658 Grid.Column="1"
659 Padding="10,0"
660 Style="{StaticResource TextSegoeStyle-20pt-red}"
661 Text="&#xE10A;"/>
662 </Grid>
663
664 <!-- account type chooser -->
665 <StackPanel Orientation="Horizontal"
666 Margin="0,20">
667 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
668 Margin="0,0,10,0"
669 Text="&#xE168;"/>
670 <TextBlock Text="Account type"/>
671 </StackPanel>
672 <ComboBox x:Name="_accountTypeComboBox_"
673 SelectedIndex="0"
674 Margin="10,10,0,0"
675 SelectionChanged="_accountTypeComboBox__SelectionChanged"
676 VerticalAlignment="Center"
677 Width="195">
678 <ComboBoxItem Content="Ring"/>
679 <ComboBoxItem Content="Sip"/>
680 </ComboBox>
681 <!-- RING account. -->
682 <StackPanel x:Name="_ringAccountCreationStack_"
683 Margin="0,20"
684 Visibility="Visible">
685 <!-- register account on blockachain -->
686 <StackPanel Orientation="Horizontal"
687 Margin="0,20">
688 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
689 Margin="0,0,10,0"
690 Text="&#xE167;"/>
691 <TextBlock Text="Register public username"/>
692 </StackPanel>
693 <ToggleSwitch x:Name="_RegisterState_"
694 IsOn="True"
695 Toggled="_RegisterState__Toggled"
696 Margin="0,10"/>
697 <TextBlock x:Name="_whatWilHappen_"
698 Margin="0,10,0,0"
699 Style="{StaticResource BodyTextBlockStyle}"
700 Text="peoples will find you with your username"/>
701 <HyperlinkButton Content="Learn more"
702 Margin="0,0,0,10"
703 NavigateUri="http://ring.cx"/>
704 <Grid Margin="10">
705 <Grid.ColumnDefinitions>
706 <ColumnDefinition Width="*"/>
707 <ColumnDefinition Width="25"/>
708 </Grid.ColumnDefinitions>
709 <TextBox x:Name="_usernameTextBox_"
710 Grid.Column="0"
711 PlaceholderText="Enter your full name"
712 KeyUp="_usernameTextBox__KeyUp"
713 />
714 <TextBlock x:Name="_usernameValid_"
715 Grid.Column="1"
716 Padding="10,0"
717 Style="{StaticResource TextSegoeStyle-20pt-green}"
718 Visibility="Collapsed"
719 Text="&#xE10B;"/>
720 <TextBlock x:Name="_usernameInvalid_"
721 Grid.Column="1"
722 Padding="10,0"
723 Style="{StaticResource TextSegoeStyle-20pt-red}"
724 Text="&#xE10A;"/>
725 </Grid>
726 <!-- password sub menu. -->
727 <StackPanel Orientation="Horizontal"
728 Margin="0,20">
729 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
730 Margin="0,0,10,0"
731 Text="&#xE8D7;"/>
Nicolas Jagerc680e4f2016-12-06 16:02:23 -0500[diff] [blame]732 <TextBlock Text="Password"/>
Nicolas Jager598aee22016-11-14 09:32:02 -0500[diff] [blame]733 </StackPanel>
734 <Grid Margin="10">
735 <Grid.ColumnDefinitions>
736 <ColumnDefinition Width="*"/>
737 <ColumnDefinition Width="25"/>
738 </Grid.ColumnDefinitions>
739 <PasswordBox x:Name="_ringPasswordBoxAccountCreation_"
740 Grid.Column="0"
741 PasswordChanged="_passwordBoxAccountCreationCheck__PasswordChanged"
742 PlaceholderText="Enter password"/>
743 <TextBlock x:Name="_passwordValid_"
744 Grid.Column="1"
745 Padding="10,0"
746 Style="{StaticResource TextSegoeStyle-20pt-green}"
747 Visibility="Collapsed"
748 Text="&#xE10B;"/>
749 <TextBlock x:Name="_passwordInvalid_"
750 Grid.Column="1"
751 Padding="10,0"
752 Style="{StaticResource TextSegoeStyle-20pt-red}"
753 Text="&#xE10A;"/>
754 </Grid>
755 <Grid Margin="10">
756 <Grid.ColumnDefinitions>
757 <ColumnDefinition Width="*"/>
758 <ColumnDefinition Width="25"/>
759 </Grid.ColumnDefinitions>
760 <PasswordBox x:Name="_ringPasswordBoxAccountCreationCheck_"
761 Grid.Column="0"
762 PasswordChanged="_passwordBoxAccountCreationCheck__PasswordChanged"
763 PlaceholderText="Repeat password"/>
764 <TextBlock x:Name="_passwordCheckValid_"
765 Grid.Column="1"
766 Padding="10,0"
767 Style="{StaticResource TextSegoeStyle-20pt-green}"
768 Visibility="Collapsed"
769 Text="&#xE10B;"/>
770 <TextBlock x:Name="_passwordCheckInvalid_"
771 Grid.Column="1"
772 Padding="10,0"
773 Style="{StaticResource TextSegoeStyle-20pt-red}"
774 Text="&#xE10A;"/>
775 </Grid>
776 <!-- upnp sub menu. -->
777 <StackPanel Orientation="Horizontal"
778 Margin="0,20">
779 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
780 Margin="0,0,10,0"
781 Text="&#xE15E;"/>
782 <TextBlock Text="UPnP"/>
783 </StackPanel>
784 <ToggleSwitch x:Name="_upnpStateAccountCreation_"
785 IsOn="True"
786 Margin="0,10"/>
787 </StackPanel>
788 <!-- SIP account. -->
789 <StackPanel x:Name="_sipAccountCreationStack_"
790 Visibility="Collapsed">
791 <StackPanel Orientation="Horizontal"
792 Margin="10">
793 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
794 Text="&#xE717;"/>
795 <TextBlock Text="SIP account parameters"
796 Margin="10"/>
797 </StackPanel>
798 <TextBox x:Name="_sipHostnameTextBox_"
799 Margin="10"
800 PlaceholderText="Enter hostname"/>
801 <TextBox x:Name="_sipUsernameTextBox_"
802 Margin="10"
803 PlaceholderText="Enter username"/>
804 <PasswordBox x:Name="_sipPasswordBoxAccountCreation_"
805 Margin="10"
806 PlaceholderText="Enter password"/>
807 </StackPanel>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]808 </StackPanel>
Nicolas Jager598aee22016-11-14 09:32:02 -0500[diff] [blame]809 </ScrollViewer>
810
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]811 <!-- buttons yes/no to create the new account. -->
812 <Grid Grid.Row="1">
813 <StackPanel Orientation="Horizontal"
814 HorizontalAlignment="Center">
815 <Button x:Name="_createAccountYes_"
816 Grid.Row="1"
817 VerticalAlignment="Center"
818 HorizontalAlignment="Center"
819 Content="&#xE081;"
820 Click="_createAccountYes__Click"
atraczyk196936e2016-09-02 15:31:53 -0400[diff] [blame]821 Style="{StaticResource ButtonStyle5}"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]822 <Button x:Name="_createAccountNo_"
823 Grid.Row="1"
824 VerticalAlignment="Center"
825 HorizontalAlignment="Center"
826 Content="&#xE106;"
827 Click="_createAccountNo__Click"
atraczyk196936e2016-09-02 15:31:53 -0400[diff] [blame]828 Style="{StaticResource ButtonStyle5}"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]829 </StackPanel>
830 </Grid>
831 </Grid>
Nicolas Jager026a84b2016-11-28 10:58:22 -0500[diff] [blame]832 <!-- add account menu. -->
833 <Grid x:Name="_accountAddMenuGrid_"
834 Visibility="Collapsed"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]835 Grid.Row="0"
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]836 Background="#3bc1d3">
Nicolas Jager026a84b2016-11-28 10:58:22 -0500[diff] [blame]837 <Grid.RowDefinitions>
838 <RowDefinition Height="auto"/>
839 <RowDefinition Height="auto"/>
840 <RowDefinition Height="30"/>
841 </Grid.RowDefinitions>
842 <StackPanel Orientation="Horizontal"
843 Background="#FFE4F1F9"
844 Padding="10"
845 Grid.Row="0">
846 <Button x:Name="_step1button_"
847 Click="_step1button__Click"
848 Content="Step 1"/>
849 <TextBlock Text=">"/>
850 <Button x:Name="_step2button_"
851 Click="_step2button__Click"
852 Content="Step 2"/>
853 </StackPanel>
854 <!-- step 1. -->
855 <StackPanel x:Name="_step1Menu_"
856 Background="#FFE4F1F9"
857 Padding="10"
858 Grid.Row="1">
859 <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."
860 TextWrapping="Wrap"
861 TextAlignment="Justify"/>
862 <HyperlinkButton Content="Learn more"
863 Margin="0,0,0,10"
864 NavigateUri="http://ring.cx"/>
865 </StackPanel>
866 <!-- step 2. -->
867 <StackPanel x:Name="_step2Menu_"
868 Background="#FFE4F1F9"
869 Visibility="Collapsed"
870 Grid.Row="1">
871 <TextBox x:Name="_PINTextBox_"
872 Margin="10"
873 GotFocus="_PINTextBox__GotFocus"
874 PlaceholderText="Enter PIN"/>
875 <PasswordBox x:Name="_ArchivePassword_"
876 Margin="10"
877 PlaceholderText="Enter your password"/>
878 <TextBlock x:Name="_response_"
879 Foreground="Red"
880 HorizontalAlignment="Center"
881 Text=""/>
882 </StackPanel>
883 <!-- buttons next step and yes/no to add the account. -->
884 <Grid Grid.Row="2">
885 <StackPanel Orientation="Horizontal"
886 Padding="10,0"
887 HorizontalAlignment="Center">
888 <Button x:Name="_nextstep_"
889 VerticalAlignment="Center"
890 HorizontalAlignment="Center"
891 Content="&#xE081;"
892 Click="_step2button__Click"
893 Style="{StaticResource ButtonStyle2}"/>
894 <Button x:Name="_addAccountYes_"
895 VerticalAlignment="Center"
896 HorizontalAlignment="Center"
897 Visibility="Collapsed"
898 Content="&#xE081;"
899 Click="_addAccountYes__Click"
900 Style="{StaticResource ButtonStyle5}"/>
901 <Button x:Name="_addAccountNo_"
902 VerticalAlignment="Center"
903 HorizontalAlignment="Center"
904 Visibility="Collapsed"
905 Content="&#xE106;"
906 Click="_addAccountNo__Click"
907 Style="{StaticResource ButtonStyle5}"/>
908 </StackPanel>
909 </Grid>
910 </Grid>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]911 <!-- share menu. -->
912 <Grid x:Name="_shareMenuGrid_"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]913 Grid.Row="0"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]914 Visibility="Collapsed"
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]915 Background="#3bc1d3">
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]916 <Grid.RowDefinitions>
917 <RowDefinition Height="*"/>
918 <RowDefinition Height="30"/>
919 </Grid.RowDefinitions>
920 <Grid Background="#FFE4F1F9">
921 <Grid.RowDefinitions>
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]922 <RowDefinition Height="auto"/>
923 <RowDefinition Height="auto"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]924 <RowDefinition Height="*"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]925 </Grid.RowDefinitions>
Nicolas Jager95c526b2016-10-20 09:47:03 -0400[diff] [blame]926 <Grid Background="white"
927 Margin="10"
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]928 MaxHeight="140"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]929 Grid.Row="0"
Nicolas Jager95c526b2016-10-20 09:47:03 -0400[diff] [blame]930 MaxWidth="140"
931 Padding="5">
932 <Image x:Name="_selectedAccountQrCode_"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]933 Width="200"
934 Margin="5"
935 Grid.Row="0"
Nicolas Jager95c526b2016-10-20 09:47:03 -0400[diff] [blame]936 Stretch="None"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]937 Height="200"/>
Nicolas Jager95c526b2016-10-20 09:47:03 -0400[diff] [blame]938 </Grid>
939 <TextBlock x:Name="_ringId_"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]940 Padding="1"
Nicolas Jager95c526b2016-10-20 09:47:03 -0400[diff] [blame]941 Style="{StaticResource TextStyle4}"
942 Text=""
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]943 Grid.Row="1"
Nicolas Jager95c526b2016-10-20 09:47:03 -0400[diff] [blame]944 IsTextSelectionEnabled="True"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]945 HorizontalAlignment="Center"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]946 </Grid>
Nicolas Jager95c526b2016-10-20 09:47:03 -0400[diff] [blame]947 <Button x:Name="_shareMenuDone_"
948 Grid.Row="1"
949 VerticalAlignment="Center"
950 HorizontalAlignment="Center"
951 Content="&#xE081;"
952 Click="_shareMenuDone__Click"
953 Style="{StaticResource ButtonStyle6}"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]954 </Grid>
Nicolas Jagere4eb5132016-10-04 14:25:15 -0400[diff] [blame]955 <!-- devices menu. -->
956 <Grid x:Name="_devicesMenuGrid_"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]957 Grid.Row="0"
Nicolas Jagere4eb5132016-10-04 14:25:15 -0400[diff] [blame]958 Visibility="Collapsed"
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]959 Background="#3bc1d3">
Nicolas Jagere4eb5132016-10-04 14:25:15 -0400[diff] [blame]960 <Grid.RowDefinitions>
961 <RowDefinition Height="*"/>
962 <RowDefinition Height="30"/>
963 </Grid.RowDefinitions>
964 <Grid Background="#FFE4F1F9">
965 <Grid.RowDefinitions>
966 <RowDefinition Height="auto"/>
Nicolas Jager813cf4d2016-10-06 10:54:46 -0400[diff] [blame]967 <RowDefinition Height="auto"/>
Nicolas Jagerfac013f2016-11-23 14:16:13 -0500[diff] [blame]968 <RowDefinition Height="auto"/>
Nicolas Jagere4eb5132016-10-04 14:25:15 -0400[diff] [blame]969 <RowDefinition Height="*"/>
970 <RowDefinition Height="auto"/>
971 <RowDefinition Height="auto"/>
972 </Grid.RowDefinitions>
Nicolas Jagerfac013f2016-11-23 14:16:13 -0500[diff] [blame]973 <!-- about this device -->
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]974 <StackPanel Orientation="Horizontal"
Nicolas Jagerfac013f2016-11-23 14:16:13 -0500[diff] [blame]975 Grid.Row="0"
976 Margin="10,20">
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]977 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
Nicolas Jagerfac013f2016-11-23 14:16:13 -0500[diff] [blame]978 Margin="0,0,10,0"
979 Text="&#xE211;"/>
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]980 <TextBlock Text="Your device ID"/>
981 </StackPanel>
Nicolas Jager813cf4d2016-10-06 10:54:46 -0400[diff] [blame]982 <TextBlock x:Name="_deviceId_"
Nicolas Jager38dd4422016-10-07 10:49:32 -0400[diff] [blame]983 Margin="10"
Nicolas Jager813cf4d2016-10-06 10:54:46 -0400[diff] [blame]984 Text="[TEXT_MISSING]"
Nicolas Jager38dd4422016-10-07 10:49:32 -0400[diff] [blame]985 TextTrimming="CharacterEllipsis"
Nicolas Jagerfac013f2016-11-23 14:16:13 -0500[diff] [blame]986 FontSize="12"
Nicolas Jager813cf4d2016-10-06 10:54:46 -0400[diff] [blame]987 Grid.Row="1"
988 IsTextSelectionEnabled="True"
989 HorizontalAlignment="Center"/>
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]990 <!-- about linked devices -->
991 <StackPanel Orientation="Horizontal"
Nicolas Jagerfac013f2016-11-23 14:16:13 -0500[diff] [blame]992 Grid.Row="2"
993 Margin="10,20">
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]994 <TextBlock Style="{StaticResource TextSegoeStyle-20pt-black}"
Nicolas Jagerfac013f2016-11-23 14:16:13 -0500[diff] [blame]995 Margin="0,0,10,0"
996 Text="&#xEBD2;"/>
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]997 <TextBlock Text="other linked devices"/>
998 </StackPanel>
999 <TextBlock x:Name="_waitingDevicesList_"
Nicolas Jager38dd4422016-10-07 10:49:32 -0400[diff] [blame]1000 Text="waiting for devices list..."
Nicolas Jagerfac013f2016-11-23 14:16:13 -0500[diff] [blame]1001 Grid.Row="3"
Nicolas Jager38dd4422016-10-07 10:49:32 -0400[diff] [blame]1002 IsTextSelectionEnabled="True"
1003 HorizontalAlignment="Center"/>
Nicolas Jager813cf4d2016-10-06 10:54:46 -0400[diff] [blame]1004 <ListBox x:Name="_devicesIdList_"
Nicolas Jager38dd4422016-10-07 10:49:32 -0400[diff] [blame]1005 Visibility="Collapsed"
Nicolas Jagerfac013f2016-11-23 14:16:13 -0500[diff] [blame]1006 Padding="10,0"
1007 Background="#FFE4F1F9"
1008 Grid.Row="3"/>
Nicolas Jagere4eb5132016-10-04 14:25:15 -0400[diff] [blame]1009 </Grid>
Nicolas Jagerfac013f2016-11-23 14:16:13 -0500[diff] [blame]1010 <!-- button to add device. -->
Nicolas Jagere4eb5132016-10-04 14:25:15 -0400[diff] [blame]1011 <Button x:Name="_addDevice_"
1012 Grid.Row="1"
1013 VerticalAlignment="Center"
1014 HorizontalAlignment="Center"
1015 Content="&#xE948;"
1016 Click="_addDevice__Click"
1017 Style="{StaticResource ButtonStyle6}"/>
1018 </Grid>
Nicolas Jagerd0830772016-10-07 08:45:33 -0400[diff] [blame]1019 <!-- add device (pin generator) menu. -->
1020 <Grid x:Name="_addingDeviceGrid_"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]1021 Grid.Row="0"
Nicolas Jagerd0830772016-10-07 08:45:33 -0400[diff] [blame]1022 Visibility="Collapsed"
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]1023 Background="#3bc1d3">
Nicolas Jagerd0830772016-10-07 08:45:33 -0400[diff] [blame]1024 <Grid.RowDefinitions>
1025 <RowDefinition Height="*"/>
1026 <RowDefinition Height="30"/>
1027 </Grid.RowDefinitions>
1028 <Grid Background="#FFE4F1F9">
1029 <Grid.RowDefinitions>
1030 <RowDefinition Height="auto"/>
1031 <RowDefinition Height="auto"/>
1032 <RowDefinition Height="*"/>
1033 </Grid.RowDefinitions>
1034 <TextBlock VerticalAlignment="Center"
1035 Text="PIN generator"
1036 HorizontalAlignment="Center"
1037 Grid.Row="0"
1038 Margin="10,10,0,10"/>
1039 <PasswordBox x:Name="_passwordForPinGenerator_"
1040 Margin="10"
1041 Grid.Row="1"
1042 PlaceholderText="Enter your password"/>
1043 </Grid>
1044 <!-- buttons yes/no to generate a PIN. -->
1045 <Grid Grid.Row="1">
1046 <StackPanel Orientation="Horizontal"
1047 HorizontalAlignment="Center">
1048 <Button x:Name="_pinGeneratorYes_"
1049 Grid.Row="1"
1050 VerticalAlignment="Center"
1051 HorizontalAlignment="Center"
1052 Content="&#xE081;"
1053 Click="_pinGeneratorYes__Click"
1054 Style="{StaticResource ButtonStyle5}"/>
1055 <Button x:Name="_pinGeneratorNo_"
1056 Grid.Row="1"
1057 VerticalAlignment="Center"
1058 HorizontalAlignment="Center"
1059 Content="&#xE106;"
1060 Click="_pinGeneratorNo__Click"
1061 Style="{StaticResource ButtonStyle5}"/>
1062 </StackPanel>
1063 </Grid>
1064 </Grid>
1065 <!-- waiting for a PIN. -->
1066 <Grid x:Name="_waitingForPin_"
Nicolas Jager7f34b772016-12-09 12:25:25 -0500[diff] [blame]1067 Grid.Row="0"
Nicolas Jagerd0830772016-10-07 08:45:33 -0400[diff] [blame]1068 Visibility="Collapsed"
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]1069 Background="#3bc1d3">
Nicolas Jagerd0830772016-10-07 08:45:33 -0400[diff] [blame]1070 <Grid.RowDefinitions>
1071 <RowDefinition Height="*"/>
1072 <RowDefinition Height="30"/>
1073 </Grid.RowDefinitions>
1074 <Grid Background="#FFE4F1F9">
1075 <Grid.RowDefinitions>
1076 <RowDefinition Height="*"/>
1077 <RowDefinition Height="auto"/>
1078 <RowDefinition Height="*"/>
1079 </Grid.RowDefinitions>
1080 <TextBlock x:Name="_waitingAndResult_"
1081 VerticalAlignment="Center"
1082 Text="Exporting account on the Ring..."
1083 HorizontalAlignment="Center"
1084 Grid.Row="0"
1085 Margin="10,10,0,10"/>
1086 </Grid>
Nicolas Jager38dd4422016-10-07 10:49:32 -0400[diff] [blame]1087 <Grid Grid.Row="1">
1088 <StackPanel Orientation="Horizontal"
1089 HorizontalAlignment="Center">
1090 <Button x:Name="_closePin_"
1091 Grid.Row="1"
1092 VerticalAlignment="Center"
1093 HorizontalAlignment="Center"
1094 Content="&#xE081;"
1095 Click="_closePin__Click"
1096 Style="{StaticResource ButtonStyle5}"/>
1097 </StackPanel>
1098 </Grid>
Nicolas Jagerd0830772016-10-07 08:45:33 -0400[diff] [blame]1099 </Grid>
Nicolas Jager7c409f32016-09-08 09:35:16 -0400[diff] [blame]1100 <!-- contacts + calls => smartpanelitems. -->
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]1101 <Grid x:Name="_smartGrid_"
1102 Grid.Row="0">
1103 <Grid.RowDefinitions>
1104 <RowDefinition x:Name="_rowRingTxtBx_"
1105 Height="40"/>
Nicolas Jager32f301f2016-11-22 14:28:57 -0500[diff] [blame]1106 <RowDefinition Height="auto"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]1107 <RowDefinition Height="*"/>
1108 </Grid.RowDefinitions>
atraczyk1f3cd1c2016-11-30 19:15:51 -0500[diff] [blame]1109 <Grid>
1110 <Grid.ColumnDefinitions>
1111 <ColumnDefinition Width="*"/>
1112 <ColumnDefinition Width="Auto"/>
1113 </Grid.ColumnDefinitions>
1114 <Border x:Name="BackgroundElement"
1115 Grid.Column="0"
1116 Background="White"
1117 Margin="6"
1118 Opacity="1"
1119 Grid.ColumnSpan="2">
1120 </Border>
1121 <TextBox x:Name="_ringTxtBx_"
1122 Grid.Column="0"
1123 VerticalAlignment="Center"
1124 BorderThickness="0"
1125 HorizontalAlignment="Stretch"
1126 Padding="4"
1127 Margin="6"
1128 Foreground="Black"
1129 Background="White"
1130 TextWrapping="Wrap"
1131 KeyDown="_ringTxtBx__KeyDown"
1132 KeyUp="_ringTxtBx__KeyUp"
1133 Text="">
1134 </TextBox>
1135 <Button x:Name="_addButton_"
1136 Background="Transparent"
1137 Grid.Column="1"
1138 FontFamily="Segoe MDL2 Assets"
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]1139 Foreground="#3bc1d3"
atraczyk1f3cd1c2016-11-30 19:15:51 -0500[diff] [blame]1140 Content=" &#xE1E2;"
1141 Click="_ringTxtBx__Click"
1142 BorderThickness="0"
1143 Visibility="Visible"
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]1144 IsTabStop="False"
atraczyk1f3cd1c2016-11-30 19:15:51 -0500[diff] [blame]1145 FontSize="20"
1146 Width="38"
1147 Margin="6"
1148 Padding="4,4,8,4"
1149 VerticalAlignment="Stretch">
1150 <Button.RenderTransform>
1151 <TranslateTransform X="0"/>
1152 </Button.RenderTransform>
1153 </Button>
1154 </Grid>
1155 <ListBox x:Name="_smartList_"
1156 Grid.Row="2"
Nicolas Jager9d85be92016-12-10 16:10:31 -0500[diff] [blame]1157 Background="Transparent"
atraczyk1f3cd1c2016-11-30 19:15:51 -0500[diff] [blame]1158 Margin="0"
atraczyk1f3cd1c2016-11-30 19:15:51 -0500[diff] [blame]1159 SelectionChanged="_smartList__SelectionChanged"
Nicolas Jager9d85be92016-12-10 16:10:31 -0500[diff] [blame]1160 Padding="0"
atraczyk1f3cd1c2016-11-30 19:15:51 -0500[diff] [blame]1161 ScrollViewer.HorizontalScrollBarVisibility="Auto"
1162 ScrollViewer.HorizontalScrollMode="Enabled"
1163 ItemContainerStyle="{StaticResource contactsListBoxStyle}"
1164 ItemTemplate="{StaticResource SmartPanelItemsTemplate}"/>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]1165 </Grid>
1166 <!-- settings. -->
atraczyk9e71a6b2016-11-18 17:00:15 -0500[diff] [blame]1167 <Grid x:Name="_settingsMenu_"
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]1168 Grid.Row="0"
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]1169 Visibility="Collapsed"
1170 Background="#FFE4F1F9">
atraczykacc4c412016-11-10 22:56:52 -0500[diff] [blame]1171 <Grid.RowDefinitions>
1172 <RowDefinition Height="*"/>
1173 </Grid.RowDefinitions>
atraczykaeb4a5c2016-12-01 19:17:18 -0500[diff] [blame]1174 <ScrollViewer
1175 ScrollViewer.VerticalScrollBarVisibility="Auto">
atraczyk9e71a6b2016-11-18 17:00:15 -0500[diff] [blame]1176 <Grid x:Name="_videoSettings_"
atraczykacc4c412016-11-10 22:56:52 -0500[diff] [blame]1177 Grid.Row="0">
atraczyk9e71a6b2016-11-18 17:00:15 -0500[diff] [blame]1178 <StackPanel Margin="10">
1179 <TextBlock Text="Video Device"
atraczykacc4c412016-11-10 22:56:52 -0500[diff] [blame]1180 Margin="10"/>
atraczyk9e71a6b2016-11-18 17:00:15 -0500[diff] [blame]1181 <ComboBox x:Name="_videoDeviceComboBox_"
atraczykacc4c412016-11-10 22:56:52 -0500[diff] [blame]1182 Margin="10"
1183 SelectionChanged="_videoDeviceComboBox__SelectionChanged">
atraczyk9e71a6b2016-11-18 17:00:15 -0500[diff] [blame]1184 </ComboBox>
1185 <TextBlock Text="Video Resolution" Margin="10"/>
1186 <ComboBox x:Name="_videoResolutionComboBox_"
atraczykacc4c412016-11-10 22:56:52 -0500[diff] [blame]1187 Margin="10"
1188 SelectionChanged="_videoResolutionComboBox__SelectionChanged">
atraczyk9e71a6b2016-11-18 17:00:15 -0500[diff] [blame]1189 </ComboBox>
1190 <TextBlock Text="Video Rate" Margin="10"/>
1191 <ComboBox x:Name="_videoRateComboBox_"
atraczykacc4c412016-11-10 22:56:52 -0500[diff] [blame]1192 Margin="10"
1193 SelectionChanged="_videoRateComboBox__SelectionChanged">
atraczyk9e71a6b2016-11-18 17:00:15 -0500[diff] [blame]1194 </ComboBox>
1195 </StackPanel>
1196 </Grid>
1197 </ScrollViewer>
Nicolas Jagerbff5fbb2016-08-18 08:58:56 -0400[diff] [blame]1198 </Grid>
1199 </Grid>
Nicolas Jager998fbd72016-08-08 11:41:28 -0400[diff] [blame]1200 </Grid>
1201
1202</Page>