Untitled

From Tinct Panda, 3 Years ago, written in XML.

Embed

Download Paste or View Raw
Hits: 175

<UserControl x:Class="IceCreamKiosk.Controls.IceCreamDetailsControl"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:local="clr-namespace:IceCreamKiosk.Controls"

xmlns:converters="clr-namespace:IceCreamKiosk.Converters"

xmlns:m="clr-namespace:Microsoft.Maps.MapControl.WPF;assembly=Microsoft.Maps.MapControl.WPF"

xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

DataContext="{Binding Source={StaticResource Locator}, Path=IceCreamDetails}"

mc:Ignorable="d"

d:DesignHeight="5480" d:DesignWidth="1100">

<Grid>

<materialDesign:DialogHost BorderBrush="{DynamicResource MaterialDesignDivider}">

<materialDesign:DialogHost.DialogContent >

<Grid HorizontalAlignment="Center">

<StackPanel Margin="15">

<Image Grid.Column="0" Width="150" Height="150" Margin="2" Source="{Binding QrImage}"></Image>

<TextBlock Foreground="Gray" Width="200" Margin="15 5" HorizontalAlignment="Center" TextWrapping="Wrap">

scan to your phone

</TextBlock>

<Button Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}" Style="{DynamicResource MaterialDesignFlatButton}" Margin="4" VerticalAlignment="Center">

accept

</Button>

</StackPanel>

</Grid>

</materialDesign:DialogHost.DialogContent>

<Grid>

<Grid.Resources>

<converters:SocailMediaUrlToIconConverter x:Key="SocailMediaUrlToIcon"/>

</Grid.Resources>

<Grid.ColumnDefinitions>

<ColumnDefinition/>

<ColumnDefinition/>

</Grid.ColumnDefinitions>

<materialDesign:TransitioningContent Margin=" 0 0 30 0" OpeningEffect="{materialDesign:TransitionEffect SlideInFromLeft, Duration=0:0:1.2}">

<StackPanel>

<GroupBox Header="Ice cream details" Grid.Column="1" Height="300" Width="420" Style="{DynamicResource MaterialDesignCardGroupBox}">

<GroupBox.HeaderTemplate>

<DataTemplate>

<DockPanel LastChildFill="False" >

<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" DockPanel.Dock="Left" Margin="0,0,10,0" VerticalAlignment="Center" FontWeight="Bold" Text="{Binding}" />

<materialDesign:PackIcon DockPanel.Dock="Right" Kind="IceCream" Height="32" Width="32" VerticalAlignment="Center" />

</DockPanel>

</DataTemplate>

</GroupBox.HeaderTemplate>

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition/>

<ColumnDefinition Width="auto"/>

</Grid.ColumnDefinitions>

<DockPanel>

<TextBlock TextWrapping="Wrap" DockPanel.Dock="Top" Style="{StaticResource MaterialDesignTitleTextBlock}"

Text="{Binding IceCream.Description}" VerticalAlignment="Top"/>

</DockPanel>

<StackPanel Grid.Column="1">

<Image Height="180" Width="180" Margin="5" Stretch="UniformToFill" ToolTip="{Binding IceCream.Name}" >

<Image.Source>

<Binding Path="IceCream.Image" >

<Binding.TargetNullValue>

<ImageSource>pack://application:,,,/Assets/no-image-icon.png</ImageSource>

</Binding.TargetNullValue>

</Binding>

</Image.Source>

</Image>

<materialDesign:Badged HorizontalAlignment="Center" Margin="0 10 0 0" Badge="{materialDesign:PackIcon STAR}" BadgeColorZoneMode="Light" >

<Button Content="RATE ME" Style="{StaticResource MaterialDesignRaisedAccentButton}" BorderBrush="Gold" Background="Gold" Command="{Binding RateCommand}"/>

</materialDesign:Badged>

</StackPanel>

</Grid>

</GroupBox>

<Expander x:Name="NutriExpender" HorizontalAlignment="Stretch" IsExpanded="False" >

<Expander.Style>

<Style TargetType="{x:Type Expander}" BasedOn="{StaticResource MaterialDesignExpander}">

<Style.Triggers>

<DataTrigger Binding="{Binding ElementName=ReviewExpender, Path=IsExpanded}" Value="True">

<Setter Property="IsExpanded" Value="False"/>

</DataTrigger>

</Style.Triggers>

</Style>

</Expander.Style>

<Expander.Header >

<DockPanel LastChildFill="False">

<TextBlock DockPanel.Dock="Right" VerticalAlignment="Center" Style="{StaticResource MaterialDesignSubheadingTextBlock}" Text="Nutrients per 100g" />

<materialDesign:PackIcon DockPanel.Dock="Left" Kind="TagTextOutline" Height="32" Width="32" VerticalAlignment="Center" />

</DockPanel>

</Expander.Header>

<ScrollViewer MaxHeight="120">

<StackPanel Width="300">

<DockPanel Margin="0 10" LastChildFill="False">

<TextBlock DockPanel.Dock="Left" Text="Energy"/>

<TextBlock DockPanel.Dock="Right" Text="kcal"/>

<TextBlock DockPanel.Dock="Right" Margin="5 0" Text="{Binding IceCream.Nutrients.Energy}"/>

</DockPanel>

<DockPanel Margin="0 10" LastChildFill="False">

<TextBlock DockPanel.Dock="Left" Text="Carbohydrate"/>

<TextBlock DockPanel.Dock="Right" Text="g"/>

<TextBlock Margin="5 0" DockPanel.Dock="Right" Text="{Binding IceCream.Nutrients.Carbohydrate}"/>

</DockPanel>

<DockPanel Margin="0 10" LastChildFill="False">

<TextBlock DockPanel.Dock="Left" Text="TotalFat"/>

<TextBlock DockPanel.Dock="Right" Text="g"/>

<TextBlock DockPanel.Dock="Right" Margin="5 0" Text="{Binding IceCream.Nutrients.TotalFat}"/>

</DockPanel>

<DockPanel Margin="0 10" LastChildFill="False">

<TextBlock DockPanel.Dock="Left" Text="Cholesterol"/>

<TextBlock DockPanel.Dock="Right" Text="mg"/>

