xaml/connection-page #19

Merged
antoine.perederii merged 5 commits from xaml/connection-page into master 2 years ago

@ -3,14 +3,10 @@
x:Class="Banquale.AppShell"
xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:Banquale.Views"
Shell.NavBarIsVisible="True"
Shell.NavBarHasShadow="True"
NavigationPage.HasNavigationBar="True"
NavigationPage.HasBackButton="True"
NavigationPage.BackButtonTitle="Retour"
Title="Page"
Shell.FlyoutBehavior="Disabled">
xmlns:local="clr-namespace:Banquale"
xmlns:views="clr-namespace:Banquale.Views"
Shell.FlyoutBehavior="Disabled"
Shell.NavBarIsVisible="False">
<TabBar>
@ -20,7 +16,7 @@
<ShellContent
Title="Solde"
ContentTemplate="{DataTemplate local:BalancePage}"
ContentTemplate="{DataTemplate views:BalancePage}"
Route="Views" />
</Tab>
@ -30,7 +26,7 @@
<ShellContent
Title="Solde"
ContentTemplate="{DataTemplate local:MenuTransferPage}"
ContentTemplate="{DataTemplate views:MenuTransferPage}"
Route="Views" />
</Tab>
@ -40,7 +36,7 @@
<ShellContent
Title="Help"
ContentTemplate="{DataTemplate local:HelpPage}"
ContentTemplate="{DataTemplate views:HelpPage}"
Route="Views" />
</Tab>
@ -48,14 +44,13 @@
<Tab Icon="accounts.png"
Title="Compte">
<ShellContent
Title="Categorie"
ContentTemplate="{DataTemplate views:CategoryPage}"
Route="Views" />
</Tab>
</TabBar>
<!--<NavigationPage.BackButtonTitle
-->
</Shell>

@ -66,7 +66,7 @@
<None Remove="Resources\Images\helpIcon.svg" />
</ItemGroup>
<ItemGroup>
<Folder Include="Views\" />
<MauiXaml Remove="Resources\Images\Images.xaml" />
</ItemGroup>
<ItemGroup>
<BundleResource Include="Resources\Images\back_arrow_icon.svg" />

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:Banquale.Views"
x:Class="Banquale.Views.CategoryPage"
Title="CategoryPage">
<Grid>
<local:CategoryView/>
<local:CategoryView/>
<local:CategoryView/>
<local:CategoryView/>
<local:CategoryView/>
<local:CategoryView/>
</Grid>
</ContentPage>

@ -0,0 +1,9 @@
namespace Banquale.Views;
public partial class CategoryPage : ContentPage
{
public CategoryPage()
{
InitializeComponent();
}
}

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="utf-8" ?>
<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Banquale.Views.CategoryView">
<VerticalStackLayout>
<BoxView BackgroundColor="Black"
HorizontalOptions="FillAndExpand"
HeightRequest="1.3"
Margin="20, 0, 20, 0"/>
<Grid Margin="20, 5, 20, 5"
HorizontalOptions="Fill">
<Label
Text="catégorie"
HorizontalOptions="Center"
Margin="10, 0, 0, 0"/>
</Grid>
</VerticalStackLayout>
</ContentView>

@ -0,0 +1,9 @@
namespace Banquale.Views;
public partial class CategoryView : ContentView
{
public CategoryView()
{
InitializeComponent();
}
}

