<Page | |
x:Class="RingClientUWP.Views.Wizard" | |
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" | |
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" | |
xmlns:local="using:RingClientUWP" | |
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" | |
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" | |
NavigationCacheMode="Enabled" | |
mc:Ignorable="d"> | |
<ScrollViewer VerticalScrollBarVisibility="Auto"> | |
<Grid> | |
<StackPanel Width="400"> | |
<Rectangle Height="50"/> | |
<StackPanel Height="auto" | |
Background="#3bc1d3" | |
Grid.Column="0"> | |
<Button x:Name="_showCreateAccountMenuTitle_" | |
Content="Create New Account" | |
Foreground="White" | |
FontSize="30" | |
Click="collapseMenus" | |
Visibility="Collapsed" | |
HorizontalAlignment="Center"/> | |
<Button x:Name="_showCreateAccountMenuBtn_" | |
Content="Create New Account" | |
Visibility="Visible" | |
HorizontalAlignment="Center" | |
Style="{StaticResource ButtonStyle4}" | |
Click="_showCreateAccountMenuBtn__Click"/> | |
<Grid x:Name="_accountCreationMenuGrid_" | |
Background="#3bc1d3" | |
Visibility="Collapsed"> | |
<Grid.RowDefinitions> | |
<RowDefinition Height="auto"/> | |
<RowDefinition Height="30"/> | |
</Grid.RowDefinitions> | |
<StackPanel Orientation="Vertical" | |
Grid.Row="0" | |
Background="#FFE4F1F9"> | |
<!-- note : we propose only RING account from the wizard. --> | |
<StackPanel x:Name="_ringAccountCreationStack_" | |
Visibility="Visible" | |
Padding="10,0"> | |
<Button x:Name="_avatarWebcamCaptureBtn_" | |
Margin="0,10,0,0" | |
VerticalAlignment="Center" | |
Content="" | |
Click="_avatarWebcamCaptureBtn__Click" | |
Style="{StaticResource ButtonStyle3}" | |
HorizontalAlignment="Center"/> | |
<Grid Margin="0,10"> | |
<Grid.ColumnDefinitions> | |
<ColumnDefinition Width="*"/> | |
<ColumnDefinition Width="25"/> | |
</Grid.ColumnDefinitions> | |
<!-- ajouter add a new account to et mettre le fullname --> | |
<TextBox x:Name="_fullnameTextBox_" | |
Grid.Column="0" | |
PlaceholderText="Enter your full name" | |
KeyUp="_fullnameTextBox__KeyUp"/> | |
<TextBlock x:Name="_fullnameValid_" | |
Grid.Column="1" | |
Padding="10,0" | |
Style="{StaticResource TextSegoeStyle-20pt-green}" | |
Visibility="Collapsed" | |
Text=""/> | |
<TextBlock x:Name="_fullnameInvalid_" | |
Grid.Column="1" | |
Padding="10,0" | |
Style="{StaticResource TextSegoeStyle-20pt-red}" | |
Text=""/> | |
</Grid> | |
<!-- Register public username --> | |
<StackPanel Orientation="Horizontal" | |
Margin="0,20,0,10"> | |
<TextBlock Style="{StaticResource TextSegoeStyle-24pt-black}" | |
Text=""/> | |
<TextBlock Text="Register public username" | |
Style="{StaticResource TitleTextBlockStyle}"/> | |
</StackPanel> | |
<ToggleSwitch x:Name="_RegisterState_" | |
Toggled="_RegisterState__Toggled" | |
IsOn="True" | |
Margin="0,10"/> | |
<TextBlock x:Name="_whatWilHappen_" | |
Margin="0,10,0,0" | |
Style="{StaticResource BodyTextBlockStyle}" | |
Text="peoples will find you with your username"/> | |
<HyperlinkButton Content="Learn more" | |
Margin="0,0,0,10" | |
NavigateUri="http://ring.cx"/> | |
<Grid Margin="0,10"> | |
<Grid.ColumnDefinitions> | |
<ColumnDefinition Width="*"/> | |
<ColumnDefinition Width="25"/> | |
</Grid.ColumnDefinitions> | |
<TextBox x:Name="_usernameTextBox_" | |
Grid.Column="0" | |
PlaceholderText="Enter your full name" | |
KeyUp="_usernameTextBox__KeyUp"/> | |
<TextBlock x:Name="_usernameValid_" | |
Grid.Column="1" | |
Padding="10,0" | |
Style="{StaticResource TextSegoeStyle-20pt-green}" | |
Visibility="Collapsed" | |
Text=""/> | |
<TextBlock x:Name="_usernameInvalid_" | |
Grid.Column="1" | |
Padding="10,0" | |
Style="{StaticResource TextSegoeStyle-20pt-red}" | |
Text=""/> | |
</Grid> | |
<StackPanel Orientation="Horizontal" | |
Margin="0,20,0,10"> | |
<TextBlock Style="{StaticResource TextSegoeStyle-24pt-black}" | |
Text=""/> | |
<TextBlock Text="Ring account password" | |
Style="{StaticResource TitleTextBlockStyle}"/> | |
</StackPanel> | |
<Grid Margin="0,10"> | |
<Grid.ColumnDefinitions> | |
<ColumnDefinition Width="*"/> | |
<ColumnDefinition Width="25"/> | |
</Grid.ColumnDefinitions> | |
<PasswordBox x:Name="_password_" | |
Margin="0,10" | |
PasswordChanged="_password__PasswordChanged" | |
PlaceholderText="Enter your password"/> | |
<TextBlock x:Name="_passwordValid_" | |
Grid.Column="1" | |
Padding="10,0" | |
Style="{StaticResource TextSegoeStyle-20pt-green}" | |
Visibility="Collapsed" | |
Text=""/> | |
<TextBlock x:Name="_passwordInvalid_" | |
Grid.Column="1" | |
Padding="10,0" | |
Style="{StaticResource TextSegoeStyle-20pt-red}" | |
Text=""/> | |
</Grid> | |
<Grid Margin="0,10"> | |
<Grid.ColumnDefinitions> | |
<ColumnDefinition Width="*"/> | |
<ColumnDefinition Width="25"/> | |
</Grid.ColumnDefinitions> | |
<PasswordBox x:Name="_passwordCheck_" | |
Margin="0,10,0,20" | |
PasswordChanged="_passwordCheck__PasswordChanged" | |
PlaceholderText="Repeat your Password"/> | |
<TextBlock x:Name="_passwordCheckValid_" | |
Grid.Column="1" | |
Padding="10,0" | |
Style="{StaticResource TextSegoeStyle-20pt-green}" | |
Visibility="Collapsed" | |
Text=""/> | |
<TextBlock x:Name="_passwordCheckInvalid_" | |
Grid.Column="1" | |
Padding="10,0" | |
Style="{StaticResource TextSegoeStyle-20pt-red}" | |
Text=""/> | |
</Grid> | |
</StackPanel> | |
</StackPanel> | |
<!-- buttons yes/no to create the new account. --> | |
<Grid Grid.Row="1"> | |
<StackPanel Orientation="Horizontal" | |
HorizontalAlignment="Center"> | |
<Button x:Name="_createAccountYes_" | |
Grid.Row="1" | |
VerticalAlignment="Center" | |
HorizontalAlignment="Center" | |
Content="" | |
IsEnabled="False" | |
Click="_createAccountYes__Click" | |
Style="{StaticResource ButtonStyle2}"/> | |
</StackPanel> | |
</Grid> | |
</Grid> | |
</StackPanel> | |
<Rectangle Height="50"/> | |
<!-- add account. --> | |
<StackPanel Height="auto" | |
Background="#3bc1d3" | |
Grid.Column="2"> | |
<StackPanel x:Name="addExistingAccountStep1"> | |
</StackPanel> | |
<StackPanel x:Name="addExistingAccountStep2"> | |
<Button x:Name="_showAddAccountMenuTitle_" | |
Content="Add Existing Account" | |
Foreground="White" | |
Visibility="Collapsed" | |
FontSize="30" | |
Click="collapseMenus" | |
HorizontalAlignment="Center"/> | |
<Button x:Name="_showAddAccountMenuBtn_" | |
Visibility="Visible" | |
Content="Add Existing Account" | |
HorizontalAlignment="Center" | |
Style="{StaticResource ButtonStyle4}" | |
Click="_showAddAccountMenuBtn__Click"/> | |
<Grid x:Name="_accountAddMenuGrid_" | |
Visibility="Collapsed" | |
Background="#3bc1d3"> | |
<Grid.RowDefinitions> | |
<RowDefinition Height="30"/> | |
<RowDefinition Height="auto"/> | |
<RowDefinition Height="30"/> | |
</Grid.RowDefinitions> | |
<StackPanel Orientation="Horizontal" | |
Grid.Row="0"> | |
<Button x:Name="_step1button_" | |
Content="Step 1" | |
Click="_step1button__Click"/> | |
<TextBlock Text=">"/> | |
<Button x:Name="_step2button_" | |
Click="_step2button__Click" | |
Content="Step 2"/> | |
</StackPanel> | |
<!-- step 1. --> | |
<StackPanel x:Name="_step1Menu_" | |
Background="#FFE4F1F9" | |
Padding="10" | |
Grid.Row="1"> | |
<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." | |
TextWrapping="Wrap" | |
TextAlignment="Justify"/> | |
<HyperlinkButton Content="Learn more" | |
Margin="0,0,0,10" | |
NavigateUri="http://ring.cx"/> | |
</StackPanel> | |
<!-- step 2. --> | |
<StackPanel x:Name="_step2Menu_" | |
Background="#FFE4F1F9" | |
Visibility="Collapsed" | |
Grid.Row="1"> | |
<TextBox x:Name="_PINTextBox_" | |
Margin="10" | |
GotFocus="_PINTextBox__GotFocus" | |
PlaceholderText="Enter PIN"/> | |
<PasswordBox x:Name="_ArchivePassword_" | |
Margin="10" | |
PlaceholderText="Enter your password"/> | |
<TextBlock x:Name="_response_" | |
Foreground="Red" | |
HorizontalAlignment="Center" | |
Text=""/> | |
</StackPanel> | |
<!-- buttons next step and yes/no to add the account. --> | |
<Grid Grid.Row="2"> | |
<StackPanel Orientation="Horizontal" | |
Padding="10,0" | |
HorizontalAlignment="Center"> | |
<Button x:Name="_nextstep_" | |
VerticalAlignment="Center" | |
HorizontalAlignment="Center" | |
Content="" | |
Click="_step2button__Click" | |
Style="{StaticResource ButtonStyle2}"/> | |
<Button x:Name="_addAccountYes_" | |
VerticalAlignment="Center" | |
HorizontalAlignment="Center" | |
Visibility="Collapsed" | |
Content="" | |
Click="_addAccountYes__Click" | |
Style="{StaticResource ButtonStyle2}"/> | |
</StackPanel> | |
</Grid> | |
</Grid> | |
</StackPanel> | |
</StackPanel> | |
</StackPanel> | |
</Grid> | |
</ScrollViewer> | |
</Page> |