<TextBlock DockPanel.Dock="Right" Margin="5 0" Text="{Binding IceCream.Nutrients.Cholesterol}"/>

</DockPanel>

<DockPanel Margin="0 10" LastChildFill="False">

<TextBlock DockPanel.Dock="Left" Text="Sugars"/>

<TextBlock DockPanel.Dock="Right" Text="g"/>

<TextBlock DockPanel.Dock="Right" Margin="5 0" Text="{Binding IceCream.Nutrients.Sugars}"/>

</DockPanel>

<DockPanel Margin="0 10" LastChildFill="False">

<TextBlock DockPanel.Dock="Left" Text="Protein"/>

<TextBlock DockPanel.Dock="Right" Text="g"/>

<TextBlock DockPanel.Dock="Right" Margin="5 0" Text="{Binding IceCream.Nutrients.Protein}"/>

</DockPanel>

<DockPanel Margin="0 10" LastChildFill="False">

<TextBlock DockPanel.Dock="Left" Text="Fiber"/>

<TextBlock DockPanel.Dock="Right" Text="g"/>

<TextBlock DockPanel.Dock="Right" Margin="5 0" Text="{Binding IceCream.Nutrients.Fiber}"/>

</DockPanel>

</StackPanel>

</ScrollViewer>

</Expander>

<Expander x:Name="ReviewExpender" IsExpanded="False" HorizontalAlignment="Stretch" >

<Expander.Style>

<Style TargetType="{x:Type Expander}" BasedOn="{StaticResource MaterialDesignExpander}">

<Style.Triggers>

<DataTrigger Binding="{Binding ElementName=NutriExpender, Path=IsExpanded}" Value="False">

<Setter Property="IsExpanded" Value="True"/>

</DataTrigger>

</Style.Triggers>

</Style>

</Expander.Style>

<Expander.Header>

<DockPanel LastChildFill="False" >

<TextBlock DockPanel.Dock="Right" VerticalAlignment="Center" Style="{StaticResource MaterialDesignSubheadingTextBlock}" Text="Reviews" />

<materialDesign:RatingBar Foreground="#fdd835" Background="#fdd835" Value="{Binding IceCream.Rate}" IsReadOnly="True" x:Name="ReadOnlyRatingBar" />

<TextBlock DockPanel.Dock="Left" Text="{Binding IceCream.Rate, StringFormat=N2}" Margin="10 0 0 0" VerticalAlignment="Center" />

</DockPanel>

</Expander.Header>

<ScrollViewer MaxHeight="150">

<ListBox Focusable="False" ItemsSource="{Binding IceCream.Reviews}" >

<ListBox.ItemTemplate>

<DataTemplate>

<materialDesign:Card Height="90" Margin="5" Padding="4"

materialDesign:ShadowAssist.ShadowDepth="Depth1" Background="#FFC3FFC3" >

<StackPanel Orientation="Horizontal">

<materialDesign:RatingBar Foreground="#fdd835" Value="{Binding Rate}" IsReadOnly="True" x:Name="ReadOnlyRatingBar" />

<TextBlock TextWrapping="Wrap" Margin="20 10" Text="{Binding Message, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" TextAlignment="Center"/>

<Image Margin="2" Grid.Column="2" Source="{Binding Image}" Height="45" Width="45"/>

</StackPanel>

</materialDesign:Card>

</DataTemplate>

</ListBox.ItemTemplate>

</ListBox>

</ScrollViewer>

</Expander>

</StackPanel>

</materialDesign:TransitioningContent>

<materialDesign:TransitioningContent Margin="80 0 20 0" Grid.Column="1" OpeningEffect="{materialDesign:TransitionEffect SlideInFromRight, Duration=0:0:1.2}">

<materialDesign:Card MaxWidth="600" >

<GroupBox Height="600" VerticalAlignment="Top" Grid.Column="1" Header="{Binding IceCream.Shop.Name}" Style="{DynamicResource MaterialDesignGroupBox}">

<GroupBox.HeaderTemplate>

<DataTemplate>

<DockPanel LastChildFill="False" >

<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" DockPanel.Dock="Left" Margin="0" VerticalAlignment="Center" FontWeight="Bold" Text="{Binding}" />

<materialDesign:PackIcon DockPanel.Dock="Right" Kind="Store" Height="32" Width="32" VerticalAlignment="Center" />

</DockPanel>

</DataTemplate>

</GroupBox.HeaderTemplate>

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="auto"/>

<RowDefinition Height="auto"/>

</Grid.RowDefinitions>

<Grid >

<Grid.ColumnDefinitions>

<ColumnDefinition/>

<ColumnDefinition/>

</Grid.ColumnDefinitions>

<Image Grid.Column="1" Margin="2" Height="180" >

<Image.Source>

<Binding Path="IceCream.Shop.Image" >

<Binding.TargetNullValue>

<ImageSource >pack://application:,,,/Assets/no-image-icon.png</ImageSource>

</Binding.TargetNullValue>

</Binding>

</Image.Source>

</Image>

<StackPanel Grid.Column="0" Margin="5" >

<StackPanel Margin="0 7" VerticalAlignment="Center" Orientation="Horizontal" >

<materialDesign:PackIcon VerticalAlignment="Center" Kind="PhoneClassic" />

<TextBlock Style="{StaticResource MaterialDesignSubheadingTextBlock}" Margin="5 0 5 0" Text="{Binding IceCream.Shop.PhoneNumber}"/>

</StackPanel>

<StackPanel Margin="0 7" VerticalAlignment="Center" Orientation="Horizontal" >

<materialDesign:PackIcon VerticalAlignment="Center" Kind="HouseMapMarker" />

<TextBlock x:Name="shopAddress" Style="{StaticResource MaterialDesignSubheadingTextBlock}" Margin="5 0 5 0" Text="{Binding IceCream.Shop.Address}"/>

</StackPanel>

<StackPanel Margin="0 7" VerticalAlignment="Center" Orientation="Horizontal" Hyperlink.Click="WebSiteLink_Click" >

<Button Height="24" Width="24" Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}" ToolTip="Website">

<materialDesign:PackIcon Kind="Web" />

</Button>

