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

@@ -54,10 +54,18 @@
                         Value="Center" />
             </Style>
             
-            <Style x:Key="CampaignAvailabilityButtonStyle" 
+            <Style x:Key="CampaignViewSiteButtonStyle" 
-                   TargetType="{x:Type Grid}">
+                   TargetType="{x:Type Button}">
+                <Setter Property="TextColor"
+                        Value="{StaticResource WhiteColor}" />
                 <Setter Property="BackgroundColor"
                         Value="{StaticResource LightGreenColor}" />
+            </Style>
+
+            <Style x:Key="CampaignAvailabilityBannerStyle" 
+                   TargetType="{x:Type Grid}">
+                <Setter Property="BackgroundColor"
+                        Value="{StaticResource GrayColor}" />
                 <Setter Property="Padding"
                         Value="12" />
                 <Setter Property="VerticalOptions"
@@ -69,44 +77,62 @@
             </Style>
         </ResourceDictionary>
     </ContentPage.Resources>
-    <Grid  
+    <Grid>
-        ColumnSpacing="0"
-        RowSpacing="0">
         <Grid.RowDefinitions>
+            <RowDefinition Height="Auto"/>
             <RowDefinition Height="*"/>
             <RowDefinition Height="60" />
         </Grid.RowDefinitions>
+        
+        <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="1" />
                             <RowDefinition Height="Auto" />
                             <RowDefinition Height="Auto" />
                             <RowDefinition Height="*" />
                         </Grid.RowDefinitions>
-                    <Grid 
-                        Grid.Row="0"
-                        BackgroundColor="Gray"/>
                         <Image
-                        Grid.Row="1"
+                        Grid.Row="0"
                         Source="{Binding Campaign.PictureUri, Converter={StaticResource ImageConverter}}"        
                         Style="{StaticResource CampaignImageStyle}"/>
                         <Label 
-                        Grid.Row="2"
+                        Grid.Row="1"
                         Text="{Binding Campaign.Name}"
                         Style="{StaticResource CampaignTitleStyle}"/>
                         <Label
-                        Grid.Row="3"
+                        Grid.Row="2"
                         Text="{Binding Campaign.Description}"
                         Style="{StaticResource CampaignDescriptionStyle}"/>
                     </Grid>
                 </StackLayout>
             </ScrollView>
+        </Grid>
         <Grid 
-            Grid.Row="1"           
+            Style="{StaticResource CampaignAvailabilityBannerStyle}"
-            Style="{StaticResource CampaignAvailabilityButtonStyle}">
+            Grid.Row="2">
             <Grid.RowDefinitions>
                 <RowDefinition Height="Auto" />
                 <RowDefinition Height="Auto" />
@@ -121,6 +147,18 @@
                 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
             Grid.Row="0"