UI Improvements: Planungsdialog, Fehlzeitendarstellung, Vorauswahl der Einheit

2026-09-05 00:02:28 +02:00
parent fedfceb81d
commit 265190b3aa
9 changed files with 358 additions and 33 deletions
@@ -27,9 +27,20 @@
    <Style Selector="TextBlock.status.danger">
      <Setter Property="Foreground" Value="{DynamicResource AppStatusDangerBrush}"/>
    </Style>
+    <Style Selector="Button.viewMode">
+      <Setter Property="Background" Value="Transparent"/>
+      <Setter Property="BorderBrush" Value="{DynamicResource AppFilterBorderBrush}"/>
+      <Setter Property="BorderThickness" Value="1"/>
+      <Setter Property="Padding" Value="12,6"/>
+    </Style>
+    <Style Selector="Button.viewMode.active">
+      <Setter Property="Background" Value="{DynamicResource AppFilterActiveBackgroundBrush}"/>
+      <Setter Property="BorderBrush" Value="{DynamicResource AppFilterActiveBorderBrush}"/>
+      <Setter Property="Foreground" Value="{DynamicResource AppFilterActiveForegroundBrush}"/>
+    </Style>
  </UserControl.Styles>

-  <Grid RowDefinitions="Auto,Auto,*,Auto" Margin="16" RowSpacing="10">
+  <Grid RowDefinitions="Auto,Auto,Auto,*,Auto" Margin="16" RowSpacing="10">
    <Grid Grid.Row="0" ColumnDefinitions="*,Auto">
      <StackPanel>
        <TextBlock Text="Fehlzeiten" FontSize="22" FontWeight="SemiBold"/>
@@ -39,7 +50,20 @@
              IsEnabled="{Binding !Busy}" Background="Transparent" Foreground="{DynamicResource AppAccentTextBrush}" VerticalAlignment="Center"/>
    </Grid>

-    <Border Grid.Row="1" Classes="filterCard">
+    <Grid Grid.Row="1" ColumnDefinitions="Auto,Auto,*,Auto,Auto,Auto" ColumnSpacing="6">
+      <Button Grid.Column="0" Content="Liste" Classes="viewMode" Classes.active="{Binding !ShowMonthlyCalendar}"
+              Command="{Binding ShowAbsenceListCommand}"/>
+      <Button Grid.Column="1" Content="Monatsübersicht" Classes="viewMode" Classes.active="{Binding ShowMonthlyCalendar}"
+              Command="{Binding ShowCalendarCommand}"/>
+      <Button Grid.Column="3" Content="‹" Width="36" Command="{Binding PreviousCalendarMonthCommand}"
+              IsVisible="{Binding ShowMonthlyCalendar}" AutomationProperties.Name="Vorheriger Monat"/>
+      <TextBlock Grid.Column="4" Text="{Binding CalendarMonthLabel}" FontSize="15" FontWeight="SemiBold"
+                 VerticalAlignment="Center" Margin="8,0" IsVisible="{Binding ShowMonthlyCalendar}"/>
+      <Button Grid.Column="5" Content="›" Width="36" Command="{Binding NextCalendarMonthCommand}"
+              IsVisible="{Binding ShowMonthlyCalendar}" AutomationProperties.Name="Nächster Monat"/>
+    </Grid>
+
+    <Border Grid.Row="2" Classes="filterCard" IsVisible="{Binding !ShowMonthlyCalendar}">
      <Grid RowDefinitions="Auto,Auto" RowSpacing="8">
        <Grid Grid.Row="0" ColumnDefinitions="155,Auto,*,Auto,*" ColumnSpacing="8">
          <ComboBox Grid.Column="0" SelectedIndex="{Binding QuickRangeIndex, Mode=TwoWay}">
@@ -59,10 +83,11 @@
      </Grid>
    </Border>

-    <Grid Grid.Row="2">
+    <Grid Grid.Row="3">
      <DataGrid ItemsSource="{Binding AbsenceEntries}" AutoGenerateColumns="False" IsReadOnly="True"
                GridLinesVisibility="Horizontal" BorderBrush="{DynamicResource AppCardBorderBrush}" BorderThickness="1"
-                CanUserResizeColumns="True" CanUserSortColumns="True" RowHeight="48">
+                CanUserResizeColumns="True" CanUserSortColumns="True" RowHeight="48"
+                IsVisible="{Binding !ShowMonthlyCalendar}">
        <DataGrid.Columns>
          <DataGridTextColumn Header="Datum" Binding="{Binding DateLabel}" Width="105"/>
          <DataGridTextColumn Header="Schüler*in" Binding="{Binding StudentDisplayName}" Width="1.3*"/>
@@ -92,11 +117,61 @@
          <DataGridTextColumn Header="Grund / Notiz" Binding="{Binding DetailLabel}" Width="2*"/>
        </DataGrid.Columns>
      </DataGrid>