<TextBlock Style="{StaticResource MaterialDesignSubheadingTextBlock}" Margin="5 0 5 0" Text="{Binding IceCream.Shop.WebSiteLink}" />

</StackPanel>

<StackPanel Margin="0 7" VerticalAlignment="Center" Orientation="Horizontal" Hyperlink.Click="socialwebLink_Click" >

<Button Height="24" Width="24" Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}" ToolTip="MaterialDesignFloatingActionMiniAccentButton">

<materialDesign:PackIcon VerticalAlignment="Center" Kind="{Binding IceCream.Shop.SocialMediaLink, Converter={StaticResource SocailMediaUrlToIcon}}" />

</Button>

<TextBlock x:Name="SocailMediaLink" Style="{StaticResource MaterialDesignSubheadingTextBlock}" Margin="5 0 5 0" Text="{Binding IceCream.Shop.SocialMediaLink}" />

</StackPanel>

<StackPanel Margin="0 7" VerticalAlignment="Center" Orientation="Horizontal" >

<Button Margin="30 0" Height="30" Width="30" x:Name="wazeButton" Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}" ToolTip="WAZE" Click="wazeButton_Click">

<Image Source="waze.png" />

</Button>

<Button Height="30" Width="30" Command="{x:Static materialDesign:DialogHost.OpenDialogCommand}" Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}" ToolTip="RQ Map" >

<materialDesign:PackIcon VerticalAlignment="Center" Kind="QrcodeScan" />

</Button>

</StackPanel>

</StackPanel>

</Grid>

<Grid Grid.Row="1">

<m:Map x:Name="Map" Margin="0 2 0 0" Height="300" ZoomLevel="16" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"

CredentialsProvider="{Binding BingMapsKey}" ScaleVisibility="Collapsed" >

<m:Map.Resources>

<Style TargetType="m:Pushpin" x:Key="LabelPushpinStyle">

<Setter Property="OverridesDefaultStyle" Value="true" />

<Setter Property="PositionOrigin" Value="Center" />

<Setter Property="Background" Value="Transparent" />

<Setter Property="BorderBrush" Value="Transparent" />

<Setter Property="BorderThickness" Value="0" />

</Style>

</m:Map.Resources>

<m:MapItemsControl ItemsSource="{Binding Route , Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />

<m:MapItemsControl ItemsSource="{Binding Locations}">

<m:MapItemsControl.ItemTemplate>

<DataTemplate>

<m:Pushpin Location="{Binding BingLocation }" Content="{Binding Address}" Style="{StaticResource LabelPushpinStyle}">

<m:Pushpin.Template>

<ControlTemplate >

<Canvas >

<Border Canvas.Left="30" Canvas.Top="-20" Width="100" Height="52"

Background="WhiteSmoke" Opacity="1" >

<Border.Effect>

<DropShadowEffect Color="LightGray" />

</Border.Effect>

<StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">

<TextBlock Margin="4 0" Text="{Binding Name}" FontSize="12" />

<TextBlock Margin="4 0" TextWrapping="Wrap" Text="{Binding Address}" FontSize="12" />

</StackPanel>

</Border>

<Path Data="M0,0 30,-12 30,-20 130,-20 130,32 30,32 30,-20" StrokeThickness="2" Stroke="DimGray" />

<Ellipse Canvas.Top="-4" Canvas.Left="-4" Width="8" Height="8" Fill="DarkOrange" Stroke="DimGray" />

</Canvas>

</ControlTemplate>

</m:Pushpin.Template>

</m:Pushpin>

</DataTemplate>

</m:MapItemsControl.ItemTemplate>

</m:MapItemsControl>

</m:Map>

<DockPanel LastChildFill="False" HorizontalAlignment="Stretch">

<StackPanel DockPanel.Dock="Left" Margin="0 2 0 0" Background="#bbdefb" VerticalAlignment="Top" HorizontalAlignment="Left" Orientation="Horizontal" >

<RadioButton Command="{Binding FindWalkRoute}" Style="{StaticResource MaterialDesignTabRadioButton}" Margin="4" IsChecked="True">

<materialDesign:PackIcon Kind="Walk" />

</RadioButton>

<RadioButton Command="{Binding FindCarRoute}" Style="{StaticResource MaterialDesignTabRadioButton}" Margin="4" IsChecked="False" >

<materialDesign:PackIcon Kind="CarBack" />

</RadioButton>

</StackPanel>

</DockPanel>

</Grid>

</Grid>

</GroupBox>

</materialDesign:Card>

</materialDesign:TransitioningContent>

<Button Grid.Row="1" Command="{x:Static materialDesign:Transitioner.MovePreviousCommand}"

HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="-200 0 0 0" Style="{StaticResource MaterialDesignFloatingActionLightButton}">

<materialDesign:PackIcon Kind="StepBackward" Height="24" Width="24" />

</Button>



</Grid>

</materialDesign:DialogHost>

</Grid>

</UserControl>

Author

Title

Language

Your paste - Paste your paste here