@ -0,0 +1,113 @@
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Banquale.Views.ConnectionPage"
Title="ConnectionPage"
BackgroundColor="White">
<StackLayout>
<Frame BackgroundColor="#C8C8C8" CornerRadius="20" Margin="20, 250, 20, 0">
<Entry Placeholder="Identifiant"
PlaceholderColor="#6E6E6E"
TextColor="#212121"
MaxLength="20"
MinimumWidthRequest="275"
HorizontalOptions="CenterAndExpand"
HorizontalTextAlignment="Center"
FontSize="Large"/>
</Frame>
<Frame BackgroundColor="#C8C8C8" CornerRadius="10" Margin="20, 75, 20, 0">
<Entry Placeholder="Mot de passe"
PlaceholderColor="#6E6E6E"
TextColor="#212121"
IsPassword="True"
MinimumWidthRequest="275"
MaxLength="20"
HorizontalOptions="Center"
HorizontalTextAlignment="Center"
FontSize="Large"/>
</Frame>
<Button Text="Se connecter"
BorderWidth="2"
BorderColor="Black"
HorizontalOptions="Fill"
BackgroundColor="Gray"
TextColor="Black"
MinimumHeightRequest="75"
Margin="10,75,10,0"
FontSize="Large"/>
</StackLayout>
<!-- Version avec Grid (moins efficace quand on écrit dans les Entry-->
<!--<Grid RowDefinitions="5*, 2*, *, 2*, 2*, 2*, 2*">
-->
<!--<Grid.RowDefinitions>
<RowDefinition Height="5*"/>
<RowDefinition Height="2*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="2*"/>
<RowDefinition Height="2*"/>
<RowDefinition Height="2*"/>
<RowDefinition Height="2*"/>
</Grid.RowDefinitions>-->
<!--
<Grid Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="9*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Frame Grid.Column="1" BackgroundColor="#C8C8C8" CornerRadius="20">
<Entry Placeholder="Identifiant"
PlaceholderColor="#6E6E6E"
TextColor="#212121"
MaxLength="20"
VerticalTextAlignment="Center"
HorizontalTextAlignment="Center"
FontSize="Large"/>
</Frame>
</Grid>
<Grid Grid.Row="3">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="9*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Frame Grid.Column="1" BackgroundColor="#C8C8C8" CornerRadius="20">
<Entry Placeholder="Mot de passe"
PlaceholderColor="#6E6E6E"
TextColor="#212121"
IsPassword="True"
MinimumWidthRequest="275"
MaxLength="20"
VerticalTextAlignment="Center"
HorizontalTextAlignment="Center"
FontSize="Large"/>
</Frame>
</Grid>
<Grid Grid.Row="5">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="20*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Button Grid.Column="1" Text="Se connecter"
BorderWidth="2"
BorderColor="Black"
HorizontalOptions="Fill"
BackgroundColor="Gray"
TextColor="Black"
FontSize="Large"/>
</Grid>
</Grid>-->
</ContentPage>

@ -0,0 +1,9 @@
namespace Banquale.Views;
public partial class ConnectionPage : ContentPage
{
public ConnectionPage()
{
InitializeComponent();
}
}

@ -0,0 +1,73 @@
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:Banquale.Views"
x:Class="Banquale.Views.SwitchAccountPage"
Title="SwitchAccountPage"
BackgroundColor="White">
<!-- Version StackLayout, moins efficace pour la responsivity -->
<!--<StackLayout VerticalOptions="Center" HorizontalOptions="Center">
<local:SwitchAccountView/>
<local:SwitchAccountView/>
<Button Text="Déconnexion"
BorderWidth="2"
BorderColor="Black"
HorizontalOptions="Fill"
BackgroundColor="Gray"
TextColor="Black"
MinimumHeightRequest="75"
MinimumWidthRequest="375"
Margin="10,65,0,0"
FontSize="Large"/>
</StackLayout>-->
<Grid RowDefinitions="3*, 2*, *, 2*, *, 2*, 3*">
<Grid Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="15*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<local:SwitchAccountView Grid.Column="1"/>
</Grid>
<Grid Grid.Row="3">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="15*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<local:SwitchAccountView Grid.Column="1"/>
</Grid>
<Grid Grid.Row="5">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="15*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Button Grid.Column="1" Text="Déconnexion"
BorderWidth="2"
BorderColor="Black"
HorizontalOptions="Fill"
BackgroundColor="Gray"
TextColor="Black"
MinimumHeightRequest="75"
MinimumWidthRequest="375"
FontSize="Large"/>
</Grid>
</Grid>
</ContentPage>

@ -0,0 +1,9 @@
namespace Banquale.Views;
public partial class SwitchAccountPage : ContentPage
{
public SwitchAccountPage()
{
InitializeComponent();
}
}

@ -0,0 +1,22 @@
<?xml version="1.0" encoding="utf-8" ?>
<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Banquale.Views.SwitchAccountView">
<ContentView.Resources>
<Style TargetType="Button">
<Setter Property="BorderColor" Value="Black" />
<Setter Property="BorderWidth" Value="2" />
<Setter Property="BackgroundColor" Value="Gray" />
<Setter Property="TextColor" Value="Black" />
<Setter Property="FontSize" Value="Large" />
<Setter Property="MinimumHeightRequest" Value="75" />
<Setter Property="HorizontalOptions" Value="Fill" />
<Setter Property="VerticalOptions" Value="Center"/>
<Setter Property="LineBreakMode" Value="WordWrap" />
</Style>
</ContentView.Resources>
<Button Text=" Compte Personnel &#x0a; Mme Tatouille "/>
<!-- &#x0a; sert à faire un retour à la ligne-->
</ContentView>

@ -0,0 +1,9 @@
namespace Banquale.Views;
public partial class SwitchAccountView : ContentView
{
public SwitchAccountView()
{
InitializeComponent();
}
}
Loading…
Cancel
Save