sharee.bike-App/LastenradBayern/ShareeBike/View/BikesAtStation/BikesAtStationPage.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"
	xmlns:rental_process="clr-namespace:ShareeBike.ViewModel.Bikes;assembly=SharedBusinessLogic"
	x:Class="ShareeBike.View.BikesAtStation.BikesAtStationPage"
	xmlns:local_bike="clr-namespace:ShareeBike.View.Bike"
	xmlns:sharedGui="clr-namespace:SharedGui.View"
	xmlns:bikeRentalProcess="clr-namespace:SharedGui.View.Bike.RentalProcess"
	BackgroundColor="{DynamicResource background-color}"
	Shell.NavBarIsVisible="{Binding IsIdle}">

	<Shell.TitleView>
		<Grid ColumnDefinitions="Auto, 1*">
			<Label Style="{StaticResource Label-Navbar}"
				Text="{Binding Title}"/>
		</Grid>
	</Shell.TitleView>

	<ContentPage.Resources>
		<ResourceDictionary>
			<local_bike:BikeViewCellTemplateSelector x:Key="bikeTemplateSelector"/>
			<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>

			<!--BikesAtStationPage 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">

					<!--Station-->
					<StackLayout
						BackgroundColor="{DynamicResource primary-back-title-color}"
						IsVisible="{Binding IsIdle}"
						Padding="20,0,20,0">

						<!--Line-->
						<BoxView
							HeightRequest="1"
							WidthRequest="400"
							HorizontalOptions="Center"
							Color="White"/>

						<Grid
							ColumnDefinitions="Auto,1*"
							RowDefinitions="Auto"
							Padding="0,0,0,5">

							<!--Station id-->
							<Label
									Grid.Column="0"
									Grid.Row="0"
									FontSize="Small"
									HorizontalOptions="Start"
									TextColor="White"
									Text="{Binding StationDetailText}"/>

							<!--Contact to operator-->
							<Label
									Grid.Column="1"
									Grid.Row="0"
									TextType="Html"
									FontSize="Small"
									HorizontalOptions="End"
									TextColor="White"
									Text="{Binding ContactSupportHintText}">
								<Label.GestureRecognizers>
									<TapGestureRecognizer Command="{Binding ContactSupportClickedCommand}"/>
								</Label.GestureRecognizers>
							</Label>

						</Grid>

					</StackLayout>

					<!--Bike data-->
					<Grid
						RowDefinitions="1*"
						RowSpacing="0">

						<!--Bike(s)-->
						<ListView
							Grid.Row="0"
							x:Name="BikesAtStationListView"
							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}"/>

						<!--No Bikes-->
						<Label
							Grid.Row="0"
							Margin="20"
							IsVisible="{Binding IsNoBikesAtStationVisible}"
							Text="{Binding NoBikesAtStationText}"/>

					</Grid>

				</StackLayout>

				<!--Info at End of Page-->
				<StackLayout
					Grid.Row="1"
					Orientation="Vertical"
					Spacing="0"
					Padding="20,0,20,0">

					<!--Info text-->
					<Label
						Text="{Binding StatusInfoText}"
						IsVisible="{Binding Path=IsProcessWithRunningProcessView, Converter={StaticResource InvertedBoolConverter}}"
						FontSize="Small"
						TextColor="DimGray"
						Padding="5"
						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>

					<!--Login-->
					<StackLayout Spacing="0">
						<StackLayout.Triggers>
							<DataTrigger TargetType="StackLayout"
							 Binding="{Binding IsLoginRequiredHintVisible}"
							 Value="false">
								<Setter Property="HeightRequest" Value="0" />
							</DataTrigger>
						</StackLayout.Triggers>

						<!--Line-->
						<BoxView
							HeightRequest="1"
							WidthRequest="400"
							HorizontalOptions="Center"
							IsVisible="{Binding IsLoginRequiredHintVisible}"
							Color="DimGray" />

						<!--Login required-->
						<Label
							IsVisible="{Binding IsLoginRequiredHintVisible}"
							TextType="Html"
							TextColor="DimGray" 
							Text="{Binding LoginRequiredHintText}">
							<Label.GestureRecognizers>
								<TapGestureRecognizer Command="{Binding LoginRequiredHintClickedCommand}"/>
							</Label.GestureRecognizers>
						</Label>

					</StackLayout>

				</StackLayout>

			</Grid>

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

			<!--RequestBike View-->
			<bikeRentalProcess:RentalProcessStartReservationOrRental
				Grid.Row="0"/>

			<!--OpenLock View-->
			<bikeRentalProcess:RentalProcessBookedClosedOpenLock
				Grid.Row="0"/>

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

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

		</Grid>

	</ContentPage.Content>

</ContentPage>