leo.tuaillon
/
ShopNCook
2
2
Fork 0
Code Issues 6 Pull Requests Packages Projects Releases Wiki Activity

add bases of create-recipe page

Browse Source
pull/37/head
maxime.BATISTA@etu.uca.fr 2 years ago
parent bb33e695d6
commit b506f1ee3d
11 changed files with 103 additions and 4 deletions
Show Stats Download Patch File Download Diff File

5
AppShell.xaml
Unescape View File

@ -73,5 +73,10 @@
Title="My Recipes Page"
ContentTemplate="{DataTemplate pages:MyRecipesPage}"
Route="MyRecipes" />
<ShellContent
Title="Create Recipe Page"
ContentTemplate="{DataTemplate pages:CreateRecipePage}"
Route="CreateRecipe" />
</TabBar>
</Shell>

66
Pages/CreateRecipePage.xaml
Unescape View File

@ -0,0 +1,66 @@
<?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.CreateRecipePage"
Title="CreateRecipePage"
BackgroundColor="{StaticResource BackgroundPrimary}">
<Grid
RowDefinitions="Auto, Auto, *"
Padding="20, 30, 20, 0">
<!-- Header label and return button -->
<HorizontalStackLayout
Grid.Row="0"
MaximumHeightRequest="60">
<ImageButton
HeightRequest="50"
WidthRequest="50"
Source="arrow_back.svg"
HorizontalOptions="Start"/>
<Label
Text="Create new recipe"
Style="{StaticResource h3}"
FontSize="20"
VerticalTextAlignment="Center"/>
</HorizontalStackLayout>
<!--Image display and upload button-->
<Grid
Grid.Row="1"
RowDefinitions="Auto">
<Border
Grid.Row="0"
BackgroundColor="{StaticResource ImageBackground}"
Stroke="White"
StrokeThickness="2"
StrokeShape="RoundRectangle 25">
<Image
x:Name="RecipeImage"
HeightRequest="250"/>
</Border>
<Border
Grid.Row="0"
BackgroundColor="{StaticResource Selected}"
Stroke="White"
StrokeThickness="2"
StrokeShape="RoundRectangle 200"
WidthRequest="50"
HeightRequest="50"
HorizontalOptions="End"
VerticalOptions="End"
TranslationY="20"
TranslationX="-20">
<ImageButton
Source="edit.svg"
WidthRequest="30"
/>
</Border>
</Grid>
<Entry
Style="{StaticResource UserInput}"
Placeholder="Specify your recipe name"/>
</Grid>
</ContentPage>

9
Pages/CreateRecipePage.xaml.cs
Unescape View File

@ -0,0 +1,9 @@
namespace ShoopNCook.Pages;
public partial class CreateRecipePage : ContentPage
{
public CreateRecipePage()
{
InitializeComponent();
}
}

5
Pages/RecipePage.xaml
Unescape View File

@ -15,14 +15,17 @@
<ScrollView>
<Grid
RowDefinitions="*, Auto, Auto, 0.5*">
<!--Header-->
<FlexLayout
Grid.Row="0"
Direction="Row"
JustifyContent="SpaceBetween"
AlignContent="Center"
AlignItems="Center">
<ImageButton
Source="arrow_back.svg"/>
<Label
Style="{StaticResource h1}"
x:Name="RecipeName"
@ -42,7 +45,7 @@
Margin="10"
Stroke="Transparent"
StrokeShape="RoundRectangle 20"
BackgroundColor="AliceBlue">
BackgroundColor="{StaticResource ImageBackground}">
<Image
HeightRequest="250"/>
</Border>

3
Resources/Images/edit.svg
Unescape View File

@ -0,0 +1,3 @@
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.1839 4.11825L5.4851 11.3456C5.13123 11.6774 4.55507 11.6774 4.20121 11.3456C3.84735 11.0138 3.84735 10.4736 4.20121 10.1418L11.9 2.9144C12.2539 2.5826 12.83 2.5826 13.1839 2.9144C13.3608 3.0803 13.4515 3.29725 13.4515 3.5142C13.4515 3.7354 13.3608 3.95235 13.1839 4.11825ZM16.0728 3.21679L14.1447 1.41315C13.26 0.583639 11.8219 0.583639 10.9373 1.41315L2.67138 9.17649C2.41279 9.41471 2.22225 9.71248 2.10883 10.04L0.448394 15.0001C0.226096 15.6552 0.883918 16.272 1.58257 16.0678L6.88144 14.5066C7.22623 14.4045 7.5438 14.2259 7.80239 13.9834L16.0728 6.22004C16.9575 5.39053 16.9575 4.0463 16.0728 3.21679Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 780 B

1
Resources/Styles/Colors.xaml
Unescape View File

@ -51,5 +51,6 @@
<Color x:Key="TextColorSecondary">#6d6d6d</Color>
<Color x:Key="ActionButton">#ff8988</Color>
<Color x:Key="Selected">#ff8988</Color>
<Color x:Key="ImageBackground">AliceBlue</Color>
</ResourceDictionary>

8
Resources/Styles/Styles.xaml
Unescape View File

@ -65,6 +65,14 @@
<Setter Property="FontAttributes" Value="Bold"/>
</Style>
<Style
TargetType="Label"
x:Key="h3">
<Setter Property="FontFamily" Value="PoppinsRegular"/>
<Setter Property="FontSize" Value="16"/>
<Setter Property="TextColor" Value="{StaticResource TextColorSecondary}"/>
</Style>
<Style
TargetType="Label"
x:Key="Small">

4
ShoopNCook.csproj
Unescape View File

@ -52,6 +52,7 @@
<None Remove="Resources\Fonts\Poppins-Medium.ttf" />
<None Remove="Resources\Fonts\Poppins-Regular.ttf" />
<None Remove="Resources\Images\cookie.svg" />
<None Remove="Resources\Images\edit.svg" />
<None Remove="Resources\Images\email_icon.svg" />
<None Remove="Resources\Images\facebook_logo.svg" />
<None Remove="Resources\Images\hearth_off.svg" />
@ -92,6 +93,9 @@
</ItemGroup>
<ItemGroup>
<MauiXaml Update="Pages\CreateRecipePage.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>
<MauiXaml Update="Views\CounterView.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>

2
Views/OwnedRecipeView.xaml
Unescape View File

@ -16,7 +16,7 @@
Grid.Row="0"
Stroke="Transparent"
StrokeShape="RoundRectangle 20"
BackgroundColor="AliceBlue">
BackgroundColor="{StaticResource ImageBackground}">
<Grid>
<Image />
<HorizontalStackLayout

2
Views/RecipeView.xaml
Unescape View File

@ -18,7 +18,7 @@
Grid.Row="0"
Stroke="Transparent"
StrokeShape="RoundRectangle 20"
BackgroundColor="AliceBlue">
BackgroundColor="{StaticResource ImageBackground}">
<Grid>
<Image />
<HorizontalStackLayout

2
Views/StoredRecipeView.xaml
Unescape View File

@ -18,7 +18,7 @@
Grid.Row="0"
Stroke="Transparent"
StrokeShape="RoundRectangle 20"
BackgroundColor="AliceBlue">
BackgroundColor="{StaticResource ImageBackground}">
<Grid>
<Image />
<HorizontalStackLayout

Write Preview
Loading…
Cancel
Save