Fertig mit der UI, code dahinter muss implementiert werde (nach datenbank fertig herstellung)
This commit is contained in:
younes elhaddoury
@@ -4,108 +4,168 @@
|
||||
xmlns:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks"
|
||||
Title="MeineBuchungenPage">
|
||||
|
||||
<Grid Margin="20">
|
||||
<Grid>
|
||||
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="Auto"/>
|
||||
<RowDefinition Height="*"/>
|
||||
</Grid.RowDefinitions>
|
||||
|
||||
|
||||
<StackPanel Grid.Row="0"
|
||||
Orientation="Horizontal"
|
||||
VerticalAlignment="Center"
|
||||
Margin="0,0,0,15">
|
||||
<iconPacks:PackIconMaterial Kind="Airplane"
|
||||
Width="28"
|
||||
Height="28"
|
||||
Margin="0,0,10,0"/>
|
||||
<StackPanel>
|
||||
<TextBlock Text="Meine Buchungen"
|
||||
FontSize="22"
|
||||
FontWeight="Bold"/>
|
||||
<TextBlock Text="Übersicht über Ihre gebuchten Flüge"
|
||||
FontSize="12"
|
||||
Foreground="Gray"/>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="180"/>
|
||||
<ColumnDefinition Width="*"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
|
||||
<Border Grid.Row="0"
|
||||
Grid.ColumnSpan="2"
|
||||
Background="#FF1E88E5"
|
||||
Padding="15">
|
||||
<StackPanel Orientation="Horizontal"
|
||||
VerticalAlignment="Center">
|
||||
<Ellipse Width="36" Height="36" Fill="White" Margin="0,0,10,0"/>
|
||||
<StackPanel>
|
||||
<TextBlock Text="Sky Team Airlines"
|
||||
FontSize="20"
|
||||
FontWeight="Bold"
|
||||
Foreground="White"/>
|
||||
<TextBlock Text="Sichere und komfortable Flüge weltweit"
|
||||
FontSize="12"
|
||||
Foreground="White"/>
|
||||
</StackPanel>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
|
||||
<StackPanel Grid.Row="1"
|
||||
Grid.Column="0"
|
||||
Background="#FFE3F2FD"
|
||||
Orientation="Vertical">
|
||||
|
||||
<Button x:Name="HomeButton"
|
||||
Height="50"
|
||||
Margin="5"
|
||||
Click="HomeButton_Click">
|
||||
<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
|
||||
<iconPacks:PackIconMaterial Kind="Home" Width="20" Height="20" Margin="0,0,10,0"/>
|
||||
<TextBlock Text="Home"/>
|
||||
</StackPanel>
|
||||
</Button>
|
||||
|
||||
<Button x:Name="BookingsButton"
|
||||
Height="50"
|
||||
Margin="5"
|
||||
Click="BookingsButton_Click"
|
||||
Background="#FFBBDEFB">
|
||||
<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
|
||||
<iconPacks:PackIconMaterial Kind="Airplane" Width="20" Height="20" Margin="0,0,10,0"/>
|
||||
<TextBlock Text="Meine Buchungen"/>
|
||||
</StackPanel>
|
||||
</Button>
|
||||
|
||||
<Button x:Name="SettingsButton"
|
||||
Height="50"
|
||||
Margin="5"
|
||||
Click="SettingsButton_Click">
|
||||
<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
|
||||
<iconPacks:PackIconMaterial Kind="Cog" Width="20" Height="20" Margin="0,0,10,0"/>
|
||||
<TextBlock Text="Einstellungen"/>
|
||||
</StackPanel>
|
||||
</Button>
|
||||
|
||||
<Button x:Name="LogoutButton"
|
||||
Height="50"
|
||||
Margin="5"
|
||||
Background="#FFEBEB"
|
||||
BorderBrush="#FFB71C1C"
|
||||
Foreground="#D32F2F"
|
||||
FontWeight="Bold"
|
||||
Click="LogoutButton_Click">
|
||||
<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
|
||||
<iconPacks:PackIconMaterial Kind="Logout" Width="20" Height="20" Margin="0,0,10,0"/>
|
||||
<TextBlock Text="Abmelden"/>
|
||||
</StackPanel>
|
||||
</Button>
|
||||
|
||||
</StackPanel>
|
||||
|
||||
|
||||
<Grid Grid.Row="1">
|
||||
<Grid Grid.Row="1" Grid.Column="1" Margin="30">
|
||||
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="Auto"/>
|
||||
|
||||
<RowDefinition Height="*"/>
|
||||
</Grid.RowDefinitions>
|
||||
|
||||
|
||||
<Grid Grid.Row="0"
|
||||
Margin="0,0,0,10">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="Auto"/>
|
||||
<ColumnDefinition Width="200"/>
|
||||
<ColumnDefinition Width="Auto"/>
|
||||
<ColumnDefinition Width="200"/>
|
||||
<ColumnDefinition Width="Auto"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
<StackPanel Grid.Row="0"
|
||||
Orientation="Horizontal"
|
||||
VerticalAlignment="Center"
|
||||
Margin="0,0,0,20">
|
||||
<iconPacks:PackIconMaterial Kind="Airplane" Width="28" Height="28" Margin="0,0,10,0"/>
|
||||
<StackPanel>
|
||||
<TextBlock Text="Meine Buchungen"
|
||||
FontSize="24"
|
||||
FontWeight="Bold"/>
|
||||
<TextBlock Text="Übersicht über Ihre gebuchten Flüge"
|
||||
FontSize="14"
|
||||
Foreground="#666"/>
|
||||
</StackPanel>
|
||||
</StackPanel>
|
||||
|
||||
<Label Content="Von:"
|
||||
Grid.Column="0"
|
||||
VerticalAlignment="Center"
|
||||
Margin="0,0,5,0"/>
|
||||
<TextBox x:Name="FromFilterTextBox"
|
||||
Grid.Column="1"
|
||||
Margin="0,0,15,0"/>
|
||||
<Grid Grid.Row="1">
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="Auto"/>
|
||||
<RowDefinition Height="*"/>
|
||||
</Grid.RowDefinitions>
|
||||
|
||||
<Label Content="Nach:"
|
||||
Grid.Column="2"
|
||||
VerticalAlignment="Center"
|
||||
Margin="0,0,5,0"/>
|
||||
<TextBox x:Name="ToFilterTextBox"
|
||||
Grid.Column="3"
|
||||
Margin="0,0,15,0"/>
|
||||
<Grid Grid.Row="0" Margin="0,0,0,20">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="Auto"/>
|
||||
<ColumnDefinition Width="200"/>
|
||||
<ColumnDefinition Width="Auto"/>
|
||||
<ColumnDefinition Width="200"/>
|
||||
<ColumnDefinition Width="*"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
|
||||
<Label Content="Von:" Grid.Column="0" VerticalAlignment="Center" Margin="0,0,8,0"/>
|
||||
<TextBox x:Name="FromFilterTextBox" Grid.Column="1" Height="36" Margin="0,0,12,0"/>
|
||||
|
||||
<Label Content="Nach:" Grid.Column="2" VerticalAlignment="Center" Margin="0,0,8,0"/>
|
||||
<TextBox x:Name="ToFilterTextBox" Grid.Column="3" Height="36" Margin="0,0,12,0"/>
|
||||
|
||||
<Button x:Name="SearchBookingsButton"
|
||||
Grid.Column="4"
|
||||
Width="100"
|
||||
Height="36"
|
||||
Margin="0,0,0,0"
|
||||
HorizontalAlignment="Right"
|
||||
Click="SearchBookingsButton_Click">
|
||||
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
|
||||
<iconPacks:PackIconMaterial Kind="Magnify" Width="18" Height="18" Margin="0,0,6,0"/>
|
||||
<TextBlock Text="Suchen"/>
|
||||
</StackPanel>
|
||||
</Button>
|
||||
</Grid>
|
||||
|
||||
<DataGrid x:Name="BookingsDataGrid"
|
||||
Grid.Row="1"
|
||||
AutoGenerateColumns="False"
|
||||
IsReadOnly="True"
|
||||
CanUserAddRows="False"
|
||||
GridLinesVisibility="Horizontal"
|
||||
HeadersVisibility="Column">
|
||||
<DataGrid.Columns>
|
||||
<DataGridTextColumn Header="Buchungsnummer" Width="120" Binding="{Binding BookingNumber}"/>
|
||||
<DataGridTextColumn Header="Von" Width="80" Binding="{Binding From}"/>
|
||||
<DataGridTextColumn Header="Nach" Width="80" Binding="{Binding To}"/>
|
||||
<DataGridTextColumn Header="Flugzeug" Width="100" Binding="{Binding Flugzeug}"/>
|
||||
<DataGridTextColumn Header="Pilot" Width="100" Binding="{Binding Pilots}"/>
|
||||
<DataGridTextColumn Header="Abflug" Width="140" Binding="{Binding DepartureTime}"/>
|
||||
<DataGridTextColumn Header="Ankunft" Width="140" Binding="{Binding ArrivalTime}"/>
|
||||
<DataGridTextColumn Header="Status" Width="100" Binding="{Binding Status}"/>
|
||||
|
||||
</DataGrid.Columns>
|
||||
</DataGrid>
|
||||
|
||||
<Button x:Name="SearchBookingsButton"
|
||||
Grid.Column="4"
|
||||
Height="28"
|
||||
Padding="10,0"
|
||||
Click="SearchBookingsButton_Click">
|
||||
<StackPanel Orientation="Horizontal">
|
||||
<iconPacks:PackIconMaterial Kind="Magnify"
|
||||
Width="18"
|
||||
Height="18"
|
||||
Margin="0,0,5,0"/>
|
||||
<TextBlock Text="Suchen"/>
|
||||
</StackPanel>
|
||||
</Button>
|
||||
</Grid>
|
||||
|
||||
<DataGrid x:Name="BookingsDataGrid"
|
||||
Grid.Row="1"
|
||||
AutoGenerateColumns="False"
|
||||
IsReadOnly="True"
|
||||
CanUserAddRows="False">
|
||||
<DataGrid.Columns>
|
||||
<DataGridTextColumn Header="Buchungsnummer"
|
||||
|
||||
Width="*"/>
|
||||
<DataGridTextColumn Header="Von"
|
||||
|
||||
Width="*"/>
|
||||
<DataGridTextColumn Header="Nach"
|
||||
|
||||
Width="*"/>
|
||||
<DataGridTextColumn Header="Abflug"
|
||||
|
||||
Width="*"/>
|
||||
<DataGridTextColumn Header="Ankunft"
|
||||
Width="*"/>
|
||||
<DataGridTextColumn Header="Status"
|
||||
|
||||
Width="*"/>
|
||||
</DataGrid.Columns>
|
||||
</DataGrid>
|
||||
|
||||
</Grid>
|
||||
|
||||
</Grid>
|
||||
|
||||
Reference in New Issue
Block a user