ayan.poddar/eShopOnContainers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Performant SettingViews on iOS

Browse Source
This commit is contained in:
David Britch 2018-06-11 12:28:28 +01:00
parent 33366ea4ca
commit 853492011f
2 changed files with 196 additions and 296 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

125
src/Mobile/eShopOnContainers/eShopOnContainers.Core/ViewModels/SettingsViewModel.cs
View File

@ -13,14 +13,8 @@ namespace eShopOnContainers.Core.ViewModels
{ {
public class SettingsViewModel : ViewModelBase public class SettingsViewModel : ViewModelBase
{ {
private string _titleUseAzureServices;
private string _descriptionUseAzureServices;
private bool _useAzureServices; private bool _useAzureServices;
private string _titleUseFakeLocation;
private string _descriptionUseFakeLocation;
private bool _allowGpsLocation; private bool _allowGpsLocation;
private string _titleAllowGpsLocation;
private string _descriptionAllowGpsLocation;
private bool _useFakeLocation; private bool _useFakeLocation;
private string _endpoint; private string _endpoint;
private double _latitude; private double _latitude;
@ -48,21 +42,16 @@ namespace eShopOnContainers.Core.ViewModels
public string TitleUseAzureServices public string TitleUseAzureServices
{ {
get => _titleUseAzureServices; get { return !UseAzureServices ? "Use Mock Services" : "Use Microservices/Containers from eShopOnContainers"; }
set
{
_titleUseAzureServices = value;
RaisePropertyChanged(() => TitleUseAzureServices);
}
} }
public string DescriptionUseAzureServices public string DescriptionUseAzureServices
{ {
get => _descriptionUseAzureServices; get
set
{ {
_descriptionUseAzureServices = value; return !UseAzureServices
RaisePropertyChanged(() => DescriptionUseAzureServices); ? "Mock Services are simulated objects that mimic the behavior of real services using a controlled approach."
: "When enabling the use of microservices/containers, the app will attempt to use real services deployed as Docker containers at the specified base endpoint, which will must be reachable through the network.";
} }
} }
@ -72,30 +61,23 @@ namespace eShopOnContainers.Core.ViewModels
set set
{ {
_useAzureServices = value; _useAzureServices = value;
UpdateUseAzureServices(); UpdateUseAzureServices();
RaisePropertyChanged(() => UseAzureServices); RaisePropertyChanged(() => UseAzureServices);
} }
} }
public string TitleUseFakeLocation public string TitleUseFakeLocation
{ {
get => _titleUseFakeLocation; get { return !UseFakeLocation ? "Use Real Location" : "Use Fake Location"; }
set
{
_titleUseFakeLocation = value;
RaisePropertyChanged(() => TitleUseFakeLocation);
}
} }
public string DescriptionUseFakeLocation public string DescriptionUseFakeLocation
{ {
get => _descriptionUseFakeLocation; get
set
{ {
_descriptionUseFakeLocation = value; return !UseFakeLocation
RaisePropertyChanged(() => DescriptionUseFakeLocation); ? "When enabling location, the app will attempt to use the location from the device."
: "Fake Location data is added for marketing campaign testing.";
} }
} }
@ -105,30 +87,23 @@ namespace eShopOnContainers.Core.ViewModels
set set
{ {
_useFakeLocation = value; _useFakeLocation = value;
UpdateFakeLocation(); UpdateFakeLocation();
RaisePropertyChanged(() => UseFakeLocation); RaisePropertyChanged(() => UseFakeLocation);
} }
} }
public string TitleAllowGpsLocation public string TitleAllowGpsLocation
{ {
get => _titleAllowGpsLocation; get { return !AllowGpsLocation ? "GPS Location Disabled" : "GPS Location Enabled"; }
set
{
_titleAllowGpsLocation = value;
RaisePropertyChanged(() => TitleAllowGpsLocation);
}
} }
public string DescriptionAllowGpsLocation public string DescriptionAllowGpsLocation
{ {
get => _descriptionAllowGpsLocation; get
set
{ {
_descriptionAllowGpsLocation = value; return !AllowGpsLocation
RaisePropertyChanged(() => DescriptionAllowGpsLocation); ? "When disabling location, you won't receive location campaigns based upon your location."
: "When enabling location, you'll receive location campaigns based upon your location.";
} }
} }
@ -148,12 +123,10 @@ namespace eShopOnContainers.Core.ViewModels
set set
{ {
_endpoint = value; _endpoint = value;
if (!string.IsNullOrEmpty(_endpoint)) if (!string.IsNullOrEmpty(_endpoint))
{ {
UpdateEndpoint(); UpdateEndpoint();
} }
RaisePropertyChanged(() => Endpoint); RaisePropertyChanged(() => Endpoint);
} }
} }
@ -164,9 +137,7 @@ namespace eShopOnContainers.Core.ViewModels
set set
{ {
_latitude = value; _latitude = value;
UpdateLatitude(); UpdateLatitude();
RaisePropertyChanged(() => Latitude); RaisePropertyChanged(() => Latitude);
} }
} }
@ -177,9 +148,7 @@ namespace eShopOnContainers.Core.ViewModels
set set
{ {
_longitude = value; _longitude = value;
UpdateLongitude(); UpdateLongitude();
RaisePropertyChanged(() => Longitude); RaisePropertyChanged(() => Longitude);
} }
} }
@ -190,9 +159,7 @@ namespace eShopOnContainers.Core.ViewModels
set set
{ {
_allowGpsLocation = value; _allowGpsLocation = value;
UpdateAllowGpsLocation(); UpdateAllowGpsLocation();
RaisePropertyChanged(() => AllowGpsLocation); RaisePropertyChanged(() => AllowGpsLocation);
} }
} }
@ -207,19 +174,11 @@ namespace eShopOnContainers.Core.ViewModels
public ICommand ToggleAllowGpsLocationCommand => new Command(ToggleAllowGpsLocation); public ICommand ToggleAllowGpsLocationCommand => new Command(ToggleAllowGpsLocation);
public override Task InitializeAsync(object navigationData)
{
UpdateInfoUseAzureServices();
UpdateInfoFakeLocation();
UpdateInfoAllowGpsLocation();
return base.InitializeAsync(navigationData);
}
private async Task ToggleMockServicesAsync() private async Task ToggleMockServicesAsync()
{ {
ViewModelLocator.UpdateDependencies(!UseAzureServices); ViewModelLocator.UpdateDependencies(!UseAzureServices);
UpdateInfoUseAzureServices(); RaisePropertyChanged(() => TitleUseAzureServices);
RaisePropertyChanged(() => DescriptionUseAzureServices);
var previousPageViewModel = NavigationService.PreviousPageViewModel; var previousPageViewModel = NavigationService.PreviousPageViewModel;
if (previousPageViewModel != null) if (previousPageViewModel != null)
@ -243,7 +202,8 @@ namespace eShopOnContainers.Core.ViewModels
private void ToggleFakeLocationAsync() private void ToggleFakeLocationAsync()
{ {
ViewModelLocator.UpdateDependencies(!UseAzureServices); ViewModelLocator.UpdateDependencies(!UseAzureServices);
UpdateInfoFakeLocation(); RaisePropertyChanged(() => TitleUseFakeLocation);
RaisePropertyChanged(() => DescriptionUseFakeLocation);
} }
private async Task ToggleSendLocationAsync() private async Task ToggleSendLocationAsync()
@ -263,51 +223,8 @@ namespace eShopOnContainers.Core.ViewModels
private void ToggleAllowGpsLocation() private void ToggleAllowGpsLocation()
{ {
UpdateInfoAllowGpsLocation(); RaisePropertyChanged(() => TitleAllowGpsLocation);
} RaisePropertyChanged(() => DescriptionAllowGpsLocation);
private void UpdateInfoUseAzureServices()
{
if (!UseAzureServices)
{
TitleUseAzureServices = "Use Mock Services";
DescriptionUseAzureServices = "Mock Services are simulated objects that mimic the behavior of real services using a controlled approach.";
}
else
{
TitleUseAzureServices = "Use Microservices/Containers from eShopOnContainers";
DescriptionUseAzureServices = "When enabling the use of microservices/containers, the app will attempt to use real services deployed as Docker containers at the specified base endpoint, which will must be reachable through the network.";
}
}
private void UpdateInfoFakeLocation()
{
if (!UseFakeLocation)
{
TitleUseFakeLocation = "Use Real Location";
DescriptionUseFakeLocation = "When enabling location, the app will attempt to use the location from the device.";
}
else
{
TitleUseFakeLocation = "Use Fake Location";
DescriptionUseFakeLocation = "Fake Location data is added for marketing campaign testing.";
}
}
private void UpdateInfoAllowGpsLocation()
{
if (!AllowGpsLocation)
{
TitleAllowGpsLocation = "GPS Location Disabled";
DescriptionAllowGpsLocation = "When disabling location, you won't receive location campaigns based upon your location.";
}
else
{
TitleAllowGpsLocation = "GPS Location Enabled";
DescriptionAllowGpsLocation = "When enabling location, you'll receive location campaigns based upon your location.";
}
} }
private void UpdateUseAzureServices() private void UpdateUseAzureServices()

33
src/Mobile/eShopOnContainers/eShopOnContainers.Core/Views/SettingsView.xaml
View File

@ -116,19 +116,14 @@
Animation="{StaticResource MockServicesAnimation}" /> Animation="{StaticResource MockServicesAnimation}" />
</EventTrigger> </EventTrigger>
</ContentPage.Triggers> </ContentPage.Triggers>
<Grid
BackgroundColor="{StaticResource BackgroundColor}">
<!-- SETTINGS --> <!-- SETTINGS -->
<ScrollView> <Grid x:Name="MockServices" BackgroundColor="{StaticResource BackgroundColor}">
<StackLayout
x:Name="MockServices">
<Grid>
<Grid.ColumnDefinitions> <Grid.ColumnDefinitions>
<ColumnDefinition Width="*" /> <ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" /> <ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<Grid.RowDefinitions> <Grid.RowDefinitions>
<RowDefinition Height="1" />
<RowDefinition Height="Auto" /> <RowDefinition Height="Auto" />
<RowDefinition Height="Auto" /> <RowDefinition Height="Auto" />
<RowDefinition Height="Auto" /> <RowDefinition Height="Auto" />
@ -137,8 +132,6 @@
</Grid.RowDefinitions> </Grid.RowDefinitions>
<!-- MOCK SERVICES --> <!-- MOCK SERVICES -->
<StackLayout <StackLayout
Grid.Column="0"
Grid.Row="1"
Style="{StaticResource SettingsStackLayoutStyle}"> Style="{StaticResource SettingsStackLayoutStyle}">
<Label <Label
Text="{Binding TitleUseAzureServices}" Text="{Binding TitleUseAzureServices}"
@ -150,7 +143,6 @@
<!-- ON / OFF --> <!-- ON / OFF -->
<controls:ToggleButton <controls:ToggleButton
Grid.Column="1" Grid.Column="1"
Grid.Row="1"
Checked="{Binding UseAzureServices, Mode=TwoWay}" Checked="{Binding UseAzureServices, Mode=TwoWay}"
Command="{Binding ToggleMockServicesCommand}" Command="{Binding ToggleMockServicesCommand}"
Style="{StaticResource SettingsToggleButtonStyle}"> Style="{StaticResource SettingsToggleButtonStyle}">
@ -171,8 +163,7 @@
</controls:ToggleButton> </controls:ToggleButton>
<!-- ENDPOINT --> <!-- ENDPOINT -->
<StackLayout <StackLayout
Grid.Row="2" Grid.Row="1"
Grid.Column="0"
Grid.ColumnSpan="2" Grid.ColumnSpan="2"
Style="{StaticResource SettingsStackLayoutStyle}" Style="{StaticResource SettingsStackLayoutStyle}"
IsVisible="{Binding UseAzureServices}"> IsVisible="{Binding UseAzureServices}">
@ -189,11 +180,9 @@
</Entry.Style> </Entry.Style>
</Entry> </Entry>
</StackLayout> </StackLayout>
<!-- USE LOCATIONS --> <!-- USE LOCATIONS -->
<StackLayout <StackLayout
Grid.Column="0" Grid.Row="2"
Grid.Row="3"
IsVisible="{Binding UserIsLogged}" IsVisible="{Binding UserIsLogged}"
Style="{StaticResource SettingsStackLayoutStyle}"> Style="{StaticResource SettingsStackLayoutStyle}">
<Label <Label
@ -206,7 +195,7 @@
<!-- ON / OFF --> <!-- ON / OFF -->
<controls:ToggleButton <controls:ToggleButton
Grid.Column="1" Grid.Column="1"
Grid.Row="3" Grid.Row="2"
Checked="{Binding UseFakeLocation, Mode=TwoWay}" Checked="{Binding UseFakeLocation, Mode=TwoWay}"
Command="{Binding ToggleFakeLocationCommand}" Command="{Binding ToggleFakeLocationCommand}"
Style="{StaticResource SettingsToggleButtonStyle}" Style="{StaticResource SettingsToggleButtonStyle}"
@ -228,8 +217,7 @@
</controls:ToggleButton> </controls:ToggleButton>
<!-- FAKE LOCATIONS --> <!-- FAKE LOCATIONS -->
<StackLayout <StackLayout
Grid.Row="4" Grid.Row="3"
Grid.Column="0"
Grid.ColumnSpan="2" Grid.ColumnSpan="2"
Style="{StaticResource SettingsStackLayoutStyle}" Style="{StaticResource SettingsStackLayoutStyle}"
IsVisible="{Binding UseFakeLocation}"> IsVisible="{Binding UseFakeLocation}">
@ -265,13 +253,11 @@
</StackLayout> </StackLayout>
<!-- ALLOW GPS LOCATION --> <!-- ALLOW GPS LOCATION -->
<StackLayout <StackLayout
Grid.Column="0" Grid.Row="4"
Grid.Row="5"
Style="{StaticResource SettingsStackLayoutStyle}" Style="{StaticResource SettingsStackLayoutStyle}"
IsVisible="{Binding UseFakeLocation, Converter={StaticResource InverseBoolConverter}}"> IsVisible="{Binding UseFakeLocation, Converter={StaticResource InverseBoolConverter}}">
<Label <Label
Text="{Binding TitleAllowGpsLocation}" Text="{Binding TitleAllowGpsLocation}"
Style="{StaticResource SettingsTitleStyle}"/> Style="{StaticResource SettingsTitleStyle}"/>
<Label <Label
Text="{Binding DescriptionAllowGpsLocation}" Text="{Binding DescriptionAllowGpsLocation}"
@ -283,7 +269,7 @@
<!-- ON / OFF --> <!-- ON / OFF -->
<controls:ToggleButton <controls:ToggleButton
Grid.Column="1" Grid.Column="1"
Grid.Row="5" Grid.Row="4"
Checked="{Binding AllowGpsLocation, Mode=TwoWay}" Checked="{Binding AllowGpsLocation, Mode=TwoWay}"
Command="{Binding ToggleAllowGpsLocationCommand}" Command="{Binding ToggleAllowGpsLocationCommand}"
Style="{StaticResource SettingsToggleButtonStyle}" Style="{StaticResource SettingsToggleButtonStyle}"
@ -304,7 +290,4 @@
</controls:ToggleButton.UnCheckedImage> </controls:ToggleButton.UnCheckedImage>
</controls:ToggleButton> </controls:ToggleButton>
</Grid> </Grid>
</StackLayout>
</ScrollView>
</Grid>
</ContentPage> </ContentPage>