&lt;UserControl  x:Class=&quot;IceCreamKiosk.Controls.IceCreamDetailsControl&quot;
             xmlns=&quot;http://schemas.microsoft.com/winfx/2006/xaml/presentation&quot;
             xmlns:x=&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot;
             xmlns:mc=&quot;http://schemas.openxmlformats.org/markup-compatibility/2006&quot; 
             xmlns:d=&quot;http://schemas.microsoft.com/expression/blend/2008&quot; 
             xmlns:local=&quot;clr-namespace:IceCreamKiosk.Controls&quot;
             xmlns:converters=&quot;clr-namespace:IceCreamKiosk.Converters&quot;
        xmlns:m=&quot;clr-namespace:Microsoft.Maps.MapControl.WPF;assembly=Microsoft.Maps.MapControl.WPF&quot; 
             xmlns:materialDesign=&quot;http://materialdesigninxaml.net/winfx/xaml/themes&quot;
    DataContext=&quot;{Binding Source={StaticResource Locator}, Path=IceCreamDetails}&quot;
    mc:Ignorable=&quot;d&quot; 
             d:DesignHeight=&quot;5480&quot; d:DesignWidth=&quot;1100&quot;&gt;
    &lt;Grid&gt;
        &lt;materialDesign:DialogHost BorderBrush=&quot;{DynamicResource MaterialDesignDivider}&quot;&gt;
            &lt;materialDesign:DialogHost.DialogContent &gt;
                &lt;Grid  HorizontalAlignment=&quot;Center&quot;&gt;
                    &lt;StackPanel  Margin=&quot;15&quot;&gt;
                        &lt;Image Grid.Column=&quot;0&quot; Width=&quot;150&quot; Height=&quot;150&quot; Margin=&quot;2&quot; Source=&quot;{Binding QrImage}&quot;&gt;&lt;/Image&gt;
                        &lt;TextBlock Foreground=&quot;Gray&quot; Width=&quot;200&quot; Margin=&quot;15 5&quot; HorizontalAlignment=&quot;Center&quot; TextWrapping=&quot;Wrap&quot;&gt;
                          scan to your phone
                        &lt;/TextBlock&gt;
                        &lt;Button Command=&quot;{x:Static materialDesign:DialogHost.CloseDialogCommand}&quot; Style=&quot;{DynamicResource MaterialDesignFlatButton}&quot; Margin=&quot;4&quot; VerticalAlignment=&quot;Center&quot;&gt;
                            accept
                        &lt;/Button&gt;
                    &lt;/StackPanel&gt;
                &lt;/Grid&gt;
            &lt;/materialDesign:DialogHost.DialogContent&gt;
            &lt;Grid&gt;
                &lt;Grid.Resources&gt;
                    &lt;converters:SocailMediaUrlToIconConverter x:Key=&quot;SocailMediaUrlToIcon&quot;/&gt;
                &lt;/Grid.Resources&gt;
                &lt;Grid.ColumnDefinitions&gt;
                    &lt;ColumnDefinition/&gt;
                    &lt;ColumnDefinition/&gt;
                &lt;/Grid.ColumnDefinitions&gt;
                &lt;materialDesign:TransitioningContent Margin=&quot; 0 0 30 0&quot;  OpeningEffect=&quot;{materialDesign:TransitionEffect SlideInFromLeft, Duration=0:0:1.2}&quot;&gt;

&lt;StackPanel&gt;
                            &lt;GroupBox Header=&quot;Ice cream details&quot; Grid.Column=&quot;1&quot; Height=&quot;300&quot; Width=&quot;420&quot; Style=&quot;{DynamicResource MaterialDesignCardGroupBox}&quot;&gt;
                                &lt;GroupBox.HeaderTemplate&gt;
                                    &lt;DataTemplate&gt;
                                        &lt;DockPanel LastChildFill=&quot;False&quot; &gt;
                                            &lt;TextBlock Style=&quot;{StaticResource MaterialDesignHeadlineTextBlock}&quot; DockPanel.Dock=&quot;Left&quot; Margin=&quot;0,0,10,0&quot; VerticalAlignment=&quot;Center&quot; FontWeight=&quot;Bold&quot; Text=&quot;{Binding}&quot; /&gt;
                                            &lt;materialDesign:PackIcon DockPanel.Dock=&quot;Right&quot; Kind=&quot;IceCream&quot; Height=&quot;32&quot;  Width=&quot;32&quot;  VerticalAlignment=&quot;Center&quot; /&gt;
                                        &lt;/DockPanel&gt;
                                    &lt;/DataTemplate&gt;
                                &lt;/GroupBox.HeaderTemplate&gt;
                                &lt;Grid&gt;
                                    &lt;Grid.ColumnDefinitions&gt;
                                        &lt;ColumnDefinition/&gt;
                                        &lt;ColumnDefinition Width=&quot;auto&quot;/&gt;
                                    &lt;/Grid.ColumnDefinitions&gt;
                                    &lt;DockPanel&gt;
                                        &lt;TextBlock TextWrapping=&quot;Wrap&quot; DockPanel.Dock=&quot;Top&quot; Style=&quot;{StaticResource MaterialDesignTitleTextBlock}&quot;
                                  Text=&quot;{Binding IceCream.Description}&quot; VerticalAlignment=&quot;Top&quot;/&gt;

&lt;/DockPanel&gt;
                                    &lt;StackPanel Grid.Column=&quot;1&quot;&gt;
                                        &lt;Image    Height=&quot;180&quot; Width=&quot;180&quot; Margin=&quot;5&quot;  Stretch=&quot;UniformToFill&quot; ToolTip=&quot;{Binding IceCream.Name}&quot; &gt;
                                            &lt;Image.Source&gt;
                                                &lt;Binding Path=&quot;IceCream.Image&quot; &gt;
                                                    &lt;Binding.TargetNullValue&gt;
                                                        &lt;ImageSource&gt;pack://application:,,,/Assets/no-image-icon.png&lt;/ImageSource&gt;
                                                    &lt;/Binding.TargetNullValue&gt;
                                                &lt;/Binding&gt;
                                            &lt;/Image.Source&gt;
                                        &lt;/Image&gt;
                                        &lt;materialDesign:Badged HorizontalAlignment=&quot;Center&quot; Margin=&quot;0 10 0 0&quot; Badge=&quot;{materialDesign:PackIcon STAR}&quot; BadgeColorZoneMode=&quot;Light&quot; &gt;
                                            &lt;Button Content=&quot;RATE ME&quot;  Style=&quot;{StaticResource MaterialDesignRaisedAccentButton}&quot; BorderBrush=&quot;Gold&quot; Background=&quot;Gold&quot; Command=&quot;{Binding RateCommand}&quot;/&gt;
                                        &lt;/materialDesign:Badged&gt;
                                    &lt;/StackPanel&gt;
                                &lt;/Grid&gt;
                            &lt;/GroupBox&gt;
                            
                                &lt;Expander x:Name=&quot;NutriExpender&quot; HorizontalAlignment=&quot;Stretch&quot;  IsExpanded=&quot;False&quot;  &gt;
                                
                                &lt;Expander.Style&gt;
                                    &lt;Style TargetType=&quot;{x:Type Expander}&quot; BasedOn=&quot;{StaticResource MaterialDesignExpander}&quot;&gt;
                                        &lt;Style.Triggers&gt;
                                            &lt;DataTrigger Binding=&quot;{Binding ElementName=ReviewExpender, Path=IsExpanded}&quot; Value=&quot;True&quot;&gt;
                                                &lt;Setter Property=&quot;IsExpanded&quot; Value=&quot;False&quot;/&gt;
                                            &lt;/DataTrigger&gt;
                                        &lt;/Style.Triggers&gt;
                                    &lt;/Style&gt;
                                &lt;/Expander.Style&gt;
                                &lt;Expander.Header &gt;
                                    &lt;DockPanel  LastChildFill=&quot;False&quot;&gt;
                                        &lt;TextBlock  DockPanel.Dock=&quot;Right&quot;  VerticalAlignment=&quot;Center&quot; Style=&quot;{StaticResource MaterialDesignSubheadingTextBlock}&quot; Text=&quot;Nutrients per 100g&quot; /&gt;
                                        &lt;materialDesign:PackIcon   DockPanel.Dock=&quot;Left&quot; Kind=&quot;TagTextOutline&quot; Height=&quot;32&quot;  Width=&quot;32&quot;  VerticalAlignment=&quot;Center&quot; /&gt;
                                    &lt;/DockPanel&gt;
                                &lt;/Expander.Header&gt;
                                &lt;ScrollViewer MaxHeight=&quot;120&quot;&gt;

