Merge pull request 'xaml/my-recipes' (#31) from xaml/my-recipes into master
Reviewed-on: ShopNCook/ShopNCook#31pull/29/head^2
commit
85a80d2cb3
@ -0,0 +1,65 @@
|
|||||||
|
<?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.MyRecipesPage"
|
||||||
|
Title="MyRecipesPage"
|
||||||
|
xmlns:views="clr-namespace:ShoopNCook.Views"
|
||||||
|
BackgroundColor="{StaticResource BackgroundPrimary}">
|
||||||
|
<Grid
|
||||||
|
RowDefinitions="Auto, *, Auto">
|
||||||
|
<!-- Header label and return button -->
|
||||||
|
<Grid
|
||||||
|
Grid.Row="0"
|
||||||
|
Padding="10, 20, 0, 30">
|
||||||
|
|
||||||
|
<ImageButton
|
||||||
|
Grid.Column="0"
|
||||||
|
HeightRequest="50"
|
||||||
|
WidthRequest="50"
|
||||||
|
Source="arrow_back.svg"
|
||||||
|
HorizontalOptions="Start"/>
|
||||||
|
|
||||||
|
<Label
|
||||||
|
Grid.Column="0"
|
||||||
|
FontSize="24"
|
||||||
|
TextColor="{StaticResource TextColorPrimary}"
|
||||||
|
Text="My Recipes"
|
||||||
|
FontFamily="PoppinsBold"
|
||||||
|
HorizontalOptions="Center"
|
||||||
|
VerticalOptions="Center"/>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
<!-- Favorite items -->
|
||||||
|
<ScrollView
|
||||||
|
Grid.Row="1">
|
||||||
|
<FlexLayout
|
||||||
|
JustifyContent="Center"
|
||||||
|
AlignItems="Start"
|
||||||
|
AlignContent="Start"
|
||||||
|
Direction="Row"
|
||||||
|
Wrap="Wrap">
|
||||||
|
|
||||||
|
<views:OwnedRecipeView Margin="5" Note="4.5" Title="Spaghetti Bolognese"/>
|
||||||
|
<views:OwnedRecipeView Margin="5" Note="3" Title="Chickend Curry"/>
|
||||||
|
<views:OwnedRecipeView Margin="5" Note="0.2" Title="Beef Stroganoff"/>
|
||||||
|
<views:OwnedRecipeView Margin="5" Note="1.6" Title="Fish And Ships"/>
|
||||||
|
<views:OwnedRecipeView Margin="5" Note="5" Title="Caesar Salad"/>
|
||||||
|
<views:OwnedRecipeView Margin="5" Note="3.5" Title="Vegetables"/>
|
||||||
|
<views:OwnedRecipeView Margin="5" Note="4.6" Title="Guacamole"/>
|
||||||
|
<views:OwnedRecipeView Margin="5" Note="4" Title="Pad Thai"/>
|
||||||
|
<views:OwnedRecipeView Margin="5" Note="3" Title="French Toast"/>
|
||||||
|
<views:OwnedRecipeView Margin="5" Note="2" Title="Margherita Pizza"/>
|
||||||
|
</FlexLayout>
|
||||||
|
</ScrollView>
|
||||||
|
|
||||||
|
<Border
|
||||||
|
Margin="20, 0, 20, 5"
|
||||||
|
Grid.Row="2"
|
||||||
|
Style="{StaticResource SecondaryBorder}">
|
||||||
|
<Button
|
||||||
|
Style="{StaticResource UserButton}"
|
||||||
|
BackgroundColor="{StaticResource Selected}"
|
||||||
|
Text="Add a new recipe"/>
|
||||||
|
</Border>
|
||||||
|
</Grid>
|
||||||
|
</ContentPage>
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
namespace ShoopNCook.Pages;
|
||||||
|
|
||||||
|
public partial class MyRecipesPage : ContentPage
|
||||||
|
{
|
||||||
|
public MyRecipesPage()
|
||||||
|
{
|
||||||
|
InitializeComponent();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 1.7 KiB |
@ -0,0 +1,79 @@
|
|||||||
|
<?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.OwnedRecipeView">
|
||||||
|
<Border
|
||||||
|
Style="{StaticResource SecondaryBorderShadow}"
|
||||||
|
StrokeShape="RoundRectangle 30">
|
||||||
|
|
||||||
|
<Grid
|
||||||
|
BackgroundColor="{StaticResource BackgroundSecondary}"
|
||||||
|
Padding="10"
|
||||||
|
MinimumHeightRequest="175"
|
||||||
|
MinimumWidthRequest="150"
|
||||||
|
RowDefinitions="*, Auto">
|
||||||
|
<Border
|
||||||
|
Grid.Row="0"
|
||||||
|
Stroke="Transparent"
|
||||||
|
StrokeShape="RoundRectangle 20"
|
||||||
|
BackgroundColor="AliceBlue">
|
||||||
|
<Grid>
|
||||||
|
<Image />
|
||||||
|
<HorizontalStackLayout
|
||||||
|
x:Name="Stars"
|
||||||
|
VerticalOptions="End"
|
||||||
|
HorizontalOptions="End"
|
||||||
|
Margin="0, 0, 15, 2">
|
||||||
|
<Image
|
||||||
|
WidthRequest="10"
|
||||||
|
Source="star_full.svg"/>
|
||||||
|
<Image
|
||||||
|
WidthRequest="10"
|
||||||
|
Source="star_full.svg"/>
|
||||||
|
<Image
|
||||||
|
WidthRequest="10"
|
||||||
|
Source="star_full.svg"/>
|
||||||
|
<Image
|
||||||
|
WidthRequest="10"
|
||||||
|
Source="star_full.svg"/>
|
||||||
|
<Image
|
||||||
|
WidthRequest="10"
|
||||||
|
Source="star_full.svg"/>
|
||||||
|
</HorizontalStackLayout>
|
||||||
|
</Grid>
|
||||||
|
</Border>
|
||||||
|
|
||||||
|
<VerticalStackLayout Grid.Row="1">
|
||||||
|
<Label
|
||||||
|
TextColor="{StaticResource TextColorPrimary}"
|
||||||
|
x:Name="TitleLabel"/>
|
||||||
|
<Border
|
||||||
|
BackgroundColor="{StaticResource Selected}"
|
||||||
|
Stroke="Transparent"
|
||||||
|
StrokeShape="RoundRectangle 250"
|
||||||
|
Margin="8, 0, 8, 0">
|
||||||
|
<Grid
|
||||||
|
ColumnDefinitions="Auto, *"
|
||||||
|
Padding="10, 3, 10, 3"
|
||||||
|
ColumnSpacing="4"
|
||||||
|
HorizontalOptions="Center"
|
||||||
|
>
|
||||||
|
<Grid.GestureRecognizers>
|
||||||
|
<TapGestureRecognizer
|
||||||
|
Tapped="TapGestureRecognizer_Tapped"
|
||||||
|
NumberOfTapsRequired="1"/>
|
||||||
|
</Grid.GestureRecognizers>
|
||||||
|
<Image
|
||||||
|
Grid.Column="0"
|
||||||
|
Source="bin.svg"
|
||||||
|
MaximumHeightRequest="15"/>
|
||||||
|
|
||||||
|
<Label
|
||||||
|
Grid.Column="1"
|
||||||
|
Text="Delete"/>
|
||||||
|
</Grid>
|
||||||
|
</Border>
|
||||||
|
</VerticalStackLayout>
|
||||||
|
</Grid>
|
||||||
|
</Border>
|
||||||
|
</ContentView>
|
||||||
@ -0,0 +1,44 @@
|
|||||||
|
namespace ShoopNCook.Views;
|
||||||
|
|
||||||
|
public partial class OwnedRecipeView : ContentView
|
||||||
|
{
|
||||||
|
|
||||||
|
public OwnedRecipeView() : this(5, "Title")
|
||||||
|
{ }
|
||||||
|
|
||||||
|
public OwnedRecipeView(float note, string title)
|
||||||
|
{
|
||||||
|
InitializeComponent();
|
||||||
|
Note = note;
|
||||||
|
Title = title;
|
||||||
|
}
|
||||||
|
|
||||||
|
public float Note
|
||||||
|
{
|
||||||
|
set => SetNote(value);
|
||||||
|
}
|
||||||
|
|
||||||
|
public string Title
|
||||||
|
{
|
||||||
|
set => TitleLabel.Text = value;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void SetNote(float note)
|
||||||
|
{
|
||||||
|
int i = 1;
|
||||||
|
foreach (Image img in Stars.Children)
|
||||||
|
{
|
||||||
|
if (i <= note)
|
||||||
|
{
|
||||||
|
img.Opacity = 0;
|
||||||
|
i++;
|
||||||
|
}
|
||||||
|
else img.Opacity = 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void TapGestureRecognizer_Tapped(object sender, TappedEventArgs e)
|
||||||
|
{
|
||||||
|
Console.WriteLine("This is a test");
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in new issue