Fertig mit der UI, code dahinter muss implementiert werde (nach datenbank fertig herstellung)
This commit is contained in:
younes elhaddoury
@@ -4,114 +4,177 @@
|
||||
xmlns:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks"
|
||||
Title="SettingsPage">
|
||||
|
||||
<Grid x:Name="RootGrid"
|
||||
Margin="20"
|
||||
Background="White">
|
||||
<Grid>
|
||||
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="Auto"/>
|
||||
<RowDefinition Height="Auto"/>
|
||||
<RowDefinition Height="*"/>
|
||||
</Grid.RowDefinitions>
|
||||
|
||||
|
||||
<StackPanel Grid.Row="0"
|
||||
Orientation="Horizontal"
|
||||
VerticalAlignment="Center"
|
||||
Margin="0,0,0,15">
|
||||
<iconPacks:PackIconMaterial Kind="Cog"
|
||||
Width="28"
|
||||
Height="28"
|
||||
Margin="0,0,10,0"/>
|
||||
<StackPanel>
|
||||
<TextBlock Text="Einstellungen"
|
||||
FontSize="22"
|
||||
FontWeight="Bold"
|
||||
Foreground="Black"/>
|
||||
<TextBlock Text="Passen Sie Ihr Sky Team Erlebnis an"
|
||||
FontSize="12"
|
||||
Foreground="Gray"/>
|
||||
</StackPanel>
|
||||
</StackPanel>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="180"/>
|
||||
<ColumnDefinition Width="*"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
|
||||
|
||||
<Border Grid.Row="1"
|
||||
Padding="10"
|
||||
Margin="0,0,0,15"
|
||||
BorderBrush="#DDD"
|
||||
BorderThickness="1"
|
||||
CornerRadius="4">
|
||||
<Border Grid.Row="0"
|
||||
Grid.ColumnSpan="2"
|
||||
Background="#FF1E88E5"
|
||||
Padding="15">
|
||||
<StackPanel Orientation="Horizontal"
|
||||
VerticalAlignment="Center">
|
||||
<iconPacks:PackIconMaterial Kind="WeatherNight"
|
||||
Width="22"
|
||||
Height="22"
|
||||
Margin="0,0,10,0"/>
|
||||
<Ellipse Width="36" Height="36" Fill="White" Margin="0,0,10,0"/>
|
||||
<StackPanel>
|
||||
<TextBlock Text="Dark Mode"
|
||||
FontSize="14"
|
||||
<TextBlock Text="Sky Team Airlines"
|
||||
FontSize="20"
|
||||
FontWeight="Bold"
|
||||
Foreground="Black"/>
|
||||
<TextBlock Text="Aktivieren Sie den dunklen Modus für die Anwendung."
|
||||
Foreground="White"/>
|
||||
<TextBlock Text="Sichere und komfortable Flüge weltweit"
|
||||
FontSize="12"
|
||||
Foreground="Gray"/>
|
||||
Foreground="White"/>
|
||||
</StackPanel>
|
||||
|
||||
<ToggleButton x:Name="DarkModeToggle"
|
||||
Width="80"
|
||||
Height="26"
|
||||
Margin="20,0,0,0"
|
||||
HorizontalAlignment="Right"
|
||||
VerticalAlignment="Center"
|
||||
Content="Aus"
|
||||
Checked="DarkModeToggle_Checked"
|
||||
Unchecked="DarkModeToggle_Unchecked"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
|
||||
|
||||
<Border Grid.Row="2"
|
||||
Padding="10"
|
||||
BorderBrush="#FFB71C1C"
|
||||
BorderThickness="1"
|
||||
CornerRadius="4">
|
||||
<StackPanel>
|
||||
<StackPanel Orientation="Horizontal"
|
||||
Margin="0,0,0,8">
|
||||
<iconPacks:PackIconMaterial Kind="AlertCircle"
|
||||
Width="22"
|
||||
Height="22"
|
||||
Foreground="#FFB71C1C"
|
||||
Margin="0,0,10,0"/>
|
||||
<TextBlock Text="Konto löschen"
|
||||
FontSize="14"
|
||||
FontWeight="Bold"
|
||||
Foreground="#FFB71C1C"/>
|
||||
<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>
|
||||
|
||||
<TextBlock Text="Achtung: Diese Aktion kann nicht rückgängig gemacht werden."
|
||||
FontSize="12"
|
||||
Foreground="Gray"
|
||||
Margin="0,0,0,8"/>
|
||||
<Button x:Name="BookingsButton"
|
||||
Height="50"
|
||||
Margin="5"
|
||||
Click="BookingsButton_Click">
|
||||
<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="DeleteAccountButton"
|
||||
Width="160"
|
||||
Height="32"
|
||||
HorizontalAlignment="Left"
|
||||
Background="#FFB71C1C"
|
||||
Foreground="White"
|
||||
Click="DeleteAccountButton_Click">
|
||||
<StackPanel Orientation="Horizontal"
|
||||
HorizontalAlignment="Center">
|
||||
<iconPacks:PackIconMaterial Kind="AccountRemove"
|
||||
Width="18"
|
||||
Height="18"
|
||||
Margin="0,0,6,0"/>
|
||||
<TextBlock Text="Konto löschen"/>
|
||||
<Button x:Name="SettingsButton"
|
||||
Height="50"
|
||||
Margin="5"
|
||||
Click="SettingsButton_Click"
|
||||
Background="#FFBBDEFB">
|
||||
<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.Column="1" Margin="30">
|
||||
|
||||
<StackPanel Orientation="Horizontal"
|
||||
VerticalAlignment="Center"
|
||||
Margin="0,0,0,25">
|
||||
<iconPacks:PackIconMaterial Kind="Cog" Width="32" Height="32" Margin="0,0,12,0"/>
|
||||
<StackPanel>
|
||||
<TextBlock Text="Einstellungen"
|
||||
FontSize="28"
|
||||
FontWeight="Bold"/>
|
||||
<TextBlock Text="Passen Sie Ihr Sky Team Erlebnis an"
|
||||
FontSize="16"
|
||||
Foreground="#666"/>
|
||||
</StackPanel>
|
||||
</StackPanel>
|
||||
|
||||
<Border Background="White"
|
||||
CornerRadius="12"
|
||||
Padding="30"
|
||||
BorderBrush="#E0E0E0"
|
||||
BorderThickness="1"
|
||||
Margin="0,0,0,25"
|
||||
VerticalAlignment="Top">
|
||||
<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
|
||||
<iconPacks:PackIconMaterial Kind="WeatherNight" Width="28" Height="28" Margin="0,0,15,0"/>
|
||||
<StackPanel VerticalAlignment="Center">
|
||||
<TextBlock Text="Dark Mode"
|
||||
FontSize="18"
|
||||
FontWeight="Bold"/>
|
||||
<TextBlock Text="Aktivieren Sie den dunklen Modus für die Anwendung."
|
||||
FontSize="14"
|
||||
Foreground="#666"
|
||||
Margin="0,4,0,0"/>
|
||||
</StackPanel>
|
||||
</Button>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
<ToggleButton x:Name="DarkModeToggle"
|
||||
Width="90"
|
||||
Height="36"
|
||||
Margin="30,0,0,0"
|
||||
HorizontalAlignment="Right"
|
||||
VerticalAlignment="Center"
|
||||
Background="#F5F5F5"
|
||||
BorderBrush="#DDD"
|
||||
Content="Aus"
|
||||
FontSize="14"
|
||||
FontWeight="SemiBold"
|
||||
Checked="DarkModeToggle_Checked"
|
||||
Unchecked="DarkModeToggle_Unchecked"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
|
||||
<Border Background="#FEF2F2"
|
||||
CornerRadius="12"
|
||||
Padding="30"
|
||||
BorderBrush="#FFB71C1C"
|
||||
BorderThickness="1">
|
||||
<StackPanel>
|
||||
<StackPanel Orientation="Horizontal" Margin="0,0,0,15">
|
||||
<iconPacks:PackIconMaterial Kind="AlertCircle" Width="28" Height="28" Foreground="#D32F2F" Margin="0,0,12,0"/>
|
||||
<StackPanel>
|
||||
<TextBlock Text="Konto löschen"
|
||||
FontSize="20"
|
||||
FontWeight="Bold"
|
||||
Foreground="#D32F2F"/>
|
||||
<TextBlock Text="⚠️ Achtung: Diese Aktion kann nicht rückgängig gemacht werden!"
|
||||
FontSize="14"
|
||||
Foreground="#B71C1C"
|
||||
Margin="0,5,0,0"/>
|
||||
</StackPanel>
|
||||
</StackPanel>
|
||||
|
||||
<Button x:Name="DeleteAccountButton"
|
||||
Width="200"
|
||||
Height="45"
|
||||
HorizontalAlignment="Center"
|
||||
Background="#D32F2F"
|
||||
Foreground="White"
|
||||
FontSize="15"
|
||||
FontWeight="Bold"
|
||||
Click="DeleteAccountButton_Click">
|
||||
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
|
||||
<iconPacks:PackIconMaterial Kind="AccountRemove" Width="20" Height="20" Margin="0,0,8,0"/>
|
||||
<TextBlock Text="Konto endgültig löschen"/>
|
||||
</StackPanel>
|
||||
</Button>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
|
||||
</Grid>
|
||||
|
||||
</Grid>
|
||||
</Page>
|
||||
|
||||
Reference in New Issue
Block a user