&lt;StackPanel Width=&quot;300&quot;&gt;
                                        &lt;DockPanel Margin=&quot;0 10&quot; LastChildFill=&quot;False&quot;&gt;
                                            &lt;TextBlock DockPanel.Dock=&quot;Left&quot;  Text=&quot;Energy&quot;/&gt;
                                            &lt;TextBlock  DockPanel.Dock=&quot;Right&quot;  Text=&quot;kcal&quot;/&gt;
                                            &lt;TextBlock DockPanel.Dock=&quot;Right&quot; Margin=&quot;5 0&quot; Text=&quot;{Binding IceCream.Nutrients.Energy}&quot;/&gt;
                                        &lt;/DockPanel&gt;

&lt;DockPanel Margin=&quot;0 10&quot; LastChildFill=&quot;False&quot;&gt;
                                            &lt;TextBlock DockPanel.Dock=&quot;Left&quot;  Text=&quot;Carbohydrate&quot;/&gt;
                                            &lt;TextBlock DockPanel.Dock=&quot;Right&quot;   Text=&quot;g&quot;/&gt;
                                            &lt;TextBlock Margin=&quot;5 0&quot; DockPanel.Dock=&quot;Right&quot;   Text=&quot;{Binding IceCream.Nutrients.Carbohydrate}&quot;/&gt;
                                        &lt;/DockPanel&gt;

&lt;DockPanel Margin=&quot;0 10&quot; LastChildFill=&quot;False&quot;&gt;
                                            &lt;TextBlock DockPanel.Dock=&quot;Left&quot; Text=&quot;TotalFat&quot;/&gt;
                                            &lt;TextBlock DockPanel.Dock=&quot;Right&quot; Text=&quot;g&quot;/&gt;
                                            &lt;TextBlock DockPanel.Dock=&quot;Right&quot; Margin=&quot;5 0&quot; Text=&quot;{Binding IceCream.Nutrients.TotalFat}&quot;/&gt;
                                        &lt;/DockPanel&gt;

&lt;DockPanel Margin=&quot;0 10&quot; LastChildFill=&quot;False&quot;&gt;
                                            &lt;TextBlock DockPanel.Dock=&quot;Left&quot; Text=&quot;Cholesterol&quot;/&gt;
                                            &lt;TextBlock DockPanel.Dock=&quot;Right&quot; Text=&quot;mg&quot;/&gt;
                                            &lt;TextBlock DockPanel.Dock=&quot;Right&quot; Margin=&quot;5 0&quot; Text=&quot;{Binding IceCream.Nutrients.Cholesterol}&quot;/&gt;
                                        &lt;/DockPanel&gt;

&lt;DockPanel Margin=&quot;0 10&quot; LastChildFill=&quot;False&quot;&gt;
                                            &lt;TextBlock  DockPanel.Dock=&quot;Left&quot; Text=&quot;Sugars&quot;/&gt;
                                            &lt;TextBlock  DockPanel.Dock=&quot;Right&quot;  Text=&quot;g&quot;/&gt;
                                            &lt;TextBlock  DockPanel.Dock=&quot;Right&quot; Margin=&quot;5 0&quot;  Text=&quot;{Binding IceCream.Nutrients.Sugars}&quot;/&gt;
                                        &lt;/DockPanel&gt;

&lt;DockPanel Margin=&quot;0 10&quot; LastChildFill=&quot;False&quot;&gt;
                                            &lt;TextBlock DockPanel.Dock=&quot;Left&quot; Text=&quot;Protein&quot;/&gt;
                                            &lt;TextBlock   DockPanel.Dock=&quot;Right&quot;  Text=&quot;g&quot;/&gt;
                                            &lt;TextBlock  DockPanel.Dock=&quot;Right&quot; Margin=&quot;5 0&quot; Text=&quot;{Binding IceCream.Nutrients.Protein}&quot;/&gt;
                                        &lt;/DockPanel&gt;

&lt;DockPanel Margin=&quot;0 10&quot; LastChildFill=&quot;False&quot;&gt;
                                            &lt;TextBlock  DockPanel.Dock=&quot;Left&quot; Text=&quot;Fiber&quot;/&gt;
                                            &lt;TextBlock  DockPanel.Dock=&quot;Right&quot;  Text=&quot;g&quot;/&gt;
                                            &lt;TextBlock  DockPanel.Dock=&quot;Right&quot; Margin=&quot;5 0&quot; Text=&quot;{Binding IceCream.Nutrients.Fiber}&quot;/&gt;
                                        &lt;/DockPanel&gt;