-      <StackPanel IsVisible="{Binding !HasAbsenceEntries}" HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="5">
+      <StackPanel IsVisible="{Binding ShowAbsenceListEmpty}" HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="5">
        <TextBlock Text="Keine Fehlzeiten im gewählten Zeitraum" FontWeight="SemiBold"/>
        <TextBlock Text="Passe Zeitraum oder Schülerfilter an." FontSize="12" Opacity="0.55"/>
      </StackPanel>
+
+      <Grid IsVisible="{Binding ShowMonthlyCalendar}" RowDefinitions="Auto,Auto,*" RowSpacing="8">
+        <WrapPanel Grid.Row="0" ItemSpacing="12" LineSpacing="6">
+          <TextBlock Text="V  verspätet" Foreground="#EF6C00" FontSize="11" FontWeight="SemiBold"/>
+          <TextBlock Text="A  abwesend" Foreground="#1565C0" FontSize="11" FontWeight="SemiBold"/>
+          <TextBlock Text="U  unentschuldigt" Foreground="#C62828" FontSize="11" FontWeight="SemiBold"/>
+          <TextBlock Text="E  entschuldigt" Foreground="#2E7D32" FontSize="11" FontWeight="SemiBold"/>
+          <TextBlock Text="!  negativer Klassenbucheintrag" Foreground="#8E24AA" FontSize="11" FontWeight="SemiBold"/>
+          <CheckBox Content="Hausaufgaben (H) einblenden" IsChecked="{Binding IncludeHomeworkInCalendar}"
+                    FontSize="11" VerticalAlignment="Center"/>
+        </WrapPanel>
+        <Grid Grid.Row="1" ColumnDefinitions="*,*,*,*,*" Margin="0,2,0,0">
+          <TextBlock Grid.Column="0" Text="Montag" FontWeight="SemiBold" HorizontalAlignment="Center"/>
+          <TextBlock Grid.Column="1" Text="Dienstag" FontWeight="SemiBold" HorizontalAlignment="Center"/>
+          <TextBlock Grid.Column="2" Text="Mittwoch" FontWeight="SemiBold" HorizontalAlignment="Center"/>
+          <TextBlock Grid.Column="3" Text="Donnerstag" FontWeight="SemiBold" HorizontalAlignment="Center"/>
+          <TextBlock Grid.Column="4" Text="Freitag" FontWeight="SemiBold" HorizontalAlignment="Center"/>
+        </Grid>
+        <ScrollViewer Grid.Row="2">
+          <ItemsControl ItemsSource="{Binding CalendarDays}">
+            <ItemsControl.ItemsPanel>
+              <ItemsPanelTemplate><UniformGrid Columns="5"/></ItemsPanelTemplate>
+            </ItemsControl.ItemsPanel>
+            <ItemsControl.ItemTemplate>
+              <DataTemplate x:DataType="vm:ClassTeacherCalendarDay">
+                <Border BorderBrush="{DynamicResource AppCardBorderBrush}" BorderThickness="1"
+                        Background="{DynamicResource AppCardBackgroundBrush}" MinHeight="112" Padding="7" Margin="2">
+                  <StackPanel Spacing="5">
+                    <TextBlock Text="{Binding DayLabel}" FontWeight="SemiBold" HorizontalAlignment="Right"/>
+                    <ItemsControl ItemsSource="{Binding Events}">
+                      <ItemsControl.ItemTemplate>
+                        <DataTemplate x:DataType="vm:ClassTeacherCalendarEvent">
+                          <Grid ColumnDefinitions="22,*" Margin="0,1" ToolTip.Tip="{Binding Tooltip}">
+                            <Border Width="18" Height="18" CornerRadius="9" Background="{Binding ColorHex}">
+                              <TextBlock Text="{Binding Code}" Foreground="White" FontSize="10" FontWeight="Bold"
+                                         HorizontalAlignment="Center" VerticalAlignment="Center"/>
+                            </Border>
+                            <TextBlock Grid.Column="1" Text="{Binding StudentName}" FontSize="10"
+                                       TextTrimming="CharacterEllipsis" VerticalAlignment="Center"/>
+                          </Grid>
+                        </DataTemplate>
+                      </ItemsControl.ItemTemplate>
+                    </ItemsControl>
+                  </StackPanel>
+                </Border>
+              </DataTemplate>
+            </ItemsControl.ItemTemplate>
+          </ItemsControl>
+        </ScrollViewer>
+      </Grid>
    </Grid>
-    <TextBlock Grid.Row="3" Text="{Binding Status}" FontSize="11" Opacity="0.6"/>
+    <TextBlock Grid.Row="4" Text="{Binding Status}" FontSize="11" Opacity="0.6"/>
  </Grid>
 </UserControl>