menu/MainPage.xaml at develop · ccbrowndev/menu · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    x:Class="menu.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:model="clr-namespace:menu.Models"
    xmlns:viewmodel="clr-namespace:menu.ViewModels"
    x:DataType="viewmodel:MainViewModel">
    <Shell.TitleView>
        <Button
            BackgroundColor="#90C7F0"
            Command="{Binding ToggleListCollectionVisibilityCommand}"
            FontAttributes="Bold"
            FontSize="Large"
            Text="View Lists" />
    </Shell.TitleView>
    <ContentPage.ToolbarItems>
        <ToolbarItem Text="Share" />
    </ContentPage.ToolbarItems>

    <Grid
        ColumnSpacing="10"
        RowDefinitions="Auto, 50, Auto, Auto, *"
        RowSpacing="10"
        VerticalOptions="FillAndExpand">

        <Image Aspect="AspectFill" Source="background.svg" />


        <StackLayout Padding="0,10,0,0" VerticalOptions="FillAndExpand">
            <CollectionView
                x:Name="UserListCollectionView"
                Margin="10,0"
                IsVisible="{Binding IsVisible}"
                ItemsSource="{Binding ListCollection}"
                MaximumHeightRequest="{Binding ListCollectionHeight}"
                SelectedItem="{Binding SelectedList}"
                SelectionMode="Single">
                <CollectionView.ItemTemplate>
                    <DataTemplate x:DataType="{x:Type model:UserList}">
                        <Label
                            Padding="0,5"
                            BackgroundColor="#46CDD0"
                            FontAttributes="Bold"
                            FontSize="16"
                            HorizontalTextAlignment="Center"
                            Text="{Binding Name}"
                            TextColor="White" />
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>

            <Entry
                Grid.Row="1"
                Margin="50,0,50,10"
                FontAttributes="Bold"
                FontSize="20"
                HorizontalTextAlignment="Center"
                Placeholder="Title"
                ReturnCommand="{Binding UpdateTitleCommand}"
                Text="{Binding SelectedList.Name}"
                TextColor="White" />

            <CollectionView
                Grid.Row="2"
                ItemsSource="{Binding Items}"
                MaximumHeightRequest="{Binding ItemCollectionHeight}">
                <CollectionView.ItemTemplate>
                    <DataTemplate x:DataType="{x:Type model:ListItem}">
                        <SwipeView>
                            <SwipeView.RightItems>
                                <SwipeItems>
                                    <SwipeItem
                                        BackgroundColor="Red"
                                        Command="{Binding Source={x:RelativeSource AncestorType={x:Type viewmodel:MainViewModel}}, Path=DeleteCommand}"
                                        CommandParameter="{Binding .}"
                                        Text="Delete" />
                                </SwipeItems>
                            </SwipeView.RightItems>
                            <Grid
                                Margin="15,0"
                                Padding="0,10,15,0"
                                ColumnDefinitions="Auto, *">
                                <CheckBox IsChecked="{Binding IsComplete}" />
                                <Frame Grid.Column="1">
                                    <Label FontSize="18" Text="{Binding Text}" />
                                </Frame>
                            </Grid>
                        </SwipeView>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>

            <Grid
                Grid.Row="3"
                Margin="15,25,15,15"
                Padding="0,0,15,0"
                ColumnDefinitions="Auto, *">
                <CheckBox IsChecked="{Binding InputCompleted}" />
                <Frame Grid.Column="1">
                    <Entry
                        Placeholder="Enter task"
                        ReturnCommand="{Binding AddCommand}"
                        Text="{Binding Text}" />
                </Frame>
            </Grid>

            <DatePicker
                Grid.Row="4"
                Date="{Binding SelectedList.Deadline, Mode=TwoWay}"
                Format="D"
                Margin="55,0,27,10"
                FontAttributes="Bold"
                FontSize="18"
                TextColor="White"
                />

            <StackLayout Padding="60,20,30,0">
                <Grid>
                    <Button
                        BackgroundColor="#8CAEDE"
                        BorderColor="#DFD8F7"
                        BorderWidth="2"
                        Command="{Binding SaveListCommand}"
                        FontAttributes="Bold"
                        HorizontalOptions="Start"
                        Text="Save List"
                        TextColor="White"
                        VerticalOptions="End" />

                    <Button
                        BackgroundColor="#8CAEDE"
                        BorderColor="#DFD8F7"
                        BorderWidth="2"
                        Command="{Binding AddListCommand}"
                        FontAttributes="Bold"
                        HorizontalOptions="End"
                        Text="Add List"
                        TextColor="White"
                        VerticalOptions="Start" />
                </Grid>

            </StackLayout>

        </StackLayout>


    </Grid>


</ContentPage>