Add DetailsUri property to CampaignItem and Add VIEW SITE button in campaign details when the DetailsUri exists

src/Mobile/eShopOnContainers/eShopOnContainers.Core/Models/Marketing/CampaignItem.cs

@@ -15,5 +15,7 @@
         public DateTime To { get; set; }
 
         public string PictureUri { get; set; }
+
+        public string DetailsUri { get; set; }
     }
 }

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

@@ -5,10 +5,13 @@
     using Models.Marketing;
     using Services.Marketing;
     using Base;
+    using System.Windows.Input;
+    using Xamarin.Forms;
 
     public class CampaignDetailsViewModel : ViewModelBase
     {
         private CampaignItem _campaign;
+        private bool _isDetailsSite;
         private readonly ICampaignService _campaignService;
 
         public CampaignDetailsViewModel(ICampaignService campaignService)
@@ -26,6 +29,16 @@
             }
         }
 
+        public bool IsDetailsSite
+        {
+            get => _isDetailsSite;
+            set
+            {
+                _isDetailsSite = value;
+                RaisePropertyChanged(() => IsDetailsSite);
+            }
+        }
+
         public override async Task InitializeAsync(object navigationData)
         {
             if (navigationData is int)
@@ -38,5 +51,12 @@
                 IsBusy = false;  
             }
         }
+
+        public ICommand EnableDetailsSiteCommand => new Command(EnableDetailsSite);
+
+        private void EnableDetailsSite()
+        {
+            IsDetailsSite = true;
+        }
     }
 }

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

@@ -3,7 +3,7 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="eShopOnContainers.Core.Views.CampaignDetailsView"
 			 xmlns:viewModelBase="clr-namespace:eShopOnContainers.Core.ViewModels.Base;assembly=eShopOnContainers.Core"
-             viewModelBase:ViewModelLocator.AutoWireViewModel="true"
+			 viewModelBase:ViewModelLocator.AutoWireViewModel="true"
              Title="Campaign Details">
     <ContentPage.Resources>
         <ResourceDictionary>
@@ -53,11 +53,19 @@
                 <Setter Property="VerticalOptions"
                         Value="Center" />
             </Style>
+            
+            <Style x:Key="CampaignViewSiteButtonStyle" 
+                   TargetType="{x:Type Button}">
+                <Setter Property="TextColor"
+                        Value="{StaticResource WhiteColor}" />
+                <Setter Property="BackgroundColor"
+                        Value="{StaticResource LightGreenColor}" />
+            </Style>
 
-            <Style x:Key="CampaignAvailabilityButtonStyle" 
+            <Style x:Key="CampaignAvailabilityBannerStyle" 
                    TargetType="{x:Type Grid}">
                 <Setter Property="BackgroundColor"
-                        Value="{StaticResource LightGreenColor}" />
+                        Value="{StaticResource GrayColor}" />
                 <Setter Property="Padding"
                         Value="12" />
                 <Setter Property="VerticalOptions"
@@ -69,44 +77,62 @@
             </Style>
         </ResourceDictionary>
     </ContentPage.Resources>
-    <Grid  
-        ColumnSpacing="0"
-        RowSpacing="0">
+    <Grid>
         <Grid.RowDefinitions>
-            <RowDefinition Height="*" />
+            <RowDefinition Height="Auto"/>
+            <RowDefinition Height="*"/>
             <RowDefinition Height="60" />
         </Grid.RowDefinitions>
-        <!-- CAMPAIGN DETAILS -->
-        <ScrollView>
-            <StackLayout>
-                <Grid>
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="1" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="*" />
-                    </Grid.RowDefinitions>
-                    <Grid 
+        
+        <StackLayout
+            HeightRequest="50"
+            Grid.Column="0"
+            Grid.Row="0"
+            IsVisible="{Binding Campaign.DetailsUri,
+                                                Converter={StaticResource StringNullOrEmptyBoolConverter}}">
+            <Button
+                BackgroundColor="{StaticResource LightGreenColor}"
+                Command="{Binding EnableDetailsSiteCommand}"
+                Text="VIEW SITE"
+                Style="{StaticResource CampaignViewSiteButtonStyle}">
+            </Button>
+        </StackLayout>
+        <Grid  
+        ColumnSpacing="0"
+        RowSpacing="0"
+        Grid.Row="1" >
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                
+            </Grid.RowDefinitions>
+            <!-- CAMPAIGN DETAILS -->
+            <ScrollView>
+                <StackLayout>
+                    <Grid>
+                        <Grid.RowDefinitions>
+                            <RowDefinition Height="Auto" />
+                            <RowDefinition Height="Auto" />
+                            <RowDefinition Height="*" />
+                        </Grid.RowDefinitions>
+                        <Image
                         Grid.Row="0"
-                        BackgroundColor="Gray"/>
-                    <Image
-                        Grid.Row="1"
                         Source="{Binding Campaign.PictureUri, Converter={StaticResource ImageConverter}}"        
                         Style="{StaticResource CampaignImageStyle}"/>
-                    <Label 
-                        Grid.Row="2"
+                        <Label 
+                        Grid.Row="1"
                         Text="{Binding Campaign.Name}"
                         Style="{StaticResource CampaignTitleStyle}"/>
-                    <Label
-                        Grid.Row="3"
+                        <Label
+                        Grid.Row="2"
                         Text="{Binding Campaign.Description}"
                         Style="{StaticResource CampaignDescriptionStyle}"/>
-                </Grid>
-            </StackLayout>
-        </ScrollView>
+                    </Grid>
+                </StackLayout>
+            </ScrollView>
+        </Grid>
         <Grid 
-            Grid.Row="1"           
-            Style="{StaticResource CampaignAvailabilityButtonStyle}">
+            Style="{StaticResource CampaignAvailabilityBannerStyle}"
+            Grid.Row="2">
             <Grid.RowDefinitions>
                 <RowDefinition Height="Auto" />
                 <RowDefinition Height="Auto" />
@@ -120,6 +146,18 @@
                 Text="{Binding Campaign.To, StringFormat='until {0:MMMM dd, yyyy}'}"
                 Style="{StaticResource CampaignAvailabilityDescriptionStyle}"/>
         </Grid>
+        
+        <AbsoluteLayout
+            Grid.Column="0"
+            Grid.Row="0"
+            Grid.RowSpan="3"
+            IsVisible="{Binding IsDetailsSite}">
+            <WebView   
+                Source="{Binding Campaign.DetailsUri}"
+                AbsoluteLayout.LayoutBounds="0, 0, 1, 1"
+                AbsoluteLayout.LayoutFlags="All">
+            </WebView>
+        </AbsoluteLayout>
 
         <!-- INDICATOR -->
         <ActivityIndicator