264 lines
18 KiB
XML
264 lines
18 KiB
XML
<UserControl xmlns="https://github.com/avaloniaui"
|
||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||
xmlns:vm="clr-namespace:LehrerApp.Desktop.ViewModels.ClassTeacher"
|
||
xmlns:views="clr-namespace:LehrerApp.Desktop.Views.ClassTeacher"
|
||
x:Class="LehrerApp.Desktop.Views.ClassTeacher.ClassTeacherOverviewView"
|
||
x:DataType="vm:ClassTeacherOverviewViewModel">
|
||
|
||
<UserControl.Styles>
|
||
<Style Selector="Border.metric">
|
||
<Setter Property="Background" Value="#11151B"/>
|
||
<Setter Property="BorderBrush" Value="#2A3038"/>
|
||
<Setter Property="BorderThickness" Value="1"/>
|
||
<Setter Property="CornerRadius" Value="8"/>
|
||
<Setter Property="Padding" Value="14,12"/>
|
||
<Setter Property="Margin" Value="0,0,10,0"/>
|
||
</Style>
|
||
<Style Selector="Button.filter">
|
||
<Setter Property="Background" Value="Transparent"/>
|
||
<Setter Property="BorderBrush" Value="#343B45"/>
|
||
<Setter Property="BorderThickness" Value="1"/>
|
||
<Setter Property="CornerRadius" Value="6"/>
|
||
<Setter Property="Padding" Value="16,6"/>
|
||
<Setter Property="FontSize" Value="12"/>
|
||
</Style>
|
||
<Style Selector="Button.filter.active">
|
||
<Setter Property="Background" Value="#173765"/>
|
||
<Setter Property="BorderBrush" Value="#3C86F7"/>
|
||
<Setter Property="Foreground" Value="#FFFFFF"/>
|
||
</Style>
|
||
<Style Selector="Button.rosterRow">
|
||
<Setter Property="HorizontalAlignment" Value="Stretch"/>
|
||
<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
|
||
<Setter Property="Background" Value="#0E1217"/>
|
||
<Setter Property="BorderBrush" Value="#262C34"/>
|
||
<Setter Property="BorderThickness" Value="1,0,1,1"/>
|
||
<Setter Property="Padding" Value="0"/>
|
||
<Setter Property="MinHeight" Value="48"/>
|
||
</Style>
|
||
<Style Selector="Button.rosterRow:pointerover /template/ ContentPresenter">
|
||
<Setter Property="Background" Value="#171D25"/>
|
||
</Style>
|
||
<Style Selector="Border.sidePanel">
|
||
<Setter Property="Background" Value="#11151B"/>
|
||
<Setter Property="BorderBrush" Value="#2A3038"/>
|
||
<Setter Property="BorderThickness" Value="1"/>
|
||
<Setter Property="CornerRadius" Value="8"/>
|
||
<Setter Property="Padding" Value="14"/>
|
||
<Setter Property="Margin" Value="0,0,0,10"/>
|
||
</Style>
|
||
<Style Selector="TextBlock.sectionLabel">
|
||
<Setter Property="FontSize" Value="13"/>
|
||
<Setter Property="FontWeight" Value="SemiBold"/>
|
||
<Setter Property="Margin" Value="4,10,0,6"/>
|
||
</Style>
|
||
</UserControl.Styles>
|
||
|
||
<Grid>
|
||
<StackPanel IsVisible="{Binding !HomeroomClassConfigured}" HorizontalAlignment="Center"
|
||
VerticalAlignment="Center" Spacing="12" MaxWidth="380">
|
||
<Border Width="56" Height="56" CornerRadius="28" Background="#173765" HorizontalAlignment="Center">
|
||
<TextBlock Text="KL" FontSize="18" FontWeight="Bold" Foreground="#66A3FF"
|
||
HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
||
</Border>
|
||
<TextBlock Text="Noch keine Klasse ausgewählt" FontSize="18" FontWeight="SemiBold" HorizontalAlignment="Center"/>
|
||
<TextBlock TextWrapping="Wrap" TextAlignment="Center" FontSize="13" Opacity="0.65"
|
||
Text="Wähle in den WebUntis-Einstellungen die Klasse aus, deren Klassenlehrer/-in du bist."/>
|
||
<Button Content="Zu den Einstellungen" Command="{Binding GoToSettingsCommand}" HorizontalAlignment="Center"/>
|
||
</StackPanel>
|
||
|
||
<TabbedPage IsVisible="{Binding HomeroomClassConfigured}" TabPlacement="Top"
|
||
SelectedIndex="{Binding ActiveTabIndex, Mode=TwoWay}">
|
||
<ContentPage Header="Übersicht">
|
||
<Grid RowDefinitions="Auto,Auto,*" Margin="16,12,16,16" RowSpacing="10">
|
||
<Grid Grid.Row="0" ColumnDefinitions="*,Auto">
|
||
<StackPanel Grid.Column="0" Spacing="2">
|
||
<TextBlock Text="{Binding HomeroomClassName, StringFormat='Klasse {0}'}"
|
||
FontSize="24" FontWeight="SemiBold"/>
|
||
<TextBlock Text="Klassenlehrer-Übersicht" FontSize="13" Opacity="0.58"/>
|
||
</StackPanel>
|
||
<StackPanel Grid.Column="1" Orientation="Horizontal" Spacing="10" VerticalAlignment="Center">
|
||
<TextBlock Text="{Binding LastUpdatedLabel}" FontSize="11" Opacity="0.55" VerticalAlignment="Center"/>
|
||
<Button Content="↻ Aktualisieren" Command="{Binding LoadCommand}" IsEnabled="{Binding !Busy}"
|
||
Background="Transparent" BorderThickness="0" Foreground="#5795F5"/>
|
||
</StackPanel>
|
||
</Grid>
|
||
|
||
<Grid Grid.Row="1" ColumnDefinitions="*,*,*,*">
|
||
<Border Grid.Column="0" Classes="metric">
|
||
<Grid ColumnDefinitions="36,*">
|
||
<TextBlock Text="◉" FontSize="22" Foreground="#4C8DFF" VerticalAlignment="Center"/>
|
||
<StackPanel Grid.Column="1"><TextBlock Text="{Binding StudentCount}" FontSize="22" FontWeight="SemiBold"/><TextBlock Text="Schüler*innen" FontSize="11" Opacity="0.6"/></StackPanel>
|
||
</Grid>
|
||
</Border>
|
||
<Border Grid.Column="1" Classes="metric">
|
||
<Grid ColumnDefinitions="36,*">
|
||
<TextBlock Text="△" FontSize="24" Foreground="#F59E0B" VerticalAlignment="Center"/>
|
||
<StackPanel Grid.Column="1"><TextBlock Text="{Binding TodayAlertCount}" FontSize="22" FontWeight="SemiBold"/><TextBlock Text="heute auffällig" FontSize="11" Opacity="0.6"/></StackPanel>
|
||
</Grid>
|
||
</Border>
|
||
<Border Grid.Column="2" Classes="metric">
|
||
<Grid ColumnDefinitions="36,*">
|
||
<TextBlock Text="!" FontSize="22" Foreground="#FF5A67" VerticalAlignment="Center"/>
|
||
<StackPanel Grid.Column="1"><TextBlock Text="{Binding TodayUnexcusedCount}" FontSize="22" FontWeight="SemiBold"/><TextBlock Text="unentschuldigt" FontSize="11" Opacity="0.6"/></StackPanel>
|
||
</Grid>
|
||
</Border>
|
||
<Border Grid.Column="3" Classes="metric" Margin="0">
|
||
<Grid ColumnDefinitions="36,*">
|
||
<TextBlock Text="▤" FontSize="21" Foreground="#4C8DFF" VerticalAlignment="Center"/>
|
||
<StackPanel Grid.Column="1"><TextBlock Text="{Binding RecentClassRegisterCount}" FontSize="22" FontWeight="SemiBold"/><TextBlock Text="Klassenbucheinträge · 7 Tage" FontSize="11" Opacity="0.6"/></StackPanel>
|
||
</Grid>
|
||
</Border>
|
||
</Grid>
|
||
|
||
<Grid Grid.Row="2" ColumnDefinitions="*,286" ColumnSpacing="12">
|
||
<Grid Grid.Column="0" RowDefinitions="Auto,*">
|
||
<Border Grid.Row="0" Background="#11151B" BorderBrush="#2A3038" BorderThickness="1"
|
||
CornerRadius="8" Padding="8" Margin="0,0,0,4">
|
||
<Grid ColumnDefinitions="Auto,Auto,Auto,*,250" ColumnSpacing="8">
|
||
<Button Grid.Column="0" Classes="filter" Classes.active="{Binding AlertsFilterSelected}"
|
||
Content="Auffällig" Command="{Binding ShowAlertsCommand}"/>
|
||
<Button Grid.Column="1" Classes="filter" Classes.active="{Binding ClassRegisterFilterSelected}"
|
||
Content="Klassenbuch" Command="{Binding ShowClassRegisterCommand}"/>
|
||
<Button Grid.Column="2" Classes="filter" Classes.active="{Binding AllFilterSelected}"
|
||
Content="Alle" Command="{Binding ShowAllCommand}"/>
|
||
<TextBox Grid.Column="4" Text="{Binding SearchText, Mode=TwoWay}" PlaceholderText="Schüler*in suchen…"
|
||
FontSize="12" MinHeight="32"/>
|
||
</Grid>
|
||
</Border>
|
||
<ScrollViewer Grid.Row="1">
|
||
<StackPanel>
|
||
<TextBlock Classes="sectionLabel" Text="{Binding PrimarySectionTitle}" IsVisible="{Binding HasPrimaryRoster}"/>
|
||
<ItemsControl ItemsSource="{Binding PrimaryRoster}">
|
||
<ItemsControl.ItemTemplate>
|
||
<DataTemplate x:DataType="vm:ClassTeacherRosterRow">
|
||
<Button Classes="rosterRow"
|
||
Command="{Binding $parent[ItemsControl].((vm:ClassTeacherOverviewViewModel)DataContext).ShowDetailsForStudentCommand}"
|
||
CommandParameter="{Binding}">
|
||
<Grid ColumnDefinitions="4,42,220,*,150,18" Margin="0">
|
||
<Border Grid.Column="0" Background="{Binding StatusBarColor}"/>
|
||
<Border Grid.Column="1" Width="28" Height="28" CornerRadius="14" BorderBrush="#4A515C"
|
||
BorderThickness="1" HorizontalAlignment="Center" VerticalAlignment="Center">
|
||
<TextBlock Text="{Binding Initials}" FontSize="10" HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
||
</Border>
|
||
<TextBlock Grid.Column="2" Text="{Binding StudentName}" VerticalAlignment="Center" TextTrimming="CharacterEllipsis"/>
|
||
<TextBlock Grid.Column="3" Text="{Binding StatusText}" Foreground="{Binding StatusColor}"
|
||
VerticalAlignment="Center" FontSize="12" TextTrimming="CharacterEllipsis"/>
|
||
<TextBlock Grid.Column="4" Text="{Binding ClassRegisterLabel}" Foreground="#5795F5"
|
||
VerticalAlignment="Center" FontSize="11"/>
|
||
<TextBlock Grid.Column="5" Text="›" FontSize="18" Opacity="0.7" VerticalAlignment="Center"/>
|
||
</Grid>
|
||
</Button>
|
||
</DataTemplate>
|
||
</ItemsControl.ItemTemplate>
|
||
</ItemsControl>
|
||
|
||
<TextBlock Classes="sectionLabel" Text="{Binding SecondarySectionTitle}" IsVisible="{Binding HasSecondaryRoster}"/>
|
||
<ItemsControl ItemsSource="{Binding SecondaryRoster}">
|
||
<ItemsControl.ItemTemplate>
|
||
<DataTemplate x:DataType="vm:ClassTeacherRosterRow">
|
||
<Button Classes="rosterRow"
|
||
Command="{Binding $parent[ItemsControl].((vm:ClassTeacherOverviewViewModel)DataContext).ShowDetailsForStudentCommand}"
|
||
CommandParameter="{Binding}">
|
||
<Grid ColumnDefinitions="4,42,220,*,150,18">
|
||
<Border Grid.Column="0" Background="{Binding StatusBarColor}"/>
|
||
<Border Grid.Column="1" Width="28" Height="28" CornerRadius="14" BorderBrush="#4A515C" BorderThickness="1"
|
||
HorizontalAlignment="Center" VerticalAlignment="Center">
|
||
<TextBlock Text="{Binding Initials}" FontSize="10" HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
||
</Border>
|
||
<TextBlock Grid.Column="2" Text="{Binding StudentName}" VerticalAlignment="Center" TextTrimming="CharacterEllipsis"/>
|
||
<TextBlock Grid.Column="3" Text="{Binding StatusText}" Foreground="{Binding StatusColor}"
|
||
VerticalAlignment="Center" FontSize="12"/>
|
||
<TextBlock Grid.Column="4" Text="{Binding ClassRegisterLabel}" Foreground="#5795F5" VerticalAlignment="Center" FontSize="11"/>
|
||
<TextBlock Grid.Column="5" Text="›" FontSize="18" Opacity="0.7" VerticalAlignment="Center"/>
|
||
</Grid>
|
||
</Button>
|
||
</DataTemplate>
|
||
</ItemsControl.ItemTemplate>
|
||
</ItemsControl>
|
||
<StackPanel IsVisible="{Binding HasNoFilterResults}" HorizontalAlignment="Center" Margin="0,54,0,0" Spacing="6">
|
||
<TextBlock Text="Keine passenden Schüler*innen" FontWeight="SemiBold" HorizontalAlignment="Center"/>
|
||
<TextBlock Text="Passe Filter oder Suche an." FontSize="12" Opacity="0.55"/>
|
||
</StackPanel>
|
||
</StackPanel>
|
||
</ScrollViewer>
|
||
</Grid>
|
||
|
||
<ScrollViewer Grid.Column="1">
|
||
<StackPanel>
|
||
<Border Classes="sidePanel">
|
||
<StackPanel Spacing="9">
|
||
<TextBlock Text="Tagesüberblick" FontSize="14" FontWeight="SemiBold"/>
|
||
<Grid ColumnDefinitions="10,*,Auto,40"><Border Width="7" Height="7" CornerRadius="4" Background="#73C45A"/><TextBlock Grid.Column="1" Text="Anwesend" FontSize="12"/><TextBlock Grid.Column="2" Text="{Binding PresentCount}"/><TextBlock Grid.Column="3" Text="{Binding PresentPercent, StringFormat='{}{0} %'}" Opacity="0.6" HorizontalAlignment="Right"/></Grid>
|
||
<Grid ColumnDefinitions="10,*,Auto,40"><Border Width="7" Height="7" CornerRadius="4" Background="#F59E0B"/><TextBlock Grid.Column="1" Text="Verspätet" FontSize="12"/><TextBlock Grid.Column="2" Text="{Binding LateCount}"/><TextBlock Grid.Column="3" Text="{Binding LatePercent, StringFormat='{}{0} %'}" Opacity="0.6" HorizontalAlignment="Right"/></Grid>
|
||
<Grid ColumnDefinitions="10,*,Auto,40"><Border Width="7" Height="7" CornerRadius="4" Background="#4C8DFF"/><TextBlock Grid.Column="1" Text="Fehlzeit · entschuldigt" FontSize="12"/><TextBlock Grid.Column="2" Text="{Binding ExcusedAbsenceCount}"/><TextBlock Grid.Column="3" Text="{Binding ExcusedAbsencePercent, StringFormat='{}{0} %'}" Opacity="0.6" HorizontalAlignment="Right"/></Grid>
|
||
<Grid ColumnDefinitions="10,*,Auto,40"><Border Width="7" Height="7" CornerRadius="4" Background="#FF5A67"/><TextBlock Grid.Column="1" Text="Fehlzeit · unentschuldigt" FontSize="12"/><TextBlock Grid.Column="2" Text="{Binding UnexcusedAbsenceCount}"/><TextBlock Grid.Column="3" Text="{Binding UnexcusedAbsencePercent, StringFormat='{}{0} %'}" Opacity="0.6" HorizontalAlignment="Right"/></Grid>
|
||
</StackPanel>
|
||
</Border>
|
||
|
||
<Border Classes="sidePanel">
|
||
<StackPanel Spacing="8">
|
||
<TextBlock Text="Trend · letzte 7 Tage" FontSize="14" FontWeight="SemiBold"/>
|
||
<ItemsControl ItemsSource="{Binding TrendDays}">
|
||
<ItemsControl.ItemTemplate>
|
||
<DataTemplate x:DataType="vm:ClassTeacherTrendDay">
|
||
<Grid ColumnDefinitions="42,*,24" Margin="0,2">
|
||
<TextBlock Text="{Binding DayLabel}" FontSize="11" Opacity="0.6" VerticalAlignment="Center"/>
|
||
<Grid Grid.Column="1" Height="8" VerticalAlignment="Center">
|
||
<Border Background="#252B33" CornerRadius="4"/>
|
||
<Border Width="{Binding AlertBarWidth}" HorizontalAlignment="Left" Background="#F59E0B" CornerRadius="4"/>
|
||
</Grid>
|
||
<TextBlock Grid.Column="2" Text="{Binding AlertCount}" FontSize="11" HorizontalAlignment="Right"/>
|
||
</Grid>
|
||
</DataTemplate>
|
||
</ItemsControl.ItemTemplate>
|
||
</ItemsControl>
|
||
<TextBlock Text="Betroffene Schüler*innen pro Tag" FontSize="10" Opacity="0.45"/>
|
||
</StackPanel>
|
||
</Border>
|
||
|
||
<Border Classes="sidePanel" IsVisible="{Binding HasPatternNotices}">
|
||
<StackPanel Spacing="8">
|
||
<TextBlock Text="Muster erkannt" FontSize="14" FontWeight="SemiBold"/>
|
||
<ItemsControl ItemsSource="{Binding PatternNotices}">
|
||
<ItemsControl.ItemTemplate>
|
||
<DataTemplate x:DataType="vm:ClassTeacherPatternNotice">
|
||
<Grid ColumnDefinitions="4,*" Margin="0,3">
|
||
<Border Background="{Binding Color}" CornerRadius="2" Margin="0,1,8,1"/>
|
||
<StackPanel Grid.Column="1">
|
||
<TextBlock Text="{Binding StudentName}" FontSize="12" FontWeight="SemiBold"/>
|
||
<TextBlock Text="{Binding Message}" FontSize="11" Opacity="0.62" TextWrapping="Wrap"/>
|
||
</StackPanel>
|
||
</Grid>
|
||
</DataTemplate>
|
||
</ItemsControl.ItemTemplate>
|
||
</ItemsControl>
|
||
</StackPanel>
|
||
</Border>
|
||
|
||
<Border Classes="sidePanel">
|
||
<StackPanel Spacing="8">
|
||
<TextBlock Text="Nächste Schritte" FontSize="14" FontWeight="SemiBold"/>
|
||
<Button Content="Klassenbuch öffnen" Command="{Binding OpenClassRegisterCommand}" HorizontalAlignment="Stretch"/>
|
||
<Button Content="Fehlzeiten öffnen" Command="{Binding OpenAbsencesCommand}" HorizontalAlignment="Stretch"/>
|
||
<Button Content="Aufgaben & Wiedervorlagen" Command="{Binding GoToWorkloadCommand}"
|
||
HorizontalAlignment="Stretch" Background="Transparent"/>
|
||
</StackPanel>
|
||
</Border>
|
||
<TextBlock Text="{Binding Status}" FontSize="11" TextWrapping="Wrap" Opacity="0.6"/>
|
||
</StackPanel>
|
||
</ScrollViewer>
|
||
</Grid>
|
||
</Grid>
|
||
</ContentPage>
|
||
|
||
<ContentPage Header="Klassenbuch">
|
||
<views:ClassTeacherRegisterView DataContext="{Binding DetailsTab}"/>
|
||
</ContentPage>
|
||
<ContentPage Header="Fehlzeiten">
|
||
<views:ClassTeacherAbsencesView DataContext="{Binding DetailsTab}"/>
|
||
</ContentPage>
|
||
</TabbedPage>
|
||
</Grid>
|
||
</UserControl>
|