sharee.bike-App/Meinkonrad/TINK/View/SelectBike/SelectBikePage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
	xmlns="http://xamarin.com/schemas/2014/forms"
	xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
	xmlns:xct="http://xamarin.com/schemas/2020/toolkit"
	x:Class="TINK.View.SelectBike.SelectBikePage"
	xmlns:conv="clr-namespace:TINK.View;assembly=TINKLib"
	xmlns:resources="clr-namespace:TINK.MultilingualResources;assembly=TINKLib"
	xmlns:local_bike="clr-namespace:TINK.View.Bike"
	xmlns:sharedGui="clr-namespace:ShareeSharedGuiLib.View"
	xmlns:rental_process="clr-namespace:TINK.ViewModel.Bikes;assembly=TINKLib"
	xmlns:bikeRentalProcess="clr-namespace:ShareeSharedGuiLib.View.Bike.RentalProcess"
	BackgroundColor="{DynamicResource background-color}"
	Shell.NavBarIsVisible="{Binding IsIdle}">

	<Shell.TitleView>
		<Grid ColumnDefinitions="Auto, 1*">
			<Label Style="{StaticResource Label-Navbar}"
				Text="{x:Static resources:AppResources.MarkingSelectBike}"/>
		</Grid>
	</Shell.TitleView>

	<ContentPage.Resources>
		<ResourceDictionary>
			<local_bike:BikeViewCellTemplateSelector x:Key="bikeTemplateSelector"/>
			<conv:StringNotNullOrEmptyToVisibleConverter x:Key="Label_Converter"/>
			<xct:MultiConverter x:Key="RentalProcessToVisibleConverter">
				<xct:EnumToBoolConverter>
					<xct:EnumToBoolConverter.TrueValues>
						<rental_process:CurrentRentalProcess>CloseLock</rental_process:CurrentRentalProcess>
						<rental_process:CurrentRentalProcess>EndRental</rental_process:CurrentRentalProcess>
					</xct:EnumToBoolConverter.TrueValues>
				</xct:EnumToBoolConverter>
				<xct:InvertedBoolConverter />
			</xct:MultiConverter>
		</ResourceDictionary>
	</ContentPage.Resources>

	<ContentPage.Content>

		<!--Grid for Bike(s) view and Running process in same row-->
		<Grid>

			<!-- Grid for Content -->
			<Grid
				IsVisible="{Binding RentalProcess.State, Converter={StaticResource RentalProcessToVisibleConverter}}"
				Grid.Row="0"
				RowSpacing="0"
				RowDefinitions="1*,Auto">

				<StackLayout
					Grid.Row="0"
					Spacing="0"
					Orientation="Vertical">

					<StackLayout
						BackgroundColor="White"
						Padding="20,5,20,0">

						<!--Bike type-->
						<StackLayout Orientation="Horizontal"
									 HorizontalOptions="Center"
									 IsVisible="{Binding ActiveFilteredBikeType, Converter={StaticResource Label_Converter}}"
									 Spacing="0">
							<Label
								TextColor="DimGray"
								Text="{x:Static resources:AppResources.MarkingSelectBikeTypeOfBikeText}"/>
							<Label
								TextColor="{DynamicResource primary-back-title-color}"
								FontAttributes="Bold"
								Text="{Binding ActiveFilteredBikeType}"/>
							<Button
								Command="{Binding ShowFilterBikeTypeInfoCommand}"
								WidthRequest="24"
								HeightRequest="24"
								BackgroundColor="Transparent"
								BorderWidth="0"
								Padding="0"
								Margin="5,0,0,0">
								<Button.ImageSource>
									<FontImageSource
									Glyph="{StaticResource InfoCircle}"
									Color="DimGray"
									FontFamily="FA-S"
									Size="20"/>
								</Button.ImageSource>
							</Button>
						</StackLayout>

						<Grid
							RowDefinitions="Auto,Auto"
							ColumnDefinitions="*,Auto">

							<!--Search bike-->
							<Label
								Grid.Column="0"
								Grid.ColumnSpan="2"
								Grid.Row="0"
								Text="{x:Static resources:AppResources.MarkingSelectBikeLabel}"
								Margin="0,5,0,-5">
							</Label>
							<Entry
								Grid.Column="0"
								Grid.Row="1"
								x:Name="SelectBikeEntry"
								Placeholder="{x:Static resources:AppResources.PlaceholderSelectBike}"
								MaxLength="10"
								CursorPosition="0"
								Text="{Binding BikeIdUserInput, Mode=TwoWay}"/>

							<Button
								Grid.Column="1"
								Grid.Row="1"
								WidthRequest="100"
								Text="{x:Static resources:AppResources.MarkingSelectBikeButton}"
								Command="{Binding OnSelectBikeRequest}">
								<Button.Triggers>
									<DataTrigger TargetType="Button" Binding="{Binding IsSelectBikeEnabled}" Value="False">
										<Setter Property="BorderColor" Value="DimGray" />
										<Setter Property="BackgroundColor" Value="DimGray" />
										<Setter Property="TextColor" Value="LightGray" />
									</DataTrigger>
								</Button.Triggers>
							</Button>

						</Grid>

						<!--Line-->
						<BoxView
							HeightRequest="1"
							WidthRequest="400"
							HorizontalOptions="Center"
							Color="{DynamicResource primary-back-title-color}"/>

					</StackLayout>

					<!--No Network Connection-->
					<sharedGui:NotConnectedToNetView/>

					<!--Bike data-->
					<Grid
						RowDefinitions="Auto,Auto"
						RowSpacing="0">

						<!--Hint for Outdated Data.-->
						<sharedGui:HintForRefreshingPageView
							Grid.Row="0"/>

						<!--Bike-->
						<ListView
							Grid.Row="1"
							x:Name="SelectBikeListView"
							BackgroundColor="{DynamicResource background-color}"
							SelectionMode="None"
							SelectedItem="{Binding SelectedBike}"
							IsEnabled="{Binding IsIdle}"
							HasUnevenRows="True"
							SeparatorVisibility="None"
							ItemTemplate="{StaticResource bikeTemplateSelector}"
							IsPullToRefreshEnabled="True"
							RefreshCommand="{Binding RefreshCommand}"
							IsRefreshing="{Binding IsRefreshing}"/>
					</Grid>

				</StackLayout>

				<!--Info text-->
				<Label
						Grid.Row="1"
						Text="{Binding StatusInfoText}"
						IsVisible="{Binding Path=IsProcessWithRunningProcessView, Converter={StaticResource InvertedBoolConverter}}"
						FontSize="Small"
						Padding="5"
						TextColor="DimGray" 
						HorizontalOptions="CenterAndExpand">
					<Label.Triggers>
						<DataTrigger
							TargetType="Label"
							Binding="{Binding Path=StatusInfoText.Length}" Value="0">
							<Setter Property="HeightRequest" Value="0" />
						</DataTrigger>
						<DataTrigger
							TargetType="Label"
							Binding="{Binding Path=StatusInfoText}" Value="Offline.">
							<Setter Property="HeightRequest" Value="0" />
						</DataTrigger>
					</Label.Triggers>
				</Label>

			</Grid>

			<!--While process is running-->
			<sharedGui:RunningProcessView
				Grid.Row="0"
				IsVisible="{Binding IsProcessWithRunningProcessView}"/>

			<!--CloseLock View-->
			<bikeRentalProcess:RentalProcessBookedOpenCloseLock
				Grid.Row="0"/>

			<!--EndRental View-->
			<bikeRentalProcess:RentalProcessBookedClosedEndRental
				Grid.Row="0"/>

		</Grid>

	</ContentPage.Content>

</ContentPage>