Add initial ObservableValidator sample

Author: Sergio0694

samples/MvvmSample.Core/Services/IDialogService.cs

@@ -0,0 +1,20 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using System.Threading.Tasks;
+
+namespace MvvmSample.Core.Services;
+
+/// <summary>
+/// The default <see langword="interface"/> for a service that shows dialogs
+/// </summary>
+public interface IDialogService
+{
+    /// <summary>
+    /// Shows a message dialog with a title and custom content.
+    /// </summary>
+    /// <param name="title">The title of the message dialog.</param>
+    /// <param name="message">The content of the message dialog.</param>
+    Task ShowMessageDialogAsync(string title, string message);
+}

samples/MvvmSample.Core/ViewModels/ObservableValidatorPageViewModel.cs

@@ -2,22 +2,75 @@
 // The .NET Foundation licenses this file to you under the MIT license.
 // See the LICENSE file in the project root for more information.
 
+using System;
+using System.ComponentModel.DataAnnotations;
+using System.Linq;
 using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
 using MvvmSample.Core.Services;
 
 namespace MvvmSample.Core.ViewModels;
 
 public partial class ObservableValidatorPageViewModel : SamplePageViewModel
 {
-    public ObservableValidatorPageViewModel(IFilesService filesService)
+    public ObservableValidatorPageViewModel(IFilesService filesService, IDialogService dialogService)
         : base(filesService)
     {
+        Form = new ObservableForm(dialogService);
     }
 
-    public ObservableForm Form { get; } = new();
+    public ObservableForm Form { get; }
 
     public partial class ObservableForm : ObservableValidator
     {
+        private readonly IDialogService DialogService;
 
+        public ObservableForm(IDialogService dialogService)
+        {
+            DialogService = dialogService;
+        }
+
+        public event EventHandler? FormSubmissionCompleted;
+        public event EventHandler? FormSubmissionFailed;
+
+        [ObservableProperty]
+        [Required]
+        [MinLength(2)]
+        [MaxLength(100)]
+        private string? firstName;
+
+        [ObservableProperty]
+        [Required]
+        [MinLength(2)]
+        [MaxLength(100)]
+        private string? lastName;
+
+        [ObservableProperty]
+        [Required]
+        [EmailAddress]
+        private string? email;
+
+        [ICommand]
+        private void Submit()
+        {
+            ValidateAllProperties();
+
+            if (HasErrors)
+            {
+                FormSubmissionFailed?.Invoke(this, EventArgs.Empty);
+            }
+            else
+            {
+                FormSubmissionCompleted?.Invoke(this, EventArgs.Empty);
+            }
+        }
+
+        [ICommand]
+        private void ShowErrors()
+        {
+            string message = string.Join(Environment.NewLine, GetErrors().Select(e => e.ErrorMessage));
+
+            _ = DialogService.ShowMessageDialogAsync("Validation errors", message);
+        }
     }
 }

samples/MvvmSampleUwp/App.xaml.cs

