Wino-Mail/Wino.Mail.WinUI/Views/Account/ImapCalDavSettingsPage.xaml

<abstract:ImapCalDavSettingsPageAbstract
    x:Class="Wino.Views.ImapCalDavSettingsPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:abstract="using:Wino.Views.Abstract"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <ScrollViewer>
        <Grid
            MaxWidth="980"
            Padding="36,28,36,36"
            HorizontalAlignment="Center">
            <StackPanel Spacing="20">
                <StackPanel Spacing="4">
                    <TextBlock
                        FontSize="28"
                        FontWeight="SemiBold"
                        Text="{x:Bind ViewModel.PageTitle, Mode=OneWay}" />
                    <TextBlock
                        Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                        Style="{StaticResource BodyTextBlockStyle}"
                        Text="{x:Bind ViewModel.SubtitleText, Mode=OneWay}"
                        TextWrapping="WrapWholeWords" />
                    <TextBlock
                        Foreground="{ThemeResource TextFillColorTertiaryBrush}"
                        Style="{StaticResource CaptionTextBlockStyle}"
                        Text="{x:Bind ViewModel.ProviderHint, Mode=OneWay}"
                        TextWrapping="WrapWholeWords"
                        Visibility="{x:Bind ViewModel.HasProviderHint, Mode=OneWay}" />
                </StackPanel>

                <Border
                    Padding="20"
                    Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
                    BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
                    BorderThickness="1"
                    CornerRadius="8">
                    <StackPanel Spacing="16">
                        <StackPanel Spacing="2">
                            <TextBlock
                                FontSize="16"
                                FontWeight="SemiBold"
                                Text="{x:Bind ViewModel.BasicSectionTitleText, Mode=OneWay}" />
                            <TextBlock
                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                Style="{StaticResource CaptionTextBlockStyle}"
                                Text="{x:Bind ViewModel.BasicSectionDescriptionText, Mode=OneWay}"
                                TextWrapping="WrapWholeWords" />
                        </StackPanel>

                        <Grid ColumnSpacing="12" RowSpacing="12">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>

                            <TextBox
                                Grid.Row="0"
                                Grid.Column="0"
                                Header="{x:Bind ViewModel.DisplayNameHeaderText, Mode=OneWay}"
                                PlaceholderText="{x:Bind ViewModel.DisplayNamePlaceholderText, Mode=OneWay}"
                                Text="{x:Bind ViewModel.DisplayName, Mode=TwoWay}" />
                            <TextBox
                                Grid.Row="0"
                                Grid.Column="1"
                                Header="{x:Bind ViewModel.EmailAddressHeaderText, Mode=OneWay}"
                                PlaceholderText="{x:Bind ViewModel.EmailAddressPlaceholderText, Mode=OneWay}"
                                Text="{x:Bind ViewModel.EmailAddress, Mode=TwoWay}" />
                            <PasswordBox
                                Grid.Row="1"
                                Grid.ColumnSpan="2"
                                Header="{x:Bind ViewModel.PasswordHeaderText, Mode=OneWay}"
                                Password="{x:Bind ViewModel.Password, Mode=TwoWay}"
                                Visibility="{x:Bind ViewModel.IsMailPasswordInputVisible, Mode=OneWay}" />
                        </Grid>

                        <StackPanel Spacing="10">
                            <CheckBox
                                Content="{x:Bind ViewModel.EnableMailSupportText, Mode=OneWay}"
                                IsChecked="{x:Bind ViewModel.IsMailSupportEnabled, Mode=TwoWay}" />
                            <CheckBox
                                Content="{x:Bind ViewModel.EnableCalendarSupportText, Mode=OneWay}"
                                IsChecked="{x:Bind ViewModel.IsCalendarSupportEnabled, Mode=TwoWay}" />
                        </StackPanel>

                        <StackPanel Spacing="8">
                            <TextBlock
                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                Style="{StaticResource CaptionTextBlockStyle}"
                                Text="{x:Bind ViewModel.AdvancedSectionDescriptionText, Mode=OneWay}"
                                TextWrapping="WrapWholeWords" />
                            <Button
                                HorizontalAlignment="Left"
                                Command="{x:Bind ViewModel.AutoDiscoverSettingsCommand}"
                                Content="{x:Bind ViewModel.AutoDiscoverButtonText, Mode=OneWay}"
                                Style="{ThemeResource AccentButtonStyle}"
                                Visibility="{x:Bind ViewModel.IsMailActionsVisible, Mode=OneWay}" />
                        </StackPanel>
                    </StackPanel>
                </Border>

                <Border
                    Padding="20"
                    Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
                    BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
                    BorderThickness="1"
                    CornerRadius="8"
                    Visibility="{x:Bind ViewModel.IsMailSettingsVisible, Mode=OneWay}">
                    <StackPanel Spacing="16">
                        <StackPanel Spacing="2">
                            <TextBlock
                                FontSize="16"
                                FontWeight="SemiBold"
                                Text="{x:Bind ViewModel.AdvancedSectionTitleText, Mode=OneWay}" />
                            <TextBlock
                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                Style="{StaticResource CaptionTextBlockStyle}"
                                Text="{x:Bind ViewModel.AdvancedSectionDescriptionText, Mode=OneWay}"
                                TextWrapping="WrapWholeWords" />
                        </StackPanel>

                        <Grid ColumnSpacing="16">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>

                            <Border
                                Padding="16"
                                Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
                                CornerRadius="6">
                                <StackPanel Spacing="10">
                                    <StackPanel Orientation="Horizontal" Spacing="8">
                                        <FontIcon FontSize="14" Glyph="&#xE896;" />
                                        <TextBlock FontWeight="SemiBold" Text="{x:Bind ViewModel.IncomingSectionTitleText, Mode=OneWay}" />
                                    </StackPanel>
                                    <TextBox Header="{x:Bind ViewModel.IncomingServerHeaderText, Mode=OneWay}" Text="{x:Bind ViewModel.IncomingServer, Mode=TwoWay}" />
                                    <TextBox Header="{x:Bind ViewModel.PortHeaderText, Mode=OneWay}" Text="{x:Bind ViewModel.IncomingServerPort, Mode=TwoWay}" />
                                    <TextBox Header="{x:Bind ViewModel.IncomingUsernameHeaderText, Mode=OneWay}" Text="{x:Bind ViewModel.IncomingServerUsername, Mode=TwoWay}" />
                                    <PasswordBox Header="{x:Bind ViewModel.IncomingPasswordHeaderText, Mode=OneWay}" Password="{x:Bind ViewModel.IncomingServerPassword, Mode=TwoWay}" />
                                    <ComboBox
                                        Header="{x:Bind ViewModel.ConnectionSecurityHeaderText, Mode=OneWay}"
                                        ItemsSource="{x:Bind ViewModel.AvailableConnectionSecurityDisplayNames}"
                                        SelectedIndex="{x:Bind ViewModel.SelectedIncomingServerConnectionSecurityIndex, Mode=TwoWay}" />
                                    <ComboBox
                                        Header="{x:Bind ViewModel.AuthenticationMethodHeaderText, Mode=OneWay}"
                                        ItemsSource="{x:Bind ViewModel.AvailableAuthenticationMethodDisplayNames}"
                                        SelectedIndex="{x:Bind ViewModel.SelectedIncomingServerAuthenticationMethodIndex, Mode=TwoWay}" />
                                </StackPanel>
                            </Border>

                            <Border
                                Grid.Column="1"
                                Padding="16"
                                Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
                                CornerRadius="6">
                                <StackPanel Spacing="10">
                                    <StackPanel Orientation="Horizontal" Spacing="8">
                                        <FontIcon FontSize="14" Glyph="&#xE898;" />
                                        <TextBlock FontWeight="SemiBold" Text="{x:Bind ViewModel.OutgoingSectionTitleText, Mode=OneWay}" />
                                    </StackPanel>
                                    <TextBox Header="{x:Bind ViewModel.OutgoingServerHeaderText, Mode=OneWay}" Text="{x:Bind ViewModel.OutgoingServer, Mode=TwoWay}" />
                                    <TextBox Header="{x:Bind ViewModel.PortHeaderText, Mode=OneWay}" Text="{x:Bind ViewModel.OutgoingServerPort, Mode=TwoWay}" />
                                    <TextBox Header="{x:Bind ViewModel.OutgoingUsernameHeaderText, Mode=OneWay}" Text="{x:Bind ViewModel.OutgoingServerUsername, Mode=TwoWay}" />
                                    <PasswordBox Header="{x:Bind ViewModel.OutgoingPasswordHeaderText, Mode=OneWay}" Password="{x:Bind ViewModel.OutgoingServerPassword, Mode=TwoWay}" />
                                    <ComboBox
                                        Header="{x:Bind ViewModel.ConnectionSecurityHeaderText, Mode=OneWay}"
                                        ItemsSource="{x:Bind ViewModel.AvailableConnectionSecurityDisplayNames}"
                                        SelectedIndex="{x:Bind ViewModel.SelectedOutgoingServerConnectionSecurityIndex, Mode=TwoWay}" />
                                    <ComboBox
                                        Header="{x:Bind ViewModel.AuthenticationMethodHeaderText, Mode=OneWay}"
                                        ItemsSource="{x:Bind ViewModel.AvailableAuthenticationMethodDisplayNames}"
                                        SelectedIndex="{x:Bind ViewModel.SelectedOutgoingServerAuthenticationMethodIndex, Mode=TwoWay}" />
                                </StackPanel>
                            </Border>
                        </Grid>

                        <Button
                            HorizontalAlignment="Right"
                            Command="{x:Bind ViewModel.TestImapConnectionCommand}"
                            Content="{x:Bind ViewModel.TestImapButtonText, Mode=OneWay}"
                            Visibility="{x:Bind ViewModel.IsMailActionsVisible, Mode=OneWay}" />
                    </StackPanel>
                </Border>

                <Border
                    Padding="20"
                    Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
                    BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
                    BorderThickness="1"
                    CornerRadius="8">
                    <StackPanel Spacing="16">
                        <StackPanel Spacing="2">
                            <StackPanel Orientation="Horizontal" Spacing="8">
                                <FontIcon FontSize="16" Glyph="&#xE787;" />
                                <TextBlock
                                    FontSize="16"
                                    FontWeight="SemiBold"
                                    Text="{x:Bind ViewModel.CalendarSectionTitleText, Mode=OneWay}" />
                            </StackPanel>
                            <TextBlock
                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                Style="{StaticResource CaptionTextBlockStyle}"
                                Text="{x:Bind ViewModel.CalendarSectionDescriptionText, Mode=OneWay}"
                                TextWrapping="WrapWholeWords" />
                        </StackPanel>

                        <ComboBox
                            Header="{x:Bind ViewModel.CalendarModeHeaderText, Mode=OneWay}"
                            IsEnabled="{x:Bind ViewModel.IsCalendarModeSelectionVisible, Mode=OneWay}"
                            ItemsSource="{x:Bind ViewModel.AvailableCalendarSupportModeTitles}"
                            SelectedIndex="{x:Bind ViewModel.SelectedCalendarSupportModeIndex, Mode=TwoWay}" />

                        <TextBlock
                            Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                            Style="{StaticResource CaptionTextBlockStyle}"
                            Text="{x:Bind ViewModel.SelectedCalendarSupportDescription, Mode=OneWay}"
                            TextWrapping="WrapWholeWords" />

                        <HyperlinkButton
                            Command="{x:Bind ViewModel.ShowLocalCalendarExplanationCommand}"
                            Content="{x:Bind ViewModel.LocalCalendarLearnMoreText, Mode=OneWay}"
                            HorizontalAlignment="Left"
                            IsEnabled="{x:Bind ViewModel.IsLocalCalendarModeSelected, Mode=OneWay}" />

                        <Grid ColumnSpacing="12" Visibility="{x:Bind ViewModel.IsCalDavSettingsVisible, Mode=OneWay}">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="2*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <TextBox
                                Grid.Column="0"
                                Header="{x:Bind ViewModel.CalDavServiceUrlHeaderText, Mode=OneWay}"
                                Text="{x:Bind ViewModel.CalDavServiceUrl, Mode=TwoWay}" />
                            <TextBox
                                Grid.Column="1"
                                Header="{x:Bind ViewModel.CalDavUsernameHeaderText, Mode=OneWay}"
                                Text="{x:Bind ViewModel.CalDavUsername, Mode=TwoWay}" />
                        </Grid>

                        <PasswordBox
                            Header="{x:Bind ViewModel.CalDavPasswordHeaderText, Mode=OneWay}"
                            Password="{x:Bind ViewModel.CalDavPassword, Mode=TwoWay}"
                            Visibility="{x:Bind ViewModel.IsCalDavSettingsVisible, Mode=OneWay}" />

                        <Button
                            HorizontalAlignment="Right"
                            Command="{x:Bind ViewModel.TestCalDavConnectionCommand}"
                            Content="{x:Bind ViewModel.TestCalDavButtonText, Mode=OneWay}"
                            IsEnabled="{x:Bind ViewModel.IsCalDavSettingsVisible, Mode=OneWay}" />
                    </StackPanel>
                </Border>

                <Grid Margin="0,4,0,0" ColumnSpacing="8">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>
                    <Button
                        Grid.Column="1"
                        Command="{x:Bind ViewModel.CancelCommand}"
                        Content="{x:Bind ViewModel.CancelButtonText, Mode=OneWay}" />
                    <Button
                        Grid.Column="2"
                        Command="{x:Bind ViewModel.SaveCommand}"
                        Content="{x:Bind ViewModel.SaveButtonText, Mode=OneWay}"
                        Style="{ThemeResource AccentButtonStyle}" />
                </Grid>
            </StackPanel>
        </Grid>
    </ScrollViewer>
</abstract:ImapCalDavSettingsPageAbstract>