103 lines
5.0 KiB
XML
103 lines
5.0 KiB
XML
<?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"
|
|
x:Class="TodoApp.TodoDetailPage"
|
|
Title="Task Details"
|
|
BackgroundColor="{AppThemeBinding Light={StaticResource PageBackgroundLight}, Dark={StaticResource PageBackgroundDark}}">
|
|
|
|
<ContentPage.ToolbarItems>
|
|
<ToolbarItem Text="Delete"
|
|
IconImageSource="delete_white.svg"
|
|
Clicked="OnDeleteClicked" />
|
|
<ToolbarItem Text="Save"
|
|
IconImageSource="save_white.svg"
|
|
Clicked="OnSaveClicked" />
|
|
</ContentPage.ToolbarItems>
|
|
|
|
<Grid RowDefinitions="Auto,Auto,*,Auto,Auto" RowSpacing="16" Padding="20">
|
|
|
|
<!-- Title Section -->
|
|
<VerticalStackLayout Grid.Row="0" Spacing="8">
|
|
<Label Text="TITLE"
|
|
FontSize="13"
|
|
FontAttributes="Bold"
|
|
TextColor="{StaticResource PrimaryColor}" />
|
|
<Border BackgroundColor="{AppThemeBinding Light={StaticResource CardBackgroundLight}, Dark={StaticResource CardBackgroundDark}}"
|
|
Stroke="{AppThemeBinding Light={StaticResource BorderLight}, Dark={StaticResource BorderDark}}"
|
|
StrokeThickness="1"
|
|
Padding="16,12">
|
|
<Border.StrokeShape>
|
|
<RoundRectangle CornerRadius="10" />
|
|
</Border.StrokeShape>
|
|
<Entry x:Name="TitleEntry"
|
|
Placeholder="Task title"
|
|
FontSize="18"
|
|
TextColor="{AppThemeBinding Light={StaticResource TextPrimaryLight}, Dark={StaticResource TextPrimaryDark}}"
|
|
PlaceholderColor="{AppThemeBinding Light={StaticResource TextSecondaryLight}, Dark={StaticResource TextSecondaryDark}}" />
|
|
</Border>
|
|
</VerticalStackLayout>
|
|
|
|
<!-- Notes Label -->
|
|
<Label Grid.Row="1"
|
|
Text="NOTES"
|
|
FontSize="13"
|
|
FontAttributes="Bold"
|
|
TextColor="{StaticResource PrimaryColor}" />
|
|
|
|
<!-- Notes Section (fills remaining space) -->
|
|
<Border Grid.Row="2"
|
|
BackgroundColor="{AppThemeBinding Light={StaticResource CardBackgroundLight}, Dark={StaticResource CardBackgroundDark}}"
|
|
Stroke="{AppThemeBinding Light={StaticResource BorderLight}, Dark={StaticResource BorderDark}}"
|
|
StrokeThickness="1"
|
|
Padding="16,12">
|
|
<Border.StrokeShape>
|
|
<RoundRectangle CornerRadius="10" />
|
|
</Border.StrokeShape>
|
|
<Editor x:Name="NotesEditor"
|
|
Placeholder="Add notes here..."
|
|
FontSize="14"
|
|
TextColor="{AppThemeBinding Light={StaticResource TextPrimaryLight}, Dark={StaticResource TextPrimaryDark}}"
|
|
PlaceholderColor="{AppThemeBinding Light={StaticResource TextSecondaryLight}, Dark={StaticResource TextSecondaryDark}}"
|
|
VerticalOptions="Fill" />
|
|
</Border>
|
|
|
|
<!-- Status Section -->
|
|
<VerticalStackLayout Grid.Row="3" Spacing="8">
|
|
<Label Text="STATUS"
|
|
FontSize="13"
|
|
FontAttributes="Bold"
|
|
TextColor="{StaticResource PrimaryColor}" />
|
|
<Border BackgroundColor="{AppThemeBinding Light={StaticResource CardBackgroundLight}, Dark={StaticResource CardBackgroundDark}}"
|
|
Stroke="{AppThemeBinding Light={StaticResource BorderLight}, Dark={StaticResource BorderDark}}"
|
|
StrokeThickness="1"
|
|
Padding="16,12">
|
|
<Border.StrokeShape>
|
|
<RoundRectangle CornerRadius="10" />
|
|
</Border.StrokeShape>
|
|
<HorizontalStackLayout Spacing="12">
|
|
<CheckBox x:Name="CompletedCheckBox"
|
|
Color="{StaticResource AccentColor}"
|
|
VerticalOptions="Center"
|
|
CheckedChanged="OnCompletedChanged" />
|
|
<Label x:Name="StatusLabel"
|
|
Text="In Progress"
|
|
FontSize="16"
|
|
LineBreakMode="NoWrap"
|
|
TextColor="{AppThemeBinding Light={StaticResource TextPrimaryLight}, Dark={StaticResource TextPrimaryDark}}"
|
|
VerticalOptions="Center" />
|
|
</HorizontalStackLayout>
|
|
</Border>
|
|
</VerticalStackLayout>
|
|
|
|
<!-- Created Date -->
|
|
<Label Grid.Row="4"
|
|
x:Name="CreatedLabel"
|
|
FontSize="13"
|
|
LineBreakMode="NoWrap"
|
|
TextColor="{AppThemeBinding Light={StaticResource TextSecondaryLight}, Dark={StaticResource TextSecondaryDark}}"
|
|
HorizontalOptions="Center"
|
|
HorizontalTextAlignment="Center" />
|
|
|
|
</Grid>
|
|
</ContentPage>
|