<UserControl
    x:Class="SmartCharging.ChargeRating"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SmartCharging"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    x:Name="ThisControl"
    d:DesignHeight="300"
    xmlns:converter="using:SmartCharging.Converter"
    
    d:DesignWidth="400">
    <UserControl.Resources>
       <converter:NumberToChargetImageConverter x:Key="NumberToChargetImageConverter" ></converter:NumberToChargetImageConverter>

       
    </UserControl.Resources>
    <Grid>
        <StackPanel x:Name="ChargesContainer" Orientation="Horizontal"  Height="40">
            <Image x:ConnectionId='1' Source="{Binding Path=Value, ElementName=ThisControl, Converter={StaticResource NumberToChargetImageConverter}, ConverterParameter=1}"                         ></Image>
            <Image x:ConnectionId='2' Source="{Binding Path=Value, ElementName=ThisControl, Converter={StaticResource NumberToChargetImageConverter}, ConverterParameter=2}"                         ></Image>
            <Image x:ConnectionId='3' Source="{Binding Path=Value, ElementName=ThisControl, Converter={StaticResource NumberToChargetImageConverter}, ConverterParameter=3}"                        ></Image>
            <Image x:ConnectionId='4' Source="{Binding Path=Value, ElementName=ThisControl, Converter={StaticResource NumberToChargetImageConverter}, ConverterParameter=4}"                        ></Image>
            <Image x:ConnectionId='5' Source="{Binding Path=Value, ElementName=ThisControl, Converter={StaticResource NumberToChargetImageConverter}, ConverterParameter=5}"                        ></Image>
        </StackPanel>
    </Grid>
</UserControl>