Jugenddienst-Stunden/Jugenddienst Stunden/Views/StundenPage.xaml

<?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"
             xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
             xmlns:mmodels="clr-namespace:Jugenddienst_Stunden.Models"
             xmlns:models="clr-namespace:Jugenddienst_Stunden.ViewModels"
             xmlns:conv="clr-namespace:Jugenddienst_Stunden.Converter"
             x:Class="Jugenddienst_Stunden.Views.StundenPage"
             Title="{Binding Title}">


    <ContentPage.Resources>
        <ResourceDictionary>
            <conv:SecondsTimeConverter x:Key="secToTime" />
            <conv:AnyTrueMultiConverter x:Key="AnyTrue"/>
            <FontImageSource x:Key="ToolbarIcon"
                             Glyph="+"
                             Size="22"
                             Color="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
        </ResourceDictionary>
    </ContentPage.Resources>

    <ContentPage.Behaviors>
        <toolkit:StatusBarBehavior
            StatusBarColor="{AppThemeBinding Dark={StaticResource OffBlack}, Light={StaticResource Primary}}"
            StatusBarStyle="LightContent" />
    </ContentPage.Behaviors>

    <ContentPage.ToolbarItems>

        <ToolbarItem Text="Neuer Eintrag" IconImageSource="{StaticResource ToolbarIcon}"
                     Command="{Binding NewEntryCommand}" />
    </ContentPage.ToolbarItems>

    <RefreshView x:Name="MyRefreshView" Command="{Binding RefreshCommand}" IsRefreshing="{Binding IsRefreshing}"
                 Margin="10" Padding="10">
        <Grid RowDefinitions="50,*,Auto,80">

            <Grid RowDefinitions="Auto" ColumnDefinitions="Auto,*" HeightRequest="50" Grid.Row="0">
                <DatePicker Grid.Column="0" MinimumDate="{Binding MinimumDate}"
                            MaximumDate="{Binding MaximumDate}"
                            Date="{Binding DateToday}" Format="dddd, d. MMMM yyyy" />
                <Border Grid.Column="1" Margin="15,0,0,0" Padding="15,0,0,0" ToolTipProperties.Text="Tagessumme">
                    <HorizontalStackLayout>
                        <Label Text="{Binding DayTotal,StringFormat='{}{0:HH:mm}'}" VerticalOptions="Center"></Label>
                        <Label Text="/" VerticalOptions="Center" Margin="3,0" />
                        <Label Text="{Binding Sollstunden,StringFormat='{}{0:HH:mm}'}" VerticalOptions="Center"></Label>
                    </HorizontalStackLayout>
                </Border>
            </Grid>

            <CollectionView
                ItemsSource="{Binding DayTimes}"
                x:Name="stundeItems" Margin="0,0,0,20"
                SelectionMode="Single"
                SelectionChangedCommand="{Binding SelectEntryCommand}"
                SelectionChangedCommandParameter="{Binding Source={RelativeSource Self}, Path=SelectedItem}"
                VerticalOptions="Start"
                Grid.Row="1">

                <CollectionView.ItemsLayout>
                    <LinearItemsLayout Orientation="Vertical" ItemSpacing="10" />
                </CollectionView.ItemsLayout>

                <CollectionView.ItemTemplate>
                    <DataTemplate>
                        <Border Padding="5" StrokeShape="RoundRectangle 0,30,0,30" >
                            <Border.Triggers>
                                <DataTrigger TargetType="Border" Binding="{Binding Approved}" Value="True">
                                    <Setter Property="Background" Value="LightCoral"/>
                                    <Setter Property="Padding" Value="4"/>
                                </DataTrigger>
                            </Border.Triggers>

                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup Name="CommonStates">
                                    <VisualState Name="Normal">
                                        <VisualState.Setters>
                                            <Setter Property="BackgroundColor"
                                Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource TransparentColor}}" />
                                        </VisualState.Setters>
                                    </VisualState>
                                    <VisualState Name="Selected">
                                        <VisualState.Setters>
                                            <Setter Property="BackgroundColor"
                                Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource PrimaryDark}}" />
                                        </VisualState.Setters>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>

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

                                <HorizontalStackLayout Grid.Row="0" >
                                    <Label Text="{Binding Day, StringFormat='{0:dddd, dd. MMMM}'}" />
                                    <Label Text="von" Padding="5,0,5,0" />
                                    <Label Text="{Binding Begin}" />
                                    <Label Text="bis" Padding="5,0,5,0" />
                                    <Label Text="{Binding End}" />
                                </HorizontalStackLayout>

                                <HorizontalStackLayout Grid.Row="1" >
                                    <!--<HorizontalStackLayout.IsVisible>
                                        <MultiBinding Converter="{StaticResource AnyTrue}">
                                            <Binding Path="Approved"/>
                                            <Binding Path="BindingContext.GemeindeAktivSet" Source="{RelativeSource AncestorType={x:Type ContentPage}}"/>
                                            <Binding Path="BindingContext.ProjektAktivSet" Source="{RelativeSource AncestorType={x:Type ContentPage}}"/>
                                        </MultiBinding>
                                    </HorizontalStackLayout.IsVisible>-->
                                    <Label Text="{Binding GemeindeAktiv.Name}" Padding="0,0,10,0"
                                       IsVisible="{Binding Source={RelativeSource AncestorType={x:Type ContentPage}}, Path=BindingContext.GemeindeAktivSet}" />
                                    <Label Text="{Binding ProjektAktiv.Name}" Padding="0,0,10,0"
                                       IsVisible="{Binding Source={RelativeSource AncestorType={x:Type ContentPage}}, Path=BindingContext.ProjektAktivSet}" />
                                    <Label Text="{Binding FreistellungAktiv.Name}" IsVisible="{Binding Approved}" />
                                </HorizontalStackLayout>
                                
                                <!-- Ensure description row does not paint background -->
                                <Label Text="{Binding Description}" Grid.Row="2" />

                            </Grid>
                        </Border>

                    </DataTemplate>
                </CollectionView.ItemTemplate>

            </CollectionView>


            <Button Text="{Binding LoadOverview}"
                    Grid.Row="2"
                    Command="{Binding LoadDataCommand}"
                    TextColor="{AppThemeBinding Dark={StaticResource White}, Light={StaticResource White}}" />
            <Border Padding="2" Grid.Row="3" Margin="0,10,0,0">
                <Grid RowDefinitions="Auto,Auto,Auto" ColumnDefinitions="Auto,Auto,*" Margin="10,2">
                    <Label Grid.Row="0" Text="Soll:" />
                    <Label Grid.Row="1" Text="Summe:" />
                    <Label Grid.Row="2" Text="Differenz:" Margin="0,0,15,0" />

                    <Label Grid.Row="0" Grid.Column="2" Text="Restüberstunden:" Margin="15,0,0,0" />
                    <Label Grid.Row="1" Grid.Column="2" Text="Zeitausgleich:" Margin="15,0,0,0" />
                    <Label Grid.Row="2" Grid.Column="2" Text="Resturlaub:" Margin="15,0,0,0" />

                    <Label Grid.Row="0" Grid.Column="1" HorizontalTextAlignment="End" Padding="0,0,5,0"
                           Text="{Binding Nominal, Converter={StaticResource secToTime}}"
                           ToolTipProperties.Text="Sollstunden" />
                    <Label Grid.Row="1" Grid.Column="1" HorizontalTextAlignment="End" Padding="0,0,5,0"
                           Text="{Binding ZeitCalculated, Converter={StaticResource secToTime}}"
                           ToolTipProperties.Text="Geleistete Stunden" />
                    <Label Grid.Row="2" Grid.Column="1" HorizontalTextAlignment="End" Padding="0,0,5,0"
                           Text="{Binding OvertimeMonth, Converter={StaticResource secToTime}}" />
                    <Label Grid.Row="0" Grid.Column="3" HorizontalTextAlignment="End" Padding="0,0,5,0"
                           Text="{Binding Overtime, Converter={StaticResource secToTime}}" />
                    <Label Grid.Row="1" Grid.Column="3" HorizontalTextAlignment="End" Padding="0,0,5,0"
                           Text="{Binding Zeitausgleich, Converter={StaticResource secToTime}}" />
                    <Label Grid.Row="2" Grid.Column="3" HorizontalTextAlignment="End" Padding="0,0,5,0"
                           Text="{Binding Holiday, Converter={StaticResource secToTime}}" />
                </Grid>
            </Border>

        </Grid>


    </RefreshView>
</ContentPage>