From 9c98656a52ee41499bd9f66c7941f717dd5f34a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20=C3=81ngel=20Barrera?= <mbarrera@plainconcepts.com>
Date: Thu, 9 Sep 2021 13:11:08 +0200
Subject: [PATCH] DisplayAlert

---
 .../Pages/EpisodesPage.xaml                   | 34 ++++++++++++-------
 .../ViewModels/CharactersViewModel.cs         |  6 ++--
 .../ViewModels/EpisodesViewModel.cs           |  6 ++--
 .../RickAndMortySample/Views/NavView.xaml     | 24 -------------
 .../RickAndMortySample/Views/NavView.xaml.cs  | 26 --------------
 5 files changed, 28 insertions(+), 68 deletions(-)
 delete mode 100644 RickAndMortySample/RickAndMortySample/Views/NavView.xaml
 delete mode 100644 RickAndMortySample/RickAndMortySample/Views/NavView.xaml.cs

diff --git a/RickAndMortySample/RickAndMortySample/Pages/EpisodesPage.xaml b/RickAndMortySample/RickAndMortySample/Pages/EpisodesPage.xaml
index 4855faf..8d6907e 100644
--- a/RickAndMortySample/RickAndMortySample/Pages/EpisodesPage.xaml
+++ b/RickAndMortySample/RickAndMortySample/Pages/EpisodesPage.xaml
@@ -10,19 +10,29 @@
             SelectedItem="{Binding SelectedEpisode}">
             <CollectionView.ItemTemplate>
                 <DataTemplate>
-                    <HorizontalStackLayout Spacing="8" Margin="4" Padding="8,0">
+                    <VerticalStackLayout 
+                        Spacing="4" 
+                        Margin="6" 
+                        Padding="8,0">
+                        <HorizontalStackLayout 
+                            Spacing="8" >
+                                <Label 
+                                    Text="{Binding episode}" 
+                                    TextColor="Black"
+                                    FontSize="18"
+                                    FontAttributes="Bold"/>
+                                <Label 
+                                    Text="{Binding Name}" 
+                                    TextColor="Black"
+                                    FontSize="18"
+                                    FontAttributes="Bold"/>
+                        </HorizontalStackLayout>
+
                         <Label 
-                        Text="{Binding episode}" 
-                        TextColor="Black"
-                        FontSize="18"
-                        FontAttributes="Bold"/>
-                        <Label 
-                        Text="{Binding Name}" 
-                        TextColor="Black"
-                        FontSize="18"
-                        FontAttributes="Bold"/>
-                    </HorizontalStackLayout>
-                    
+                            Text="{Binding Air_date}" 
+                            TextColor="Gray" 
+                            GridLayout.Row="1"/>
+                    </VerticalStackLayout>
                 </DataTemplate>
             </CollectionView.ItemTemplate>
         </CollectionView>
diff --git a/RickAndMortySample/RickAndMortySample/ViewModels/CharactersViewModel.cs b/RickAndMortySample/RickAndMortySample/ViewModels/CharactersViewModel.cs
index 70f1387..39707dd 100644
--- a/RickAndMortySample/RickAndMortySample/ViewModels/CharactersViewModel.cs
+++ b/RickAndMortySample/RickAndMortySample/ViewModels/CharactersViewModel.cs
@@ -32,7 +32,7 @@ public Character SelectedCharacter
             {
                 selectedCharacter = value;
                 OnPropertyChanged();
-                NavigateToCharacterDetail();
+                ShowAlert();
             }
         }
 
@@ -46,14 +46,14 @@ private async void FetchAsync()
             Characters = await rickAndMortyService.GetCharactersAsync();
         }
 
-        private async void NavigateToCharacterDetail()
+        private async void ShowAlert()
         {
             if (selectedCharacter == null)
             {
                 return;
             }
 
-            await App.Current.MainPage.DisplayAlert("Nice!!", $"You select {selectedCharacter.Name}", "Close");
+            await App.Current.MainPage.DisplayAlert("Nice!!", $"You tap {selectedCharacter.Name}", "Close");
 
             SelectedCharacter = null;
         }
diff --git a/RickAndMortySample/RickAndMortySample/ViewModels/EpisodesViewModel.cs b/RickAndMortySample/RickAndMortySample/ViewModels/EpisodesViewModel.cs
index 5b6471e..aade7b3 100644
--- a/RickAndMortySample/RickAndMortySample/ViewModels/EpisodesViewModel.cs
+++ b/RickAndMortySample/RickAndMortySample/ViewModels/EpisodesViewModel.cs
@@ -32,7 +32,7 @@ public Episode SelectedEpisode
             {
                 selectedEpisode = value;
                 OnPropertyChanged();
-                NavigateToEpisode();
+                ShowAlert();
             } 
         }
 
@@ -46,14 +46,14 @@ private async void FetchAsync()
             Episodes = await episodesService.GetEpisodesAsync();
         }
 
-        private void NavigateToEpisode()
+        private async void ShowAlert()
         {
             if (SelectedEpisode == null)
             {
                 return;
             }
 
-            //App.Current.MainPage.Navigation.PushAsync(new EpisodeDetailPage(selectedEpisode));
+            await App.Current.MainPage.DisplayAlert("Nice!!", $"You tap {selectedEpisode.episode} {selectedEpisode.Name}", "Close");
 
             SelectedEpisode = null;
         }
diff --git a/RickAndMortySample/RickAndMortySample/Views/NavView.xaml b/RickAndMortySample/RickAndMortySample/Views/NavView.xaml
deleted file mode 100644
index e503844..0000000
--- a/RickAndMortySample/RickAndMortySample/Views/NavView.xaml
+++ /dev/null
@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<FlexLayout 
-    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    x:Class="RickAndMortySample.Views.NavView"
-    BackgroundColor="Blue"
-    Direction="{OnIdiom Phone=Row, Default=Colum}"
-    JustifyContent="{OnIdiom Phone=Center, Default=Start}">
-
-    <FlexLayout.Resources>
-        <Style TargetType="ImageButton">
-            <Setter Property="BackgroundColor" Value="Transparent"/>
-            <Setter Property="Margin" Value="16,4" />
-        </Style>
-    </FlexLayout.Resources>
-
-    <ImageButton
-        x:Name="CharactersTab"
-        Clicked="ChatacterTab_Clicked"/>
-
-    <ImageButton
-        x:Name="EpisodesTab"
-        Clicked="EpisodesTab_Clicked"/>
-</FlexLayout>
\ No newline at end of file
diff --git a/RickAndMortySample/RickAndMortySample/Views/NavView.xaml.cs b/RickAndMortySample/RickAndMortySample/Views/NavView.xaml.cs
deleted file mode 100644
index f7e206b..0000000
--- a/RickAndMortySample/RickAndMortySample/Views/NavView.xaml.cs
+++ /dev/null
@@ -1,26 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace RickAndMortySample.Views
-{
-    public partial class NavView
-    {
-        public NavView()
-        {
-            InitializeComponent();
-        }
-
-        private void ChatacterTab_Clicked(object sender,EventArgs e)
-        {
-
-        }
-        
-        private void EpisodesTab_Clicked(object sender,EventArgs e)
-        {
-
-        }
-    }
-}
\ No newline at end of file