commit
f1dcd519e2
@ -1,7 +1,7 @@
|
||||
<?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.FavoritesPage"
|
||||
x:Class="ShoopNCook.Pages.FavoritesPage"
|
||||
Title="FavoritesPage"
|
||||
xmlns:views="clr-namespace:ShoopNCook.Views"
|
||||
BackgroundColor="{StaticResource BackgroundPrimary}">
|
@ -0,0 +1,9 @@
|
||||
namespace ShoopNCook.Pages;
|
||||
|
||||
public partial class FavoritesPage : ContentPage
|
||||
{
|
||||
public FavoritesPage()
|
||||
{
|
||||
InitializeComponent();
|
||||
}
|
||||
}
|
@ -1,144 +1,144 @@
|
||||
<?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.LoginPage"
|
||||
Title="Login"
|
||||
BackgroundColor="{StaticResource BackgroundPrimary}">
|
||||
<VerticalStackLayout
|
||||
Margin="20, 75, 20, 20">
|
||||
<Label
|
||||
FontFamily="PoppinsBold"
|
||||
Text="Welcome Back!"
|
||||
FontSize="32"
|
||||
TextColor="{StaticResource TextColorPrimary}"
|
||||
FontAttributes="Bold"
|
||||
VerticalOptions="Start"
|
||||
HorizontalOptions="Start" />
|
||||
|
||||
<Label
|
||||
Text="Fill in your credentials or continue with social media"
|
||||
FontFamily="PoppinsBold"
|
||||
FontSize="20"
|
||||
TextColor="{StaticResource TextColorSecondary}"
|
||||
VerticalOptions="Start"
|
||||
HorizontalOptions="Start" />
|
||||
|
||||
<Border
|
||||
Style="{StaticResource SecondaryBorderShadow}"
|
||||
Margin="0,30,0,20">
|
||||
<Grid
|
||||
Padding="5"
|
||||
BackgroundColor="{StaticResource BackgroundSecondary}"
|
||||
ColumnDefinitions="Auto,Auto,*">
|
||||
|
||||
<Image
|
||||
Grid.Column="1"
|
||||
Source="email_icon.svg">
|
||||
</Image>
|
||||
<Entry
|
||||
Style="{StaticResource UserInput}"
|
||||
Grid.Column="2"
|
||||
Placeholder="Mail address"/>
|
||||
</Grid>
|
||||
</Border>
|
||||
|
||||
<Border
|
||||
Style="{StaticResource SecondaryBorderShadow}"
|
||||
>
|
||||
<Grid
|
||||
Padding="5"
|
||||
BackgroundColor="{StaticResource BackgroundSecondary}"
|
||||
ColumnDefinitions="Auto,Auto,*,Auto">
|
||||
|
||||
<Image
|
||||
Grid.Column="1"
|
||||
Source="password_icon.svg">
|
||||
</Image>
|
||||
<Entry
|
||||
Style="{StaticResource UserInput}"
|
||||
Grid.Column="2"
|
||||
Placeholder="Password"/>
|
||||
<ImageButton
|
||||
Grid.Column="3"
|
||||
Source="visibility_off.svg"
|
||||
HeightRequest="30">
|
||||
</ImageButton>
|
||||
</Grid>
|
||||
</Border>
|
||||
|
||||
<Label
|
||||
TextColor="{StaticResource TextColorSecondary}"
|
||||
HorizontalOptions="End"
|
||||
Text="Forgot Password ?"
|
||||
BackgroundColor="Transparent"/>
|
||||
|
||||
<Border
|
||||
Margin="0, 30, 0, 0"
|
||||
Stroke="{StaticResource BackgroundPrimary}"
|
||||
StrokeShape="RoundRectangle 12">
|
||||
<Button
|
||||
BackgroundColor="{StaticResource Selected}"
|
||||
FontFamily="PoppinsMedium"
|
||||
TextColor="{StaticResource ButtonText}"
|
||||
Text="LOG IN"/>
|
||||
</Border>
|
||||
|
||||
<HorizontalStackLayout
|
||||
HorizontalOptions="Center"
|
||||
Margin="0, 20, 0, 0"
|
||||
Spacing="6">
|
||||
<Rectangle
|
||||
BackgroundColor="Gray"
|
||||
WidthRequest="15"
|
||||
HeightRequest="3"/>
|
||||
<Label
|
||||
TextColor="{StaticResource TextColorSecondary}">
|
||||
Or continue with</Label>
|
||||
<Rectangle
|
||||
BackgroundColor="Gray"
|
||||
WidthRequest="15"
|
||||
HeightRequest="3"/>
|
||||
</HorizontalStackLayout>
|
||||
|
||||
<HorizontalStackLayout
|
||||
Margin="0, 20, 0, 0"
|
||||
Spacing="15"
|
||||
HorizontalOptions="Center">
|
||||
<Border
|
||||
HeightRequest="75"
|
||||
WidthRequest="75"
|
||||
BackgroundColor="#e9f4ff"
|
||||
StrokeShape="RoundRectangle 25 25 25 25"
|
||||
Stroke="{StaticResource BackgroundPrimary}">
|
||||
<Image
|
||||
HeightRequest="50"
|
||||
Source="google_logo.svg"/>
|
||||
</Border>
|
||||
|
||||
<Border
|
||||
HeightRequest="75"
|
||||
WidthRequest="75"
|
||||
BackgroundColor="#4460a0"
|
||||
StrokeShape="RoundRectangle 25 25 25 25"
|
||||
Stroke="{StaticResource BackgroundPrimary}">
|
||||
<Image
|
||||
WidthRequest="40"
|
||||
Source="facebook_logo.svg"/>
|
||||
</Border>
|
||||
</HorizontalStackLayout>
|
||||
|
||||
<HorizontalStackLayout
|
||||
Spacing="4"
|
||||
HorizontalOptions="Center"
|
||||
Margin="0, 20, 0, 0">
|
||||
<Label
|
||||
TextColor="{StaticResource TextColorPrimary}">
|
||||
New User?</Label>
|
||||
<Label
|
||||
FontAttributes="Bold"
|
||||
TextColor="{StaticResource TextColorPrimary}">
|
||||
Create Account</Label>
|
||||
</HorizontalStackLayout>
|
||||
|
||||
</VerticalStackLayout>
|
||||
<?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.Pages.LoginPage"
|
||||
Title="Login"
|
||||
BackgroundColor="{StaticResource BackgroundPrimary}">
|
||||
<VerticalStackLayout
|
||||
Margin="20, 75, 20, 20">
|
||||
<Label
|
||||
FontFamily="PoppinsBold"
|
||||
Text="Welcome Back!"
|
||||
FontSize="32"
|
||||
TextColor="{StaticResource TextColorPrimary}"
|
||||
FontAttributes="Bold"
|
||||
VerticalOptions="Start"
|
||||
HorizontalOptions="Start" />
|
||||
|
||||
<Label
|
||||
Text="Fill in your credentials or continue with social media"
|
||||
FontFamily="PoppinsBold"
|
||||
FontSize="20"
|
||||
TextColor="{StaticResource TextColorSecondary}"
|
||||
VerticalOptions="Start"
|
||||
HorizontalOptions="Start" />
|
||||
|
||||
<Border
|
||||
Style="{StaticResource SecondaryBorderShadow}"
|
||||
Margin="0,30,0,20">
|
||||
<Grid
|
||||
Padding="5"
|
||||
BackgroundColor="{StaticResource BackgroundSecondary}"
|
||||
ColumnDefinitions="Auto,Auto,*">
|
||||
|
||||
<Image
|
||||
Grid.Column="1"
|
||||
Source="email_icon.svg">
|
||||
</Image>
|
||||
<Entry
|
||||
Style="{StaticResource UserInput}"
|
||||
Grid.Column="2"
|
||||
Placeholder="Mail address"/>
|
||||
</Grid>
|
||||
</Border>
|
||||
|
||||
<Border
|
||||
Style="{StaticResource SecondaryBorderShadow}"
|
||||
>
|
||||
<Grid
|
||||
Padding="5"
|
||||
BackgroundColor="{StaticResource BackgroundSecondary}"
|
||||
ColumnDefinitions="Auto,Auto,*,Auto">
|
||||
|
||||
<Image
|
||||
Grid.Column="1"
|
||||
Source="password_icon.svg">
|
||||
</Image>
|
||||
<Entry
|
||||
Style="{StaticResource UserInput}"
|
||||
Grid.Column="2"
|
||||
Placeholder="Password"/>
|
||||
<ImageButton
|
||||
Grid.Column="3"
|
||||
Source="visibility_off.svg"
|
||||
HeightRequest="30">
|
||||
</ImageButton>
|
||||
</Grid>
|
||||
</Border>
|
||||
|
||||
<Label
|
||||
TextColor="{StaticResource TextColorSecondary}"
|
||||
HorizontalOptions="End"
|
||||
Text="Forgot Password ?"
|
||||
BackgroundColor="Transparent"/>
|
||||
|
||||
<Border
|
||||
Margin="0, 30, 0, 0"
|
||||
Stroke="{StaticResource BackgroundPrimary}"
|
||||
StrokeShape="RoundRectangle 12">
|
||||
<Button
|
||||
BackgroundColor="{StaticResource Selected}"
|
||||
FontFamily="PoppinsMedium"
|
||||
TextColor="{StaticResource ButtonText}"
|
||||
Text="LOG IN"/>
|
||||
</Border>
|
||||
|
||||
<HorizontalStackLayout
|
||||
HorizontalOptions="Center"
|
||||
Margin="0, 20, 0, 0"
|
||||
Spacing="6">
|
||||
<Rectangle
|
||||
BackgroundColor="Gray"
|
||||
WidthRequest="15"
|
||||
HeightRequest="3"/>
|
||||
<Label
|
||||
TextColor="{StaticResource TextColorSecondary}">
|
||||
Or continue with</Label>
|
||||
<Rectangle
|
||||
BackgroundColor="Gray"
|
||||
WidthRequest="15"
|
||||
HeightRequest="3"/>
|
||||
</HorizontalStackLayout>
|
||||
|
||||
<HorizontalStackLayout
|
||||
Margin="0, 20, 0, 0"
|
||||
Spacing="15"
|
||||
HorizontalOptions="Center">
|
||||
<Border
|
||||
HeightRequest="75"
|
||||
WidthRequest="75"
|
||||
BackgroundColor="#e9f4ff"
|
||||
StrokeShape="RoundRectangle 25 25 25 25"
|
||||
Stroke="{StaticResource BackgroundPrimary}">
|
||||
<Image
|
||||
HeightRequest="50"
|
||||
Source="google_logo.svg"/>
|
||||
</Border>
|
||||
|
||||
<Border
|
||||
HeightRequest="75"
|
||||
WidthRequest="75"
|
||||
BackgroundColor="#4460a0"
|
||||
StrokeShape="RoundRectangle 25 25 25 25"
|
||||
Stroke="{StaticResource BackgroundPrimary}">
|
||||
<Image
|
||||
WidthRequest="40"
|
||||
Source="facebook_logo.svg"/>
|
||||
</Border>
|
||||
</HorizontalStackLayout>
|
||||
|
||||
<HorizontalStackLayout
|
||||
Spacing="4"
|
||||
HorizontalOptions="Center"
|
||||
Margin="0, 20, 0, 0">
|
||||
<Label
|
||||
TextColor="{StaticResource TextColorPrimary}">
|
||||
New User?</Label>
|
||||
<Label
|
||||
FontAttributes="Bold"
|
||||
TextColor="{StaticResource TextColorPrimary}">
|
||||
Create Account</Label>
|
||||
</HorizontalStackLayout>
|
||||
|
||||
</VerticalStackLayout>
|
||||
</ContentPage>
|
@ -1,9 +1,9 @@
|
||||
namespace ShoopNCook.Views;
|
||||
|
||||
public partial class LoginPage : ContentPage
|
||||
{
|
||||
public LoginPage()
|
||||
{
|
||||
InitializeComponent();
|
||||
}
|
||||
namespace ShoopNCook.Pages;
|
||||
|
||||
public partial class LoginPage : ContentPage
|
||||
{
|
||||
public LoginPage()
|
||||
{
|
||||
InitializeComponent();
|
||||
}
|
||||
}
|
@ -0,0 +1,40 @@
|
||||
<?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.Pages.MorePage"
|
||||
BackgroundColor="{StaticResource BackgroundPrimary}"
|
||||
xmlns:views="clr-namespace:ShoopNCook.Views"
|
||||
Title="MorePage">
|
||||
<Grid
|
||||
RowDefinitions="Auto, *"
|
||||
Padding="20, 50, 20, 20">
|
||||
<!-- Profile picture and name -->
|
||||
<Grid
|
||||
Grid.Row="0"
|
||||
ColumnDefinitions="*, 2*"
|
||||
ColumnSpacing="30">
|
||||
|
||||
<Image
|
||||
x:Name="ProfileImage"/>
|
||||
|
||||
<Label
|
||||
x:Name="ProfileName"
|
||||
Grid.Column="1"
|
||||
FontSize="24"
|
||||
VerticalTextAlignment="Center"
|
||||
TextColor="{StaticResource TextColorPrimary}"
|
||||
FontFamily="Poppins"/>
|
||||
</Grid>
|
||||
|
||||
<VerticalStackLayout
|
||||
Grid.Row="1"
|
||||
VerticalOptions="Center"
|
||||
Margin="40, 0, 0, 0">
|
||||
<views:HeadedButton Text="My Recipes" HeadSource="cookie.svg" HeadColor="#FF5441"/>
|
||||
<views:HeadedButton Text="Edit Profile" HeadSource="user_fill.svg" HeadColor="#FF5441"/>
|
||||
<views:HeadedButton Text="Dark Mode" HeadSource="moon_white.svg" HeadColor="#FF5441"/>
|
||||
<views:HeadedButton Text="Share App" HeadSource="share.svg" HeadColor="#FF5441"/>
|
||||
<views:HeadedButton Text="Logout" HeadSource="logout_arrow.svg" HeadColor="#FF5441"/>
|
||||
</VerticalStackLayout>
|
||||
</Grid>
|
||||
</ContentPage>
|
@ -0,0 +1,15 @@
|
||||
namespace ShoopNCook.Pages;
|
||||
|
||||
public partial class MorePage : ContentPage
|
||||
{
|
||||
public MorePage(): this("Adom Shafi", ImageSource.FromFile("default_profile_picture.png"))
|
||||
{
|
||||
}
|
||||
|
||||
public MorePage(string userName, ImageSource userImage)
|
||||
{
|
||||
InitializeComponent();
|
||||
ProfileImage.Source = userImage;
|
||||
ProfileName.Text = userName;
|
||||
}
|
||||
}
|
@ -1,4 +1,4 @@
|
||||
namespace ShoopNCook.Views;
|
||||
namespace ShoopNCook.Pages;
|
||||
|
||||
public partial class MyRecipesPage : ContentPage
|
||||
{
|
@ -1,7 +1,7 @@
|
||||
<?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"
|
||||
x:Class="ShoopNCook.Pages.ProfilePage"
|
||||
Title="Profile"
|
||||
BackgroundColor="{StaticResource BackgroundPrimary}">
|
||||
|
@ -1,4 +1,4 @@
|
||||
namespace ShoopNCook.Views;
|
||||
namespace ShoopNCook.Pages;
|
||||
|
||||
public partial class ProfilePage : ContentPage
|
||||
{
|
@ -1,7 +1,7 @@
|
||||
<?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.RecipePage"
|
||||
x:Class="ShoopNCook.Pages.RecipePage"
|
||||
Title="RecipePage"
|
||||
x:Name="RecipeViewPage"
|
||||
BackgroundColor="{StaticResource BackgroundPrimary}">
|
@ -1,7 +1,7 @@
|
||||
using Microsoft.Maui.Controls;
|
||||
using ShoopNCook.Views;
|
||||
using System.Windows.Input;
|
||||
|
||||
namespace ShoopNCook.Views;
|
||||
namespace ShoopNCook.Pages;
|
||||
|
||||
public partial class RecipePage : ContentPage
|
||||
{
|
@ -1,7 +1,7 @@
|
||||
<?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.RegisterPage"
|
||||
x:Class="ShoopNCook.Pages.RegisterPage"
|
||||
Title="Register"
|
||||
BackgroundColor="{StaticResource BackgroundPrimary}">
|
||||
<ScrollView>
|
@ -1,4 +1,4 @@
|
||||
namespace ShoopNCook.Views;
|
||||
namespace ShoopNCook.Pages;
|
||||
|
||||
public partial class RegisterPage : ContentPage
|
||||
{
|
@ -1,7 +1,7 @@
|
||||
<?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.SearchPage"
|
||||
x:Class="ShoopNCook.Pages.SearchPage"
|
||||
xmlns:views="clr-namespace:ShoopNCook.Views"
|
||||
Title="SearchPage"
|
||||
BackgroundColor="{StaticResource BackgroundPrimary}">
|
@ -1,4 +1,4 @@
|
||||
namespace ShoopNCook.Views;
|
||||
namespace ShoopNCook.Pages;
|
||||
|
||||
public partial class SearchPage : ContentPage
|
||||
{
|
Binary file not shown.
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 270 B |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 812 B |
After Width: | Height: | Size: 463 B |
@ -1,9 +0,0 @@
|
||||
namespace ShoopNCook.Views;
|
||||
|
||||
public partial class FavoritesPage : ContentPage
|
||||
{
|
||||
public FavoritesPage()
|
||||
{
|
||||
InitializeComponent();
|
||||
}
|
||||
}
|
@ -0,0 +1,28 @@
|
||||
<?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="ShoopNCook.Views.HeadedButton"
|
||||
x:Name="HeadedBtn">
|
||||
<HorizontalStackLayout>
|
||||
<Border
|
||||
x:Name="PrefixBorder"
|
||||
BackgroundColor="{Binding HeadColor, Source={x:Reference HeadedBtn}}"
|
||||
Stroke="Transparent"
|
||||
StrokeShape="RoundRectangle 250"
|
||||
Padding="10">
|
||||
<ImageButton
|
||||
x:Name="PrefixImage"
|
||||
WidthRequest="25"
|
||||
HeightRequest="25"
|
||||
Source="{Binding HeadSource, Source={x:Reference HeadedBtn}}"/>
|
||||
</Border>
|
||||
<Label
|
||||
x:Name="BtnLabel"
|
||||
Margin="20, 0, 0, 0"
|
||||
Text="{Binding Text, Source={x:Reference HeadedBtn}}"
|
||||
VerticalTextAlignment="Center"
|
||||
FontFamily="Poppins"
|
||||
FontSize="16"
|
||||
TextColor="{StaticResource TextColorPrimary}"/>
|
||||
</HorizontalStackLayout>
|
||||
</ContentView>
|
@ -0,0 +1,37 @@
|
||||
namespace ShoopNCook.Views;
|
||||
|
||||
public partial class HeadedButton : ContentView
|
||||
{
|
||||
|
||||
private readonly BindableProperty TextProperty =
|
||||
BindableProperty.Create("Text", typeof(string), typeof(HeadedButton), "No Text Defined.");
|
||||
|
||||
private readonly BindableProperty HeadColorProperty =
|
||||
BindableProperty.Create("HeadColor", typeof(string), typeof(HeadedButton), "#FFFFFF");
|
||||
|
||||
private readonly BindableProperty HeadSourceProperty =
|
||||
BindableProperty.Create("HeadSource", typeof(string), typeof(HeadedButton), default(string));
|
||||
|
||||
public string Text
|
||||
{
|
||||
get => (string)GetValue(TextProperty);
|
||||
set => SetValue(TextProperty, value);
|
||||
}
|
||||
|
||||
public string HeadColor
|
||||
{
|
||||
get => (string)GetValue(HeadColorProperty);
|
||||
set => SetValue(HeadColorProperty, value);
|
||||
}
|
||||
|
||||
public string HeadSource
|
||||
{
|
||||
get => (string)GetValue(HeadSourceProperty);
|
||||
set => SetValue(HeadSourceProperty, value);
|
||||
}
|
||||
|
||||
public HeadedButton()
|
||||
{
|
||||
InitializeComponent();
|
||||
}
|
||||
}
|
Loading…
Reference in new issue