@@ -45,6 +45,7 @@ protected override void OnLaunched(LaunchActivatedEventArgs e)
             Ioc.Default.ConfigureServices(
                 new ServiceCollection()
                 //Services
+                .AddSingleton<IDialogService, DialogService>()
                 .AddSingleton<IFilesService, FilesService>()
                 .AddSingleton<ISettingsService, SettingsService>()
                 .AddSingleton(RestService.For<IRedditService>("https://www.reddit.com/"))

samples/MvvmSampleUwp/MvvmSampleUwp.csproj

@@ -128,6 +128,7 @@
     <Compile Include="Converters\TaskResultConverter.cs" />
     <Compile Include="Helpers\TitleBarHelper.cs" />
     <Compile Include="Properties\AssemblyInfo.cs" />
+    <Compile Include="Services\DialogService.cs" />
     <Compile Include="Services\FileService.cs" />
     <Compile Include="Services\SettingsService.cs" />
     <Compile Include="Shell.xaml.cs">

samples/MvvmSampleUwp/Services/DialogService.cs

@@ -0,0 +1,30 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using System;
+using System.Threading.Tasks;
+using MvvmSample.Core.Services;
+using Windows.UI.Xaml.Controls;
+
+#nullable enable
+
+namespace MvvmSampleUwp.Services;
+
+/// <summary>
+/// A <see langword="class"/> that implements the <see cref="IDialogService"/> <see langword="interface"/> using UWP APIs.
+/// </summary>
+public sealed class DialogService : IDialogService
+{
+    /// <inheritdoc/>
+    public Task ShowMessageDialogAsync(string title, string message)
+    {
+        ContentDialog dialog = new();
+        dialog.Title = title;
+        dialog.CloseButtonText = "Close";
+        dialog.DefaultButton = ContentDialogButton.Close;
+        dialog.Content = message;
+
+        return dialog.ShowAsync().AsTask();
+    }
+}

samples/MvvmSampleUwp/Views/ObservableValidatorPage.xaml

@@ -3,12 +3,81 @@
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:interactions="using:Microsoft.Xaml.Interactions.Core"
+    xmlns:interactivity="using:Microsoft.Xaml.Interactivity"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
     NavigationCacheMode="Enabled"
     mc:Ignorable="d">
 
     <ScrollViewer Padding="{StaticResource DocumentationPageContentPadding}" CanContentRenderOutsideBounds="True">
         <StackPanel Spacing="16">
+            <TextBox
+                Width="560"
+                HorizontalAlignment="Left"
+                Header="Enter your first:"
+                IsSpellCheckEnabled="False"
+                PlaceholderText="First name"
+                Text="{x:Bind ViewModel.Form.FirstName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
+            <TextBox
+                Width="560"
+                HorizontalAlignment="Left"
+                Header="Enter your last name:"
+                IsSpellCheckEnabled="False"
+                PlaceholderText="Last name"
+                Text="{x:Bind ViewModel.Form.LastName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
+            <TextBox
+                Width="560"
+                HorizontalAlignment="Left"
+                Header="Enter your email address:"
+                IsSpellCheckEnabled="False"
+                PlaceholderText="Email"
+                Text="{x:Bind ViewModel.Form.Email, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
+
+            <Button Command="{x:Bind ViewModel.Form.SubmitCommand}" Content="Submit" />
+
+            <!--  Popups  -->
+            <Grid>
+                <muxc:InfoBar
+                    x:Name="SuccessInfoBar"
+                    Title="Success"
+                    Message="The form was filled in correctly."
+                    Severity="Success">
+                    <interactivity:Interaction.Behaviors>
+                        <interactions:EventTriggerBehavior EventName="FormSubmissionCompleted" SourceObject="{x:Bind ViewModel.Form}">
+                            <interactions:ChangePropertyAction
+                                PropertyName="IsOpen"
+                                TargetObject="{x:Bind SuccessInfoBar}"
+                                Value="True" />
+                            <interactions:ChangePropertyAction
+                                PropertyName="IsOpen"
+                                TargetObject="{x:Bind FailureInfoBar}"
+                                Value="False" />
+                        </interactions:EventTriggerBehavior>
+                    </interactivity:Interaction.Behaviors>
+                </muxc:InfoBar>
+                <muxc:InfoBar
+                    x:Name="FailureInfoBar"
+                    Title="Error"
+                    Message="The form was filled in with some errors."
+                    Severity="Error">
+                    <muxc:InfoBar.ActionButton>
+                        <Button Content="Show errors" Command="{x:Bind ViewModel.Form.ShowErrorsCommand}" />
+                    </muxc:InfoBar.ActionButton>
+                    <interactivity:Interaction.Behaviors>
+                        <interactions:EventTriggerBehavior EventName="FormSubmissionFailed" SourceObject="{x:Bind ViewModel.Form}">
+                            <interactions:ChangePropertyAction
+                                PropertyName="IsOpen"
+                                TargetObject="{x:Bind SuccessInfoBar}"
+                                Value="False" />
+                            <interactions:ChangePropertyAction
+                                PropertyName="IsOpen"
+                                TargetObject="{x:Bind FailureInfoBar}"
+                                Value="True" />
+                        </interactions:EventTriggerBehavior>
+                    </interactivity:Interaction.Behaviors>
+                </muxc:InfoBar>
+            </Grid>
         </StackPanel>
     </ScrollViewer>
 </Page>