Updated mobile settings view

Author: Javier Suárez Ruiz

src/Mobile/eShopOnContainers/eShopOnContainers.Core/ViewModels/SettingsViewModel.cs

@@ -1,18 +1,41 @@
 using eShopOnContainers.ViewModels.Base;
 using System.Windows.Input;
 using Xamarin.Forms;
+using System.Threading.Tasks;
 
 namespace eShopOnContainers.Core.ViewModels
 {
     public class SettingsViewModel : ViewModelBase
     {
+        private string _title;
+        private string _description;
         private bool _useMockServices;
 
         public SettingsViewModel()
         {
             UseMockServices = ViewModelLocator.Instance.UseMockService;
         }
 
+        public string Title
+        {
+            get { return _title; }
+            set
+            {
+                _title = value;
+                RaisePropertyChanged(() => Title);
+            }
+        }
+
+        public string Description
+        {
+            get { return _description; }
+            set
+            {
+                _description = value;
+                RaisePropertyChanged(() => Description);
+            }
+        }
+
         public bool UseMockServices
         {
             get { return _useMockServices; }
@@ -28,6 +51,28 @@ public bool UseMockServices
         private void MockServices()
         {
             ViewModelLocator.Instance.UpdateServices(UseMockServices);
+            UpdateInfo();
+        }
+
+        public override Task InitializeAsync(object navigationData)
+        {
+            UpdateInfo();
+
+            return base.InitializeAsync(navigationData);
+        }
+
+        private void UpdateInfo()
+        {
+            if (!UseMockServices)
+            {
+                Title = "Use Mock Services";
+                Description = "Mock Services are simulated objects that mimic the behavior of real services in controlled ways";
+            }
+            else
+            {
+                Title = "Use Azure Services";
+                Description = "Azure Services are real objects that required a valid internet connection";
+            }
         }
     }
 }

src/Mobile/eShopOnContainers/eShopOnContainers.Core/Views/SettingsView.xaml

@@ -67,11 +67,11 @@
                         Grid.Column="0"                       
                         Grid.Row="1">
                         <Label 
-                            Text="Use Mock Services"
+                            Text="{Binding Title}"
                             TextColor="{StaticResource GreenColor}"
                             Style="{StaticResource SettingsTitleStyle}"/>
                         <Label
-                            Text="Mock Services are simulated objects that mimic the behavior of real services in controlled ways"
+                            Text="{Binding Description}"
                             Style="{StaticResource SettingsDescriptionStyle}"/>
                     </StackLayout>
                     <controls:ToggleButton