Wizard.xaml - jami-client-uwp - Gitiles

 <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"/>
                 <Image x:Name="_welcomeImage_"
                        Source="Assets\Wide310x150Logo.scale-200.png"
                        Width="310"
                        HorizontalAlignment="Center"
                        Margin="0 10 0 30"
                        Height="150"/>
                 <StackPanel Height="auto"
                             Background="#3bc1d3"
                             Grid.Column="0">
                     <Button x:Name="_showCreateAccountMenuTitle_"
                             Content="Create New Account"
                             Foreground="White"
                             Click="collapseMenus"
                             Style="{StaticResource ButtonStyle8}"
                             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="&#xE8B8;"
                                          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="&#xE10B;"/>
                                     <TextBlock x:Name="_fullnameInvalid_"
                                                Grid.Column="1"
                                                Padding="10,0"
                                                Style="{StaticResource TextSegoeStyle-20pt-red}"
                                                Text="&#xE10A;"/>
                                 </Grid>
                                 <!-- Register public username -->
                                 <StackPanel Orientation="Horizontal"
                                             Margin="0,20,0,10">
                                     <TextBlock Style="{StaticResource TextSegoeStyle-24pt-black}"
                                                Text="&#xE167;"/>
                                     <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="&#xE10B;"/>
                                     <TextBlock x:Name="_usernameInvalid_"
                                                Grid.Column="1"
                                                Padding="10,0"
                                                Style="{StaticResource TextSegoeStyle-20pt-red}"
                                                Text="&#xE10A;"/>
                                 </Grid>
                                 <StackPanel Orientation="Horizontal"
                                             Margin="0,20,0,10">
                                     <TextBlock Style="{StaticResource TextSegoeStyle-24pt-black}"
                                                Text="&#xE8D7;"/>
                                     <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="&#xE10B;"/>
                                     <TextBlock x:Name="_passwordInvalid_"
                                                Grid.Column="1"
                                                Padding="10,0"
                                                Style="{StaticResource TextSegoeStyle-20pt-red}"
                                                Text="&#xE10A;"/>
                                 </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="&#xE10B;"/>
                                     <TextBlock x:Name="_passwordCheckInvalid_"
                                                Grid.Column="1"
                                                Padding="10,0"
                                                Style="{StaticResource TextSegoeStyle-20pt-red}"
                                                Text="&#xE10A;"/>
                                 </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="&#xE081;"
                                     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"
                                 Style="{StaticResource ButtonStyle8}"
                                 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_"
                                         Style="{StaticResource ButtonStyle4}"
                                         Content="Step 1"
                                         Click="_step1button__Click"/>
                                 <TextBlock Text=">"
                                            VerticalAlignment="Center"
                                            Style="{StaticResource TextStyle7}"/>
                                 <Button x:Name="_step2button_"
                                         Style="{StaticResource ButtonStyle4}"
                                         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"
                                           KeyUp="_PINTextBox__KeyUp"
                                       PlaceholderText="Enter PIN"/>
                                 <PasswordBox x:Name="_ArchivePassword_"
                                       Margin="10"
                                              KeyUp="_ArchivePassword__KeyUp"
                                       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="&#xE081;"
                                             Click="_step2button__Click"
                                             Style="{StaticResource ButtonStyle2}"/>
                                     <Button x:Name="_addAccountYes_"
                                             VerticalAlignment="Center"
                                             HorizontalAlignment="Center"
                                             Visibility="Collapsed"
                                             Content="&#xE081;"
                                             Click="_addAccountYes__Click"
                                             IsEnabled="False"
                                             Style="{StaticResource ButtonStyle2}"/>
                                 </StackPanel>
                             </Grid>
                         </Grid>
                     </StackPanel>
                 </StackPanel>
             </StackPanel>
         </Grid>
     </ScrollViewer>


 </Page>
	<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"/>
	<Image x:Name="_welcomeImage_"
	Source="Assets\Wide310x150Logo.scale-200.png"
	Width="310"
	HorizontalAlignment="Center"
	Margin="0 10 0 30"
	Height="150"/>
	<StackPanel Height="auto"
	Background="#3bc1d3"
	Grid.Column="0">
	<Button x:Name="_showCreateAccountMenuTitle_"
	Content="Create New Account"
	Foreground="White"
	Click="collapseMenus"
	Style="{StaticResource ButtonStyle8}"
	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"
	Style="{StaticResource ButtonStyle8}"
	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_"
	Style="{StaticResource ButtonStyle4}"
	Content="Step 1"
	Click="_step1button__Click"/>
	<TextBlock Text=">"
	VerticalAlignment="Center"
	Style="{StaticResource TextStyle7}"/>
	<Button x:Name="_step2button_"
	Style="{StaticResource ButtonStyle4}"
	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"
	KeyUp="_PINTextBox__KeyUp"
	PlaceholderText="Enter PIN"/>
	<PasswordBox x:Name="_ArchivePassword_"
	Margin="10"
	KeyUp="_ArchivePassword__KeyUp"
	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"
	IsEnabled="False"
	Style="{StaticResource ButtonStyle2}"/>
	</StackPanel>
	</Grid>
	</Grid>
	</StackPanel>
	</StackPanel>
	</StackPanel>
	</Grid>
	</ScrollViewer>






	</Page>