&lt;/StackPanel&gt;
                           &lt;/ScrollViewer&gt;
                                 &lt;/Expander&gt;
                            
                                &lt;Expander x:Name=&quot;ReviewExpender&quot; IsExpanded=&quot;False&quot; HorizontalAlignment=&quot;Stretch&quot; &gt;
                                &lt;Expander.Style&gt;
                                    &lt;Style TargetType=&quot;{x:Type Expander}&quot; BasedOn=&quot;{StaticResource MaterialDesignExpander}&quot;&gt;
                                        &lt;Style.Triggers&gt;
                                            &lt;DataTrigger Binding=&quot;{Binding ElementName=NutriExpender, Path=IsExpanded}&quot; Value=&quot;False&quot;&gt;
                                                &lt;Setter Property=&quot;IsExpanded&quot; Value=&quot;True&quot;/&gt;
                                            &lt;/DataTrigger&gt;
                                        &lt;/Style.Triggers&gt;
                                    &lt;/Style&gt;
                                &lt;/Expander.Style&gt;
                                &lt;Expander.Header&gt;
                                    &lt;DockPanel LastChildFill=&quot;False&quot; &gt;
                                        &lt;TextBlock  DockPanel.Dock=&quot;Right&quot;  VerticalAlignment=&quot;Center&quot; Style=&quot;{StaticResource MaterialDesignSubheadingTextBlock}&quot; Text=&quot;Reviews&quot; /&gt;
                                        &lt;materialDesign:RatingBar Foreground=&quot;#fdd835&quot; Background=&quot;#fdd835&quot; Value=&quot;{Binding IceCream.Rate}&quot; IsReadOnly=&quot;True&quot; x:Name=&quot;ReadOnlyRatingBar&quot; /&gt;
                                        &lt;TextBlock DockPanel.Dock=&quot;Left&quot; Text=&quot;{Binding IceCream.Rate, StringFormat=N2}&quot; Margin=&quot;10 0 0 0&quot; VerticalAlignment=&quot;Center&quot; /&gt;
                                    &lt;/DockPanel&gt;
                                &lt;/Expander.Header&gt;
                                &lt;ScrollViewer MaxHeight=&quot;150&quot;&gt;

&lt;ListBox Focusable=&quot;False&quot; ItemsSource=&quot;{Binding IceCream.Reviews}&quot; &gt;
                                        
                                        &lt;ListBox.ItemTemplate&gt;
                                            &lt;DataTemplate&gt;
                                                &lt;materialDesign:Card  Height=&quot;90&quot; Margin=&quot;5&quot; Padding=&quot;4&quot;
                                                         
                                                         materialDesign:ShadowAssist.ShadowDepth=&quot;Depth1&quot; Background=&quot;#FFC3FFC3&quot; &gt;

&lt;StackPanel Orientation=&quot;Horizontal&quot;&gt;
                                                        &lt;materialDesign:RatingBar Foreground=&quot;#fdd835&quot;  Value=&quot;{Binding Rate}&quot; IsReadOnly=&quot;True&quot; x:Name=&quot;ReadOnlyRatingBar&quot; /&gt;

&lt;TextBlock  TextWrapping=&quot;Wrap&quot;  Margin=&quot;20 10&quot;  Text=&quot;{Binding Message, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}&quot; TextAlignment=&quot;Center&quot;/&gt;
                                                        &lt;Image Margin=&quot;2&quot; Grid.Column=&quot;2&quot;  Source=&quot;{Binding Image}&quot; Height=&quot;45&quot; Width=&quot;45&quot;/&gt;
                                                    &lt;/StackPanel&gt;
                                                &lt;/materialDesign:Card&gt;
                                            &lt;/DataTemplate&gt;
                                        &lt;/ListBox.ItemTemplate&gt;
                                    &lt;/ListBox&gt;
                          &lt;/ScrollViewer&gt;
                            &lt;/Expander&gt;

&lt;/StackPanel&gt;

&lt;/materialDesign:TransitioningContent&gt;

&lt;materialDesign:TransitioningContent Margin=&quot;80 0 20 0&quot; Grid.Column=&quot;1&quot; OpeningEffect=&quot;{materialDesign:TransitionEffect SlideInFromRight, Duration=0:0:1.2}&quot;&gt;
                    &lt;materialDesign:Card     MaxWidth=&quot;600&quot; &gt;
                        &lt;GroupBox Height=&quot;600&quot; VerticalAlignment=&quot;Top&quot; Grid.Column=&quot;1&quot; Header=&quot;{Binding IceCream.Shop.Name}&quot; Style=&quot;{DynamicResource MaterialDesignGroupBox}&quot;&gt;
                            &lt;GroupBox.HeaderTemplate&gt;
                                &lt;DataTemplate&gt;
                                    &lt;DockPanel LastChildFill=&quot;False&quot; &gt;
                                        &lt;TextBlock Style=&quot;{StaticResource MaterialDesignHeadlineTextBlock}&quot; DockPanel.Dock=&quot;Left&quot; Margin=&quot;0&quot; VerticalAlignment=&quot;Center&quot; FontWeight=&quot;Bold&quot; Text=&quot;{Binding}&quot; /&gt;
                                        &lt;materialDesign:PackIcon DockPanel.Dock=&quot;Right&quot; Kind=&quot;Store&quot; Height=&quot;32&quot;  Width=&quot;32&quot;  VerticalAlignment=&quot;Center&quot; /&gt;
                                    &lt;/DockPanel&gt;
                                &lt;/DataTemplate&gt;
                            &lt;/GroupBox.HeaderTemplate&gt;
                            &lt;Grid&gt;
                                &lt;Grid.RowDefinitions&gt;
                                    &lt;RowDefinition Height=&quot;auto&quot;/&gt;
                                    &lt;RowDefinition Height=&quot;auto&quot;/&gt;
                                &lt;/Grid.RowDefinitions&gt;
                                &lt;Grid &gt;
                                    &lt;Grid.ColumnDefinitions&gt;
                                        &lt;ColumnDefinition/&gt;
                                        &lt;ColumnDefinition/&gt;
                                    &lt;/Grid.ColumnDefinitions&gt;
                                    &lt;Image Grid.Column=&quot;1&quot; Margin=&quot;2&quot; Height=&quot;180&quot; &gt;
                                        &lt;Image.Source&gt;
                                            &lt;Binding Path=&quot;IceCream.Shop.Image&quot; &gt;
                                                &lt;Binding.TargetNullValue&gt;
                                                    &lt;ImageSource &gt;pack://application:,,,/Assets/no-image-icon.png&lt;/ImageSource&gt;
                                                &lt;/Binding.TargetNullValue&gt;
                                            &lt;/Binding&gt;
                                        &lt;/Image.Source&gt;
                                    &lt;/Image&gt;
                                    &lt;StackPanel Grid.Column=&quot;0&quot; Margin=&quot;5&quot; &gt;

&lt;StackPanel Margin=&quot;0 7&quot; VerticalAlignment=&quot;Center&quot; Orientation=&quot;Horizontal&quot; &gt;
                                            &lt;materialDesign:PackIcon VerticalAlignment=&quot;Center&quot; Kind=&quot;PhoneClassic&quot; /&gt;
                                            &lt;TextBlock  Style=&quot;{StaticResource MaterialDesignSubheadingTextBlock}&quot; Margin=&quot;5 0 5 0&quot;  Text=&quot;{Binding IceCream.Shop.PhoneNumber}&quot;/&gt;
                                        &lt;/StackPanel&gt;
                                        &lt;StackPanel Margin=&quot;0 7&quot; VerticalAlignment=&quot;Center&quot;  Orientation=&quot;Horizontal&quot; &gt;
                                            &lt;materialDesign:PackIcon VerticalAlignment=&quot;Center&quot; Kind=&quot;HouseMapMarker&quot; /&gt;
                                            &lt;TextBlock x:Name=&quot;shopAddress&quot; Style=&quot;{StaticResource MaterialDesignSubheadingTextBlock}&quot; Margin=&quot;5 0 5 0&quot;  Text=&quot;{Binding IceCream.Shop.Address}&quot;/&gt;
                                        &lt;/StackPanel&gt;
                                        &lt;StackPanel Margin=&quot;0 7&quot; VerticalAlignment=&quot;Center&quot;  Orientation=&quot;Horizontal&quot; Hyperlink.Click=&quot;WebSiteLink_Click&quot; &gt;
                                            &lt;Button Height=&quot;24&quot; Width=&quot;24&quot; Style=&quot;{StaticResource MaterialDesignFloatingActionMiniAccentButton}&quot; ToolTip=&quot;Website&quot;&gt;
                                                &lt;materialDesign:PackIcon Kind=&quot;Web&quot;  /&gt;
                                            &lt;/Button&gt;
                                            &lt;TextBlock Style=&quot;{StaticResource MaterialDesignSubheadingTextBlock}&quot; Margin=&quot;5 0 5 0&quot;  Text=&quot;{Binding IceCream.Shop.WebSiteLink}&quot; /&gt;
                                        &lt;/StackPanel&gt;
                                        &lt;StackPanel Margin=&quot;0 7&quot; VerticalAlignment=&quot;Center&quot;  Orientation=&quot;Horizontal&quot; Hyperlink.Click=&quot;socialwebLink_Click&quot; &gt;
                                            &lt;Button  Height=&quot;24&quot; Width=&quot;24&quot; Style=&quot;{StaticResource MaterialDesignFloatingActionMiniAccentButton}&quot; ToolTip=&quot;MaterialDesignFloatingActionMiniAccentButton&quot;&gt;
                                                &lt;materialDesign:PackIcon VerticalAlignment=&quot;Center&quot; Kind=&quot;{Binding IceCream.Shop.SocialMediaLink, Converter={StaticResource SocailMediaUrlToIcon}}&quot; /&gt;
                                            &lt;/Button&gt;
                                            &lt;TextBlock x:Name=&quot;SocailMediaLink&quot; Style=&quot;{StaticResource MaterialDesignSubheadingTextBlock}&quot; Margin=&quot;5 0 5 0&quot;  Text=&quot;{Binding IceCream.Shop.SocialMediaLink}&quot; /&gt;
                                        &lt;/StackPanel&gt;
                                        &lt;StackPanel  Margin=&quot;0 7&quot; VerticalAlignment=&quot;Center&quot; Orientation=&quot;Horizontal&quot; &gt;
                                            &lt;Button  Margin=&quot;30 0&quot; Height=&quot;30&quot; Width=&quot;30&quot; x:Name=&quot;wazeButton&quot;  Style=&quot;{StaticResource MaterialDesignFloatingActionMiniAccentButton}&quot; ToolTip=&quot;WAZE&quot;  Click=&quot;wazeButton_Click&quot;&gt;
                                                &lt;Image  Source=&quot;waze.png&quot; /&gt;
                                            &lt;/Button&gt;
                                            &lt;Button Height=&quot;30&quot; Width=&quot;30&quot;  Command=&quot;{x:Static materialDesign:DialogHost.OpenDialogCommand}&quot; Style=&quot;{StaticResource MaterialDesignFloatingActionMiniAccentButton}&quot; ToolTip=&quot;RQ Map&quot; &gt;
                                                &lt;materialDesign:PackIcon VerticalAlignment=&quot;Center&quot; Kind=&quot;QrcodeScan&quot; /&gt;
                                            &lt;/Button&gt;

&lt;/StackPanel&gt;
                                    &lt;/StackPanel&gt;
                                &lt;/Grid&gt;
                                &lt;Grid Grid.Row=&quot;1&quot;&gt;
                                    &lt;m:Map x:Name=&quot;Map&quot; Margin=&quot;0 2 0 0&quot; Height=&quot;300&quot; ZoomLevel=&quot;16&quot;  HorizontalAlignment=&quot;Stretch&quot;  VerticalAlignment=&quot;Stretch&quot;
                           CredentialsProvider=&quot;{Binding BingMapsKey}&quot; ScaleVisibility=&quot;Collapsed&quot; &gt;
                                        &lt;m:Map.Resources&gt;
                                            &lt;Style TargetType=&quot;m:Pushpin&quot; x:Key=&quot;LabelPushpinStyle&quot;&gt;
                                                &lt;Setter Property=&quot;OverridesDefaultStyle&quot; Value=&quot;true&quot; /&gt;
                                                &lt;Setter Property=&quot;PositionOrigin&quot; Value=&quot;Center&quot; /&gt;
                                                &lt;Setter Property=&quot;Background&quot; Value=&quot;Transparent&quot; /&gt;
                                                &lt;Setter Property=&quot;BorderBrush&quot; Value=&quot;Transparent&quot; /&gt;
                                                &lt;Setter Property=&quot;BorderThickness&quot; Value=&quot;0&quot; /&gt;
                                            &lt;/Style&gt;

&lt;/m:Map.Resources&gt;
                                        &lt;m:MapItemsControl ItemsSource=&quot;{Binding Route , Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}&quot; /&gt;
                                        &lt;m:MapItemsControl ItemsSource=&quot;{Binding Locations}&quot;&gt;
                                            &lt;m:MapItemsControl.ItemTemplate&gt;
                                                &lt;DataTemplate&gt;
                                                    &lt;m:Pushpin Location=&quot;{Binding BingLocation }&quot; Content=&quot;{Binding Address}&quot;  Style=&quot;{StaticResource LabelPushpinStyle}&quot;&gt;
                                                        &lt;m:Pushpin.Template&gt;
                                                            &lt;ControlTemplate &gt;
                                                                &lt;Canvas &gt;
                                                                    &lt;Border Canvas.Left=&quot;30&quot; Canvas.Top=&quot;-20&quot; Width=&quot;100&quot; Height=&quot;52&quot;
                                            Background=&quot;WhiteSmoke&quot; Opacity=&quot;1&quot; &gt;
                                                                        &lt;Border.Effect&gt;
                                                                            &lt;DropShadowEffect Color=&quot;LightGray&quot; /&gt;
                                                                        &lt;/Border.Effect&gt;
                                                                        &lt;StackPanel VerticalAlignment=&quot;Center&quot; HorizontalAlignment=&quot;Center&quot;&gt;
                                                                            &lt;TextBlock Margin=&quot;4 0&quot; Text=&quot;{Binding Name}&quot; FontSize=&quot;12&quot; /&gt;
                                                                            &lt;TextBlock Margin=&quot;4 0&quot; TextWrapping=&quot;Wrap&quot; Text=&quot;{Binding Address}&quot; FontSize=&quot;12&quot; /&gt;
                                                                        &lt;/StackPanel&gt;
                                                                    &lt;/Border&gt;

&lt;Path Data=&quot;M0,0 30,-12 30,-20 130,-20 130,32 30,32 30,-20&quot; StrokeThickness=&quot;2&quot; Stroke=&quot;DimGray&quot; /&gt;
                                                                    &lt;Ellipse Canvas.Top=&quot;-4&quot; Canvas.Left=&quot;-4&quot; Width=&quot;8&quot; Height=&quot;8&quot; Fill=&quot;DarkOrange&quot; Stroke=&quot;DimGray&quot; /&gt;
                                                                &lt;/Canvas&gt;
                                                            &lt;/ControlTemplate&gt;
                                                        &lt;/m:Pushpin.Template&gt;
                                                    &lt;/m:Pushpin&gt;
                                                &lt;/DataTemplate&gt;
                                            &lt;/m:MapItemsControl.ItemTemplate&gt;
                                        &lt;/m:MapItemsControl&gt;

&lt;/m:Map&gt;
                                    &lt;DockPanel LastChildFill=&quot;False&quot; HorizontalAlignment=&quot;Stretch&quot;&gt;
                                        &lt;StackPanel DockPanel.Dock=&quot;Left&quot; Margin=&quot;0 2 0 0&quot; Background=&quot;#bbdefb&quot; VerticalAlignment=&quot;Top&quot; HorizontalAlignment=&quot;Left&quot; Orientation=&quot;Horizontal&quot; &gt;
                                            &lt;RadioButton Command=&quot;{Binding FindWalkRoute}&quot; Style=&quot;{StaticResource MaterialDesignTabRadioButton}&quot; Margin=&quot;4&quot; IsChecked=&quot;True&quot;&gt;
                                                &lt;materialDesign:PackIcon  Kind=&quot;Walk&quot; /&gt;
                                            &lt;/RadioButton&gt;
                                            &lt;RadioButton Command=&quot;{Binding FindCarRoute}&quot; Style=&quot;{StaticResource MaterialDesignTabRadioButton}&quot; Margin=&quot;4&quot; IsChecked=&quot;False&quot; &gt;
                                                &lt;materialDesign:PackIcon  Kind=&quot;CarBack&quot; /&gt;
                                            &lt;/RadioButton&gt;

&lt;/StackPanel&gt;
                                    &lt;/DockPanel&gt;

&lt;/Grid&gt;
                            &lt;/Grid&gt;
                        &lt;/GroupBox&gt;
                    &lt;/materialDesign:Card&gt;
                &lt;/materialDesign:TransitioningContent&gt;
                &lt;Button Grid.Row=&quot;1&quot; Command=&quot;{x:Static materialDesign:Transitioner.MovePreviousCommand}&quot; 
                    HorizontalAlignment=&quot;Left&quot; VerticalAlignment=&quot;Bottom&quot; Margin=&quot;-200 0 0 0&quot; Style=&quot;{StaticResource MaterialDesignFloatingActionLightButton}&quot;&gt;
                    &lt;materialDesign:PackIcon Kind=&quot;StepBackward&quot; Height=&quot;24&quot; Width=&quot;24&quot; /&gt;
                &lt;/Button&gt;
                &lt;!--&lt;Button Grid.Row=&quot;1&quot; FontSize=&quot;45&quot; Width=&quot;76&quot; Height=&quot;76&quot; Command=&quot;{x:Static materialDesign:Transitioner.MoveFirstCommand}&quot;
                HorizontalAlignment=&quot;Left&quot; VerticalAlignment=&quot;Bottom&quot; Margin=&quot;38 45 45 120&quot;
                Style=&quot;{StaticResource MaterialDesignFloatingActionAccentButton}&quot;&gt;
				&lt;materialDesign:PackIcon Kind=&quot;Home&quot; Height=&quot;36&quot; Width=&quot;36&quot; /&gt;
			&lt;/Button&gt;--&gt;
            &lt;/Grid&gt;
        &lt;/materialDesign:DialogHost&gt;
    &lt;/Grid&gt;
&lt;/UserControl&gt;

Private - Private paste aren't shown in recent listings.

Delete After - When should we delete your paste?

Spam protection -

Reply to "Untitled"