Version 3.0.361

Meinkonrad/TINK/View/BikesAtStation/BikesAtStationPage.xaml

@@ -5,6 +5,7 @@
 	xmlns:local_bike="clr-namespace:TINK.View.Bike"
 	xmlns:resources="clr-namespace:TINK.MultilingualResources;assembly=TINKLib"
 	xmlns:sharedGui="clr-namespace:ShareeSharedGuiLib.View"
+	BackgroundColor="{DynamicResource background-color}"
 	Shell.FlyoutBehavior="Disabled"
 	Shell.NavBarIsVisible="{Binding IsIdle}">
 
@@ -16,6 +17,7 @@
 		</Grid>
 	</Shell.TitleView>
 
+
 	<ContentPage.Resources>
 		<ResourceDictionary>
 			<local_bike:BikeViewCellTemplateSelector x:Key="bikeTemplateSelector"/>
@@ -26,109 +28,160 @@
 
 		<!--Grid for Bike(s) view and Running process in same row-->
 		<Grid>
+			<!-- Grid for Content -->
+			<Grid
+				Grid.Row="0"
+				RowSpacing="0"
+				RowDefinitions="Auto,1*,Auto">
 
-			<StackLayout Grid.Row="0" Spacing="0">
+				<StackLayout
+						Grid.Row="0"
+						Spacing="0"
+						Orientation="Vertical">
 
-				<!--No Network Connection-->
-				<sharedGui:NotConnectedToNetView/>
+					<!--Station-->
+					<StackLayout
+						BackgroundColor="{DynamicResource secondary-back-title-color}"
+						IsVisible="{Binding IsIdle}"
+						Padding="20,0,20,0">
 
-				<Frame>
+						<!--Line-->
+						<BoxView
+							HeightRequest="1"
+							WidthRequest="400"
+							HorizontalOptions="Center"
+							Color="White"/>
 
-					<!-- Grid for Content -->
-					<Grid
-						RowDefinitions="Auto,1*,Auto,Auto">
+						<Grid
+							ColumnDefinitions="Auto,1*"
+							RowDefinitions="Auto"
+							Padding="0,0,0,5">
 
-						<!--Station-->
-						<StackLayout
-							Orientation="Vertical">
-
-							<!--Title-->
-							<Label 
-								HorizontalOptions="Center"
-								FontAttributes="Bold"
-								TextColor="{DynamicResource primary-back-title-color}"
-								Text="{Binding StationDetailText}"/>
-
-							<!--Line-->
-							<BoxView
-								HeightRequest="1"
-								Color="{DynamicResource primary-back-title-color}"/>
-
-						</StackLayout>
-
-						<!--Bike(s)-->
-						<StackLayout
-							Spacing="0"
-							Grid.Row="1"
-							IsVisible="{Binding IsBikesListVisible}"
-							Orientation="Vertical">
-
-							<!--Hint for Outdated Data.-->
-							<sharedGui:HintForRefreshingPageView/>
-
-							<ListView
-							x:Name="BikesAtStationListView"  
-							SelectionMode="None"
-							SelectedItem="{Binding SelectedBike}"
-							IsEnabled="{Binding IsIdle}"
-							HasUnevenRows="True"
-							ItemTemplate="{StaticResource bikeTemplateSelector}"
-							IsPullToRefreshEnabled="True"
-							RefreshCommand="{Binding RefreshCommand}"
-							IsRefreshing="{Binding IsRefreshing}"/>
-
-						</StackLayout>
-
-						<!--No Bikes-->
+							<!--Station id-->
 							<Label
-							IsVisible="{Binding IsNoBikesAtStationVisible}"
-							Text="{Binding NoBikesAtStationText}"/>
-
-							<!--Info text-->
-						<Label
-							Grid.Row="2"
-							Text="{Binding StatusInfoText}"
-							IsVisible="{Binding Path=IsProcessWithRunningProcessView, Converter={StaticResource InvertedBoolConverter}}"
-							FontSize="Small"
-							HorizontalOptions="CenterAndExpand"
-							VerticalOptions="CenterAndExpand"/>
-
-						<!-- Contact and Login at end of page-->
-						<StackLayout
-							Grid.Row="3"
-							Orientation="Vertical">
-
-							<!--Line-->
-							<BoxView
-								HeightRequest="1"
-								Color="{DynamicResource primary-back-title-color}"/>
+									Grid.Column="0"
+									Grid.Row="0"
+									FontSize="Small"
+									HorizontalOptions="Start"
+									TextColor="White"
+									Text="{Binding StationDetailText}"/>
 
 							<!--Contact to operator-->
-							<Label 
-								TextType="Html"
-								Text="{Binding ContactSupportHintText}">
+							<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>
 
-							<!--Login required-->
-							<Label 
-								IsVisible="{Binding IsLoginRequiredHintVisible}"
-								TextType="Html"
-								Text="{Binding LoginRequiredHintText}">
-								<Label.GestureRecognizers>
-									<TapGestureRecognizer Command="{Binding LoginRequiredHintClickedCommand}"/>
-								</Label.GestureRecognizers>
-							</Label>
+						</Grid>
 
-						</StackLayout>
+					</StackLayout>
 
-					</Grid>
+					<!--No Network Connection-->
+					<sharedGui:NotConnectedToNetView/>
 
-				</Frame>
+					<!--Bike(s)-->
+					<StackLayout
+						IsVisible="{Binding IsBikesListVisible}"
+						Spacing="0">
 
-			</StackLayout>
+						<!--Hint for Outdated Data.-->
+						<sharedGui:HintForRefreshingPageView/>
+
+						<ListView
+							Grid.Row="1"
+							x:Name="BikesAtStationListView"  
+							SelectionMode="None"
+							SelectedItem="{Binding SelectedBike}"
+							IsEnabled="{Binding IsIdle}"
+							HasUnevenRows="True"
+							SeparatorVisibility="None"
+							ItemTemplate="{StaticResource bikeTemplateSelector}"
+							IsPullToRefreshEnabled="True"
+							RefreshCommand="{Binding RefreshCommand}"
+							IsRefreshing="{Binding IsRefreshing}"/>
+
+					</StackLayout>
+
+				</StackLayout>
+
+				<!--No Bikes-->
+				<Label
+					Grid.Row="1"
+					Margin="20"
+					IsVisible="{Binding IsNoBikesAtStationVisible}"
+					Text="{Binding NoBikesAtStationText}"/>
+
+				<!--Info at End of Page-->
+				<StackLayout
+					Grid.Row="2"
+					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
@@ -138,5 +191,5 @@
 		</Grid>
 
 	</ContentPage.Content>
-	
+
 </ContentPage>