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.
152 lines
5.0 KiB
152 lines
5.0 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.RecipePage"
|
|
Title="RecipePage"
|
|
BackgroundColor="{StaticResource BackgroundPrimary}">
|
|
|
|
<Grid
|
|
RowDefinitions="90*, 10*"
|
|
Padding="10"
|
|
>
|
|
|
|
<!--Main content-->
|
|
<ScrollView>
|
|
<Grid
|
|
RowDefinitions="*, Auto, 10*">
|
|
<FlexLayout
|
|
Grid.Row="0"
|
|
Direction="Row"
|
|
JustifyContent="SpaceBetween"
|
|
AlignContent="Center"
|
|
AlignItems="Center"
|
|
>
|
|
<ImageButton
|
|
Source="arrow_back.svg"/>
|
|
<Label
|
|
Style="{StaticResource h1}"
|
|
Text="Recipe name"/>
|
|
|
|
<ImageButton
|
|
Source="earth_off.svg"
|
|
Margin="0, 0, 5, 0"
|
|
/>
|
|
</FlexLayout>
|
|
|
|
<!--Recipe image-->
|
|
|
|
<Border
|
|
Grid.Row="1"
|
|
Margin="10"
|
|
Stroke="Transparent"
|
|
StrokeShape="RoundRectangle 20"
|
|
BackgroundColor="AliceBlue">
|
|
<Image
|
|
HeightRequest="250"/>
|
|
</Border>
|
|
|
|
<!--Steps-->
|
|
|
|
<VerticalStackLayout
|
|
Grid.Row="2"
|
|
Padding="30, 0, 30, 0">
|
|
<Label
|
|
Style="{StaticResource h2}"
|
|
Text="Ingredients"/>
|
|
<VerticalStackLayout>
|
|
<Label
|
|
Style="{StaticResource Small}"
|
|
Text="• Ingredient 1 45 kg"/>
|
|
|
|
<Label
|
|
Style="{StaticResource Small}"
|
|
Text="• Ingredient 1 32 g"/>
|
|
|
|
<Label
|
|
Style="{StaticResource Small}"
|
|
Text="• Ingredient 1 101 kt"/>
|
|
</VerticalStackLayout>
|
|
|
|
<VerticalStackLayout>
|
|
<Label
|
|
Style="{StaticResource Small}"
|
|
Text="Cooking time: %Cook_Time%"/>
|
|
|
|
<Label
|
|
Style="{StaticResource Small}"
|
|
Text="Energy input: %Nb_Cal%/pers"/>
|
|
</VerticalStackLayout>
|
|
|
|
<Label
|
|
Style="{StaticResource h2}"
|
|
Text="Preparation steps"/>
|
|
|
|
<VerticalStackLayout>
|
|
<Label
|
|
Style="{StaticResource Small}"
|
|
Text="Step 1 : Frist step"/>
|
|
|
|
<Label
|
|
Style="{StaticResource Small}"
|
|
Text="Step 2 : Second step"/>
|
|
|
|
<Label
|
|
Style="{StaticResource Small}"
|
|
Text="Step 3 : Third step"/>
|
|
</VerticalStackLayout>
|
|
</VerticalStackLayout>
|
|
</Grid>
|
|
</ScrollView>
|
|
|
|
<!--Footer-->
|
|
|
|
<FlexLayout
|
|
Grid.Row="1"
|
|
Direction="Row"
|
|
JustifyContent="SpaceBetween"
|
|
AlignItems="Center"
|
|
>
|
|
<Grid
|
|
ColumnDefinitions="*, Auto, *">
|
|
|
|
<Border
|
|
Grid.Column="0"
|
|
Stroke="Transparent"
|
|
StrokeShape="RoundRectangle 100"
|
|
BackgroundColor="{StaticResource Selected}">
|
|
<Image
|
|
Source="minus.svg"
|
|
WidthRequest="40"
|
|
HeightRequest="40"/>
|
|
</Border>
|
|
|
|
<Label
|
|
Grid.Column="1"
|
|
Text="%N% pers"
|
|
Margin="10, 0, 10, 0"
|
|
TextColor="{StaticResource TextColorPrimary}"
|
|
VerticalTextAlignment="Center"
|
|
FontFamily="PoppinsMedium"/>
|
|
|
|
<Border
|
|
Grid.Column="2"
|
|
Stroke="Transparent"
|
|
StrokeShape="RoundRectangle 100"
|
|
BackgroundColor="{StaticResource Selected}">
|
|
<Image
|
|
Source="add.svg"
|
|
WidthRequest="40"
|
|
HeightRequest="40"/>
|
|
</Border>
|
|
</Grid>
|
|
|
|
<Button
|
|
Grid.Column="1"
|
|
Text="Most Recent"
|
|
Style="{StaticResource UserButton}"
|
|
TextColor="White"
|
|
BackgroundColor="Gray">
|
|
</Button>
|
|
</FlexLayout>
|
|
</Grid>
|
|
</ContentPage> |