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.

168 lines
7.7 KiB

<?xml version="1.0" encoding="utf-8" ?>
<!-- To diplay species name -->
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Views.DetailEspece"
Title="{Binding Nom}"
IconImageSource="{FontImage FontFamily=Raleway}">
<ScrollView>
<VerticalStackLayout>
<!-- To diplay species image -->
<Image Source="{Binding Image}"
MaximumWidthRequest="300"
Margin="20"
HorizontalOptions="Center"/>
<Border VerticalOptions="Start"
Grid.Column="1"
Margin="0,10,0,10">
<Grid RowDefinitions="Auto, Auto, Auto, Auto, Auto"
ColumnDefinitions="*, *"
RowSpacing="8">
<!-- To diplay species scientific name -->
<Label Text="Nom scientifique"/>
<Label Grid.Column="1"
HorizontalOptions="End"
Text="{Binding NomScientifique}"
FontAttributes="None"
FontFamily="Raleway"/>
<!-- To diplay species life expectancy -->
<Label Grid.Row="1"
Text="Espérance de vie"/>
<Label Grid.Column="2"
Grid.Row="1"
HorizontalOptions="End"
Text="{Binding EsperanceVie}"
FontAttributes="None"
FontFamily="Raleway"/>
<!-- To diplay species average weight -->
<Label Grid.Row="2"
Text="Poids moyen"/>
<Label Grid.Column="2"
Grid.Row="2"
HorizontalOptions="End"
Text="{Binding PoidsMoyen}"
FontAttributes="None"
FontFamily="Raleway"/>
<!-- To diplay species average height -->
<Label Grid.Row="3"
Text="Taille moyenne"/>
<Label Grid.Column="2"
Grid.Row="3"
HorizontalOptions="End"
Text="{Binding TailleMoyenne}"
FontAttributes="None"
FontFamily="Raleway"/>
</Grid>
</Border>
<!-- To diplay information on the species behavior -->
<VerticalStackLayout Margin="0,10,0,10">
<Label Text="Comportement"
FontSize="Large"/>
<Border>
<Label Text="{Binding Comportement}"
FontAttributes="None"
FontFamily="Raleway"/>
</Border>
</VerticalStackLayout>
<!-- To diplay information on the species health -->
<VerticalStackLayout Margin="0,10,0,10">
<Label Text="Santé"
FontSize="Large"/>
<Border>
<Label Text="{Binding Sante}"
FontAttributes="None"
FontFamily="Raleway"/>
</Border>
</VerticalStackLayout>
<!-- To diplay information on the species education -->
<VerticalStackLayout Margin="0,10,0,10">
<Label Text="Education"
FontSize="Large"/>
<Border>
<Label Text="{Binding Education}"
FontAttributes="None"
FontFamily="Raleway"/>
</Border>
</VerticalStackLayout>
<!-- To diplay information on the species maintenance -->
<VerticalStackLayout Margin="0,10,0,10">
<Label Text="Entretien"
FontSize="Large"/>
<Border>
<Label Text="{Binding Entretien}"
FontAttributes="None"
FontFamily="Raleway"/>
</Border>
</VerticalStackLayout>
<!-- To diplay information on the species cost -->
<VerticalStackLayout Margin="0,10,0,10">
<Label Text="Coût potentiel"
FontSize="Large"/>
<Border>
<Label Text="{Binding Cout}"
FontAttributes="None"
FontFamily="Raleway"/>
</Border>
</VerticalStackLayout>
<!-- To diplay species advice -->
<VerticalStackLayout Margin="0,10,0,10">
<Label Text="Conseils"
FontSize="Large"/>
<Border>
<Label Text="{Binding Conseil}"
FontAttributes="None"
FontFamily="Raleway"/>
</Border>
</VerticalStackLayout>
<!-- To display the list of species breeds -->
<Grid RowDefinitions="Auto, *"
RowSpacing="20"
Margin="0,10,0,0">
<Label Text="Les Races"
FontSize="Large"/>
<ListView ItemsSource="{Binding ListeRaces}"
Grid.Row="1"
ItemTapped="OnClick">
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<Grid Margin="0,10,0,10">
<Border>
<Grid ColumnDefinitions="Auto, *"
RowDefinitions="3*"
ColumnSpacing="15">
<!-- To display the image -->
<Frame Grid.RowSpan="3">
<Image Source="{Binding Image}"/>
</Frame>
<VerticalStackLayout Grid.Column="1">
<!-- To display the breed name -->
<Label Text="{Binding Nom}"
FontSize="Large"/>
<!-- To display the breed scientific name -->
<Label Text="{Binding NomScientifique}"
FontSize="12"
FontFamily="Raleway"/>
</VerticalStackLayout>
</Grid>
</Border>
</Grid>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</Grid>
</VerticalStackLayout>
</ScrollView>
</ContentPage>