Bindings para o ItemDialogModal

[lknknm]

Descrição

Conforme a estrutura do XAML/Code-behind, precisamos ajustar os bindings do ItemDialogModal para mostrar as informações de Description, Price e Image Source de cada item.

Mais detalhes

Conforme a implementação do ContentDialog na página FoodMenu.xaml, quando o usuário clica no botão da lista (ListView), ele é redirecionado para o Modal do item específico, presente na página ItemDialogModal.xaml com o seguinte código presente no FoodMenu.xaml.cs:

        private async void ToggleListTip(object sender, ItemClickEventArgs e)
        {
            ContentDialog dialog = new ContentDialog();
            var itemId = (e.ClickedItem as Product);

            // XamlRoot must be set in the case of a ContentDialog running in a Desktop app
            dialog.XamlRoot = this.XamlRoot;
            dialog.Style = Application.Current.Resources["DefaultContentDialogStyle"] as Style;
            dialog.Title = itemId.Name;
            dialog.PrimaryButtonText = "Adicionar";
            dialog.CloseButtonText = "Cancelar";
            dialog.DefaultButton = ContentDialogButton.Primary;
            dialog.Content = new ItemDialogModal(itemId);

            var result = await dialog.ShowAsync();
        }

Observe que o dialog.Title = itemId.Name; é o que faz o modal representar o título com o nome do alimento, mas para conseguirmos fazer com que a descrição, preço e imagem também sejam apresentados conforme as seleções correspondentes, precisamos realizar um Binding que irá da página FoodMenu.xaml para a página ItemDialogModal.xaml.

[lknknm]

O PullRequest #15 do @andavgc ajustou o ItemDialogModal para que mostre a Category e Price correspondentes. Agora só precisamos adicionar uma nova row no arquivo Json: ImageSource. Assim teremos o link para as imagens dos produtos e poderemos mostrá-las no ItemDialogModal.