InstanceDetailsView.xaml

<UserControl x:Class="ServiceControl.Config.UI.InstanceDetails.InstanceDetailsView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             x:Name="root"
             d:DesignHeight="300"
             d:DesignWidth="700"
             mc:Ignorable="d">
    <UserControl.Resources>
        <DataTemplate x:Key="SimpleHeaderedGroupBox">
            <TextBlock Text="{Binding}" Foreground="{StaticResource Gray40Brush}" FontSize="13" />
        </DataTemplate>
    </UserControl.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="20" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="90" />
            <RowDefinition Height="8" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Border Grid.Row="9"
                Grid.ColumnSpan="2"
                BorderBrush="{StaticResource Gray90Brush}"
                BorderThickness="0,1,0,0"
                Padding="0 10"
                Visibility="{Binding Converter={StaticResource lastItemCollapseConverter},
                                     RelativeSource={RelativeSource AncestorType={x:Type ContentPresenter},
                                                                    AncestorLevel=3}}" />

        <TextBlock VerticalAlignment="Center" Grid.Row="1" Grid.ColumnSpan="2"
                   FontSize="18px"
                   FontWeight="Bold"
                   Text="{Binding Name}" />

        <StackPanel Grid.Row="2" Orientation="Horizontal" Margin="0 0 0 10px">
            <ContentControl Margin="0,0,0,-3"
                            VerticalContentAlignment="Bottom"
                            Template="{Binding InstanceTypeIcon, Converter={StaticResource nameToResourceConverter}}"
                            Height="14px" />
            <TextBlock Margin="3,0,0,0"
                       VerticalAlignment="Center"
                       FontSize="13px"
                       Foreground="{StaticResource Gray40Brush}"
                       Typography.Capitals="SmallCaps"
                       Text="{Binding InstanceTypeDisplayName}" />

        </StackPanel>
        <StackPanel Grid.Row="2" Grid.Column="1" Margin="0 0 0 10">
            <StackPanel Orientation="Horizontal">
                <ContentControl Margin="0,0,0,0"
                                VerticalAlignment="Center"
                                Template="{StaticResource RunningIcon}"
                                Visibility="{Binding IsRunning,
                                                 Converter={StaticResource boolToVis}}" />

                <ContentControl Margin="0,0,0,0"
                                VerticalAlignment="Center"
                                Template="{StaticResource StoppedIcon}"
                                Visibility="{Binding IsStopped,
                                                 Converter={StaticResource boolToVis}}" />

                <TextBlock Margin="3,0,0,0"
                           VerticalAlignment="Center"
                           FontSize="13px"
                           Foreground="{StaticResource Gray40Brush}"
                           Text="{Binding Status}" />

                <TextBlock  Margin="3,0,0,0"
                            VerticalAlignment="Center"
                            FontSize="13px"
                            Visibility="{Binding InMaintenanceMode, Converter={StaticResource boolToVis}}">
                    <Hyperlink Foreground="DarkOrange" Command="{Binding AdvancedOptionsCommand}" CommandParameter="{Binding DataContext, ElementName=root}">IN MAINTENANCE MODE</Hyperlink>
                </TextBlock>

            </StackPanel>
        </StackPanel>

        <StackPanel Grid.Row="1"
                    Grid.Column="1"
                    Margin="0,0,0,7"
                    HorizontalAlignment="Right"
                    Orientation="Horizontal">
            <Button Margin="5,0"
                    Command="{Binding StopCommand}"
                    Style="{StaticResource StopButton}"
                    Visibility="{Binding AllowStop,
                                         Converter={StaticResource boolToVis}}" />
            <Button Margin="5,0"
                    Command="{Binding StartCommand}"
                    Style="{StaticResource StartButton}"
                    Visibility="{Binding AllowStart,
                                         Converter={StaticResource boolToVis}}" />
            <Button Margin="5,0"
                    Command="{Binding EditCommand}"
                    CommandParameter="{Binding DataContext,
                                               ElementName=root}"
                    Style="{StaticResource ConfigurationButton}" />
            <Button Margin="5,0"
                    Command="{Binding AdvancedOptionsCommand}"
                    CommandParameter="{Binding DataContext,
                                               ElementName=root}"
                    Style="{StaticResource AdvancedOptionsButton}" />
        </StackPanel>

        <GroupBox Grid.Row="4" Header="VERSION" Margin="0 5 0 0">
            <GroupBox.HeaderTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Margin="0,0,5,0"
                                   FontSize="13"
                                   Foreground="{StaticResource Gray40Brush}"
                                   Text="{Binding}" />
                        <TextBlock Visibility="{Binding DataContext.HasNewVersion, ElementName=root, Converter={StaticResource boolToVis}}">
                            <Hyperlink Command="{Binding DataContext.UpgradeToNewVersionCommand, ElementName=root}" CommandParameter="{Binding DataContext, ElementName=root}">
                                <TextBlock FontSize="13" Text="{Binding DataContext.NewVersion, ElementName=root, StringFormat=• UPGRADE TO {0}}" />
                            </Hyperlink>
                        </TextBlock>
                    </StackPanel>
                </DataTemplate>
            </GroupBox.HeaderTemplate>
            <TextBlock FontSize="14px" Text="{Binding Version, StringFormat={}{0}}" />
        </GroupBox>

        <GroupBox Grid.Row="4"
                  Grid.Column="1"
                  Visibility="{Binding HasBrowsableUrl, Converter={StaticResource boolToVis}}"
                  Header="{Binding UrlHeading}"
                  HeaderTemplate="{StaticResource SimpleHeaderedGroupBox}">
            <Hyperlink Command="{Binding OpenUrl}" CommandParameter="{Binding BrowsableUrl}">
                <Hyperlink.ContextMenu>
                    <ContextMenu>
                        <MenuItem Command="{Binding CopyToClipboard}"
                                  CommandParameter="{Binding BrowsableUrl}"
                                  Header="Copy to Clipboard" />
                    </ContextMenu>
                </Hyperlink.ContextMenu>
                <TextBlock FontSize="14px" Text="{Binding Host}" />
            </Hyperlink>
        </GroupBox>

        <GroupBox Grid.Row="6" Grid.Column="0"
                  Header="INSTALLATION PATH"
                  Margin="0 1 0 0"
                  HeaderTemplate="{StaticResource SimpleHeaderedGroupBox}">
            <Hyperlink Command="{Binding OpenUrl}" CommandParameter="{Binding InstallPath}">
                <Hyperlink.ContextMenu>
                    <ContextMenu>
                        <MenuItem Command="{Binding CopyToClipboard}"
                                  CommandParameter="{Binding InstallPath}"
                                  Header="Copy path to clipboard" />
                    </ContextMenu>
                </Hyperlink.ContextMenu>
                <StackPanel Orientation="Horizontal">
                    <ContentControl Margin="0,1,0,0"
                                        VerticalAlignment="Center"
                                        Template="{StaticResource BrowseIcon}"
                                        Height="12px" />
                    <TextBlock FontSize="14px" Text="Browse..." Margin="3,0,0,0" VerticalAlignment="Center" />
                </StackPanel>
            </Hyperlink>
        </GroupBox>

        <GroupBox Grid.Row="6"
                  Grid.Column="1"
                  Header="LOG PATH"
                  Margin="0 1 0 0"
                  HeaderTemplate="{StaticResource SimpleHeaderedGroupBox}">
            <Hyperlink Command="{Binding OpenUrl}" CommandParameter="{Binding LogPath}">
                <Hyperlink.ContextMenu>
                    <ContextMenu>
                        <MenuItem Command="{Binding CopyToClipboard}"
                                  CommandParameter="{Binding LogPath}"
                                  Header="Copy path to clipboard" />
                    </ContextMenu>
                </Hyperlink.ContextMenu>
                <StackPanel Orientation="Horizontal">
                    <ContentControl Margin="0,1,0,0"
                                    VerticalAlignment="Center"
                                    Template="{StaticResource BrowseIcon}"
                                    Height="12px" />
                    <TextBlock FontSize="14px" Text="Browse..." Margin="3,0,0,0" VerticalAlignment="Center" />
                </StackPanel>

            </Hyperlink>
        </GroupBox>

        <GroupBox Grid.Row="7"
                  Grid.Column="0"
                  Visibility="{Binding HasBrowsableDBPath, Converter={StaticResource boolToVis}}"
                  Header="DB PATH"
                  Margin="0 1 0 0"
                  HeaderTemplate="{StaticResource SimpleHeaderedGroupBox}">
            <Hyperlink Command="{Binding OpenUrl}" CommandParameter="{Binding DBPath}">
                <Hyperlink.ContextMenu>
                    <ContextMenu>
                        <MenuItem Command="{Binding CopyToClipboard}"
                                  CommandParameter="{Binding DBPath}"
                                  Header="Copy path to clipboard" />
                    </ContextMenu>
                </Hyperlink.ContextMenu>
                <StackPanel Orientation="Horizontal">
                    <ContentControl Margin="0,1,0,0"
                                    VerticalAlignment="Center"
                                    Template="{StaticResource BrowseIcon}"
                                    Height="12px" />
                    <TextBlock FontSize="14px" Text="Browse..." Margin="3,0,0,0" VerticalAlignment="Center" />
                </StackPanel>
            </Hyperlink>
        </GroupBox>
        <GroupBox Grid.Row="7"
                  Grid.Column="1"
                  Header="INSTANCE/QUEUE NAME"
                  Margin="0 1 0 0"
                  HeaderTemplate="{StaticResource SimpleHeaderedGroupBox}">
            <TextBlock FontSize="14px" Text="{Binding InstanceName}" />
        </GroupBox>

        <GroupBox Grid.Row="8"
                  Header="TRANSPORT"
                  HeaderTemplate="{StaticResource SimpleHeaderedGroupBox}">
            <TextBlock FontSize="14px" Text="{Binding Transport.DisplayName}" TextWrapping="WrapWithOverflow" />
        </GroupBox>
        <GroupBox Grid.Row="8"
                   Grid.Column="1"
                  Header="PERSISTER"
                  HeaderTemplate="{StaticResource SimpleHeaderedGroupBox}" >
            <TextBlock FontSize="14px" Text="{Binding Persister}" />
        </GroupBox>

        <Border Grid.Row="1"
                Grid.RowSpan="7"
                Grid.ColumnSpan="2"
                HorizontalAlignment="Stretch"
                VerticalAlignment="Stretch"
                Background="#CCFFFFFF"
                Visibility="{Binding InProgress,
                                     Converter={StaticResource boolToVis}}">
            <Border.Resources>
                <Style TargetType="{x:Type TextBlock}">
                    <Setter Property="HorizontalAlignment" Value="Center" />
                    <Setter Property="FontSize" Value="14" />
                </Style>
            </Border.Resources>

            <Border HorizontalAlignment="Stretch"
                    VerticalAlignment="Stretch"
                    Background="White">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>

                    <TextBlock Grid.Row="0"
                               FontWeight="Bold"
                               Text="{Binding ProgressTitle}" />
                    <ProgressBar Grid.Row="1"
                                 Width="420"
                                 Height="20"
                                 IsIndeterminate="{Binding ProgressIndeterminate}"
                                 Maximum="100"
                                 Value="{Binding ProgressPercent}" />
                    <TextBlock Grid.Row="2" Text="{Binding ProgressMessage}" />
                </Grid>
            </Border>
        </Border>
    </Grid>
</UserControl>