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