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