The WPF Podcatcher Series - Part 2 (Structural Skinning)

<UserControl 
  x:Class="Podder.DefaultSkin.Views.PodcastsControlView"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:podder="clr-namespace:Podder"
  Background="{DynamicResource PrimaryViewBackBrush}"
  >
  <UserControl.Resources>
    <!-- This Storyboard is used when a new podcast is added to the list. -->
    <Storyboard x:Key="STORYBOARD_PodcastAdded">
      <ColorAnimation 
        Completed="OnPodcastAddedAnimationCompleted" 
        Duration="0:0:0.5"
        FillBehavior="Stop"
        Storyboard.TargetName="_feedTextBox"
        Storyboard.TargetProperty="Foreground.Color"
        To="Transparent"   
        />
    </Storyboard>

    <!-- This Storyboard is used when a podcast feed URL does not point to a valid feed. -->
    <Storyboard x:Key="STORYBOARD_FeedValidationFailed" RepeatBehavior="3x">
      <ColorAnimation 
        AutoReverse="True"
        Duration="0:0:0.5"
        FillBehavior="Stop"
        Storyboard.TargetName="_feedTextBox"
        Storyboard.TargetProperty="Foreground.Color"
        To="Red"   
        />
    </Storyboard>
  </UserControl.Resources>
  <Grid Margin="4">

    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition Height="*" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <DockPanel DataContext="{Binding Path=SourceCollection.NewPodcastInfo}" Grid.Row="0" Margin="4">
      <DockPanel DockPanel.Dock="Top">
        <TextBlock DockPanel.Dock="Left" Text="{podder:ResourceString PodcastMgmt_AddNewRssFeedHeader}" />
        <Button Content="{podder:ResourceString PodcastMgmt_AddButtonText}" Command="New" DockPanel.Dock="Right" HorizontalAlignment="Center" IsDefault="True" Padding="8,0"  />
        <TextBox x:Name="_feedTextBox" Margin="4,0" Text="{Binding Path=FeedUrl, UpdateSourceTrigger=PropertyChanged}" />
      </DockPanel>
      <TextBlock FontStyle="Italic" Text="{Binding Path=StatusMessage}" TextAlignment="Center" />
    </DockPanel>

    <ListBox 
      x:Name="_podcastsListBox" 
      Grid.Row="1" 
      IsSynchronizedWithCurrentItem="True" 
      ItemsSource="{Binding Path=.}"
      Margin="0,4"  
      MinHeight="120" 
      />

    <Button Grid.Row="2" Content="{podder:ResourceString PodcastMgmt_RemoveButtonText}" Command="Delete" HorizontalAlignment="Center" Padding="8,0" />

    <Expander Grid.Row="3" Header="{podder:ResourceString PodcastMgmt_PodcastDetailsAreaHeader}" IsExpanded="True">
      <Grid DataContext="{Binding ElementName=_podcastsListBox, Path=SelectedItem}" Margin="4">
        <Grid.Style>
          <Style TargetType="Grid">
            <Setter Property="Background" Value="{DynamicResource GroupBoxBackBrush}" />
            <Style.Triggers>
              <DataTrigger Binding="{Binding ElementName=_podcastsListBox, Path=SelectedItem}" Value="{x:Null}">
                <Setter Property="IsEnabled" Value="False" />
              </DataTrigger>
            </Style.Triggers>
          </Style>
        </Grid.Style>
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="Auto" />
          <ColumnDefinition Width="8" />
          <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>
          <RowDefinition Height="Auto" />
          <RowDefinition Height="Auto" />
          <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <Image Grid.Row="0" Grid.Column="0" Margin="4" Width="190" Height="190" Source="Images\ImageNotAvailable.jpg" />
        <Image Grid.Row="0" Grid.Column="0" Margin="4" Width="190" Height="190" Source="{Binding Path=ImageUrl, IsAsync=True}" />

        <TextBlock 
          Grid.Row="0" Grid.Column="2" 
          Margin="4" 
          MaxHeight="200" 
          Text="{Binding Path=Description}" 
          TextWrapping="Wrap" 
          />
        
        <TextBlock Grid.Row="1" Grid.Column="0" HorizontalAlignment="Right" Margin="4" Text="{podder:ResourceString PodcastMgmt_PodcastNameHeader}" />
        <TextBox Grid.Row="1" Grid.Column="2" Margin="4" Text="{Binding Path=Name, Mode=OneWay}" IsReadOnly="True" />

        <TextBlock Grid.Row="2" Grid.Column="0" HorizontalAlignment="Right" Margin="4" Text="{podder:ResourceString PodcastMgmt_RssFeedNameHeader}" />
        <TextBox Grid.Row="2" Grid.Column="2" Margin="4" Text="{Binding Path=RssUrl, Mode=OneWay}" IsReadOnly="True" />  
        
        <TextBlock Grid.Row="2" Grid.Column="0" HorizontalAlignment="Left" Margin="4" ToolTip="{podder:ResourceString PodcastMgmt_WebSiteHyperlinkTooltip}">
          <Hyperlink Command="Open" CommandParameter="{Binding Path=Link}">
            <TextBlock Text="{podder:ResourceString PodcastMgmt_WebSiteHyperlinkText}" />
          </Hyperlink>
        </TextBlock>
      </Grid>
    </Expander>

  </Grid>
</UserControl>