You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ShopNCook/Views/ProfilePage.xaml

137 lines
4.5 KiB

<?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="ShoopNCook.Views.ProfilePage"
Title="ProfilePage"
BackgroundColor="{StaticResource BackgroundPrimary}">
<ScrollView>
<Grid
Margin="20"
RowDefinitions="Auto, Auto, Auto, *">
<!-- Profile label and return button -->
<Grid
Grid.Row="0"
RowDefinitions="Auto, *"
ColumnDefinitions="*, 1.5*"
Margin="0, 0, 0, 40">
<HorizontalStackLayout>
<ImageButton
Grid.Column="0"
HeightRequest="50"
WidthRequest="50"
Source="arrow_back.svg"/>
</HorizontalStackLayout>
<Label
Grid.Column="1"
FontSize="24"
TextColor="{StaticResource TextColorPrimary}"
Text="Profile"
FontFamily="PoppinsBold"
VerticalOptions="Center"/>
</Grid>
<!-- Profile picture and name -->
<Grid
Grid.Row="1"
RowDefinitions="*, Auto, Auto">
<Border
Grid.Row="0"
StrokeShape="RoundRectangle 10000"
MaximumHeightRequest="150"
MaximumWidthRequest="150"
HorizontalOptions="Center"
Stroke="{StaticResource BackgroundPrimary}"
BackgroundColor="{StaticResource BackgroundSecondary}">
<ImageButton
Grid.Row="0"
Source="default_profile_picture.png"/>
</Border>
<Label
Grid.Row="1"
FontSize="30"
HorizontalOptions="Center"
TextColor="{StaticResource TextColorPrimary}"
Text="%Profile_Name%"
FontFamily="PoppinsBold"/>
<Label
Grid.Row="2"
FontSize="16"
HorizontalOptions="Center"
TextColor="{StaticResource TextColorSecondary}"
Text="Profile settings"
FontFamily="PoppinsBold"/>
</Grid>
<!-- User inputs -->
<Grid
Grid.Row="2"
Margin="0, 20, 0, 0"
RowDefinitions="Auto, *, Auto, *">
<Label
Grid.Row="0"
Text="Name"
FontFamily="PoppinsBold"
TextColor="{StaticResource TextColorSecondary}"/>
<Border
Grid.Row="1"
Style="{StaticResource SecondaryBorder}">
<Entry
Style="{StaticResource UserInput}"
Text="%Profile_Name%"
Placeholder="Place your name here"/>
</Border>
<Label
Grid.Row="2"
Text="Your Email"
FontFamily="PoppinsBold"
TextColor="{StaticResource TextColorSecondary}"/>
<Border
Grid.Row="3"
Style="{StaticResource SecondaryBorder}">
<Entry
Style="{StaticResource UserInput}"
Text="%Profile_Mail%"
Placeholder="Place your email address here"/>
</Border>
</Grid>
<!-- Save button -->
<VerticalStackLayout
Grid.Row="3"
VerticalOptions="End">
<Border
Margin="0, 30, 0, 0"
Stroke="{StaticResource BackgroundPrimary}"
StrokeShape="RoundRectangle 12">
<Label
HeightRequest="50"
BackgroundColor="{StaticResource ActionButton}"
HorizontalTextAlignment="Center"
VerticalTextAlignment="Center"
FontFamily="PoppinsBold"
Text="SAVE"/>
</Border>
</VerticalStackLayout>
</Grid>
</ScrollView>
</ContentPage>