Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 gramps
|
c9fd1bdaaa | ||
|
gramps
|
73397cfea7 | ||
|
gramps
|
c5e3466df0 | ||
|
gramps
|
90f5ad50dd | ||
|
gramps
|
691425288f |
@@ -0,0 +1,12 @@
|
|||||||
|
<UserControl x:Class="ytLive.Controls.HealthBanner"
|
||||||
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
|
||||||
|
<!-- YouTube health banner (TASK 5 item 3): report-by-exception — visible
|
||||||
|
ONLY while a warning/error configuration issue exists. Amber for
|
||||||
|
warning, darker red for error (HealthIssueBackground). -->
|
||||||
|
<Border Background="{Binding HealthIssueBackground}"
|
||||||
|
Visibility="{Binding HealthIssueBanner, Converter={StaticResource NotNullToVis}}">
|
||||||
|
<TextBlock Text="{Binding HealthIssueBanner}" Foreground="White" FontSize="13"
|
||||||
|
FontWeight="SemiBold" Margin="16,8" TextTrimming="CharacterEllipsis"/>
|
||||||
|
</Border>
|
||||||
|
</UserControl>
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
using System.Windows.Controls;
|
||||||
|
|
||||||
|
namespace ytLive.Controls;
|
||||||
|
|
||||||
|
public partial class HealthBanner : UserControl
|
||||||
|
{
|
||||||
|
public HealthBanner()
|
||||||
|
{
|
||||||
|
InitializeComponent();
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,499 @@
|
|||||||
|
<UserControl x:Class="ytLive.Controls.LeftPanel"
|
||||||
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||||
|
xmlns:Helpers="clr-namespace:ytLive.Helpers"
|
||||||
|
xmlns:models="clr-namespace:ytLive.Models">
|
||||||
|
<Border Background="#16213e" CornerRadius="6" Padding="12">
|
||||||
|
<Grid>
|
||||||
|
<Grid.RowDefinitions>
|
||||||
|
<RowDefinition Height="*"/>
|
||||||
|
</Grid.RowDefinitions>
|
||||||
|
|
||||||
|
<!-- Edit mode (offline): layers + properties -->
|
||||||
|
<Grid Grid.Row="0" Visibility="{Binding IsEditMode, Converter={StaticResource BoolToVis}}">
|
||||||
|
<Grid.RowDefinitions>
|
||||||
|
<RowDefinition Height="Auto"/>
|
||||||
|
<RowDefinition Height="Auto"/>
|
||||||
|
<RowDefinition Height="Auto"/>
|
||||||
|
<RowDefinition Height="Auto"/>
|
||||||
|
<RowDefinition Height="Auto"/>
|
||||||
|
<RowDefinition Height="*"/>
|
||||||
|
</Grid.RowDefinitions>
|
||||||
|
|
||||||
|
<!-- LAYERS header + Add button -->
|
||||||
|
<StackPanel Grid.Row="0" Orientation="Horizontal" Margin="0,8,0,0">
|
||||||
|
<TextBlock Text="LAYERS" Style="{StaticResource SectionHeader}" VerticalAlignment="Center"/>
|
||||||
|
<Button ToolTip="Add Layer" Style="{StaticResource IconButton}" Margin="4,-4,0,0"
|
||||||
|
Click="AddSourceButton_Click">
|
||||||
|
<Button.ContextMenu>
|
||||||
|
<ContextMenu DataContext="{Binding PlacementTarget.DataContext, RelativeSource={RelativeSource Self}}">
|
||||||
|
<MenuItem Header="Webcam" Command="{Binding AddWebcamCommand}"
|
||||||
|
IsEnabled="{Binding CanAddWebcam}"
|
||||||
|
ToolTip="One webcam at a time — it's already in your stream"/>
|
||||||
|
<MenuItem Header="Image" Command="{Binding AddImageCommand}"/>
|
||||||
|
<MenuItem Header="Text" Command="{Binding AddSourceCommand}" CommandParameter="{x:Static models:SourceType.TextOverlay}"/>
|
||||||
|
<MenuItem Header="Countdown" Command="{Binding AddSourceCommand}" CommandParameter="{x:Static models:SourceType.Countdown}"
|
||||||
|
Visibility="{Binding IsCountdownAvailable, Converter={StaticResource BoolToVis}}"
|
||||||
|
ToolTip="Timer overlay — Starting and BRB screens only"/>
|
||||||
|
<MenuItem Header="Web Resource" Command="{Binding AddSourceCommand}" CommandParameter="{x:Static models:SourceType.WebSource}"
|
||||||
|
ToolTip="Embedded web page — set URI in Properties panel"/>
|
||||||
|
<MenuItem Header="YouTube Chat" Command="{Binding AddSourceCommand}" CommandParameter="{x:Static models:SourceType.ChatBox}"
|
||||||
|
IsEnabled="{Binding CanAddYouTubeChat}"
|
||||||
|
ToolTip="One chat layer at a time — it's already in your stream"/>
|
||||||
|
</ContextMenu>
|
||||||
|
</Button.ContextMenu>
|
||||||
|
<Path Data="M12,4 L12,20 M4,12 L20,12" Stroke="#e94560" StrokeThickness="2"
|
||||||
|
Width="14" Height="14" Stretch="Uniform"/>
|
||||||
|
</Button>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<Helpers:FocusPreservingListBox x:Name="SourceList" Grid.Row="1" Background="Transparent" BorderThickness="0"
|
||||||
|
ItemsSource="{Binding StagedScene.Elements}"
|
||||||
|
SelectedItem="{Binding SelectedElement, Mode=TwoWay}"
|
||||||
|
PreviewMouseLeftButtonDown="List_PreviewMouseLeftButtonDown"
|
||||||
|
PreviewMouseMove="List_PreviewMouseMove"
|
||||||
|
PreviewMouseLeftButtonUp="List_PreviewMouseLeftButtonUp"
|
||||||
|
Foreground="#e0e0e0" FontSize="13">
|
||||||
|
<Helpers:FocusPreservingListBox.ItemContainerStyle>
|
||||||
|
<Style TargetType="ListBoxItem" BasedOn="{StaticResource YtListBoxItem}">
|
||||||
|
<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
|
||||||
|
<Style.Triggers>
|
||||||
|
<DataTrigger Binding="{Binding IsVisible}" Value="False">
|
||||||
|
<Setter Property="Opacity" Value="0.45"/>
|
||||||
|
</DataTrigger>
|
||||||
|
</Style.Triggers>
|
||||||
|
</Style>
|
||||||
|
</Helpers:FocusPreservingListBox.ItemContainerStyle>
|
||||||
|
<ListBox.ItemTemplate>
|
||||||
|
<DataTemplate>
|
||||||
|
<Grid Margin="0,2"
|
||||||
|
Tag="{Binding DataContext.CanChangeBackground, RelativeSource={RelativeSource AncestorType=Window}}">
|
||||||
|
<Grid.ColumnDefinitions>
|
||||||
|
<ColumnDefinition Width="*"/>
|
||||||
|
<ColumnDefinition Width="Auto"/>
|
||||||
|
<ColumnDefinition Width="Auto"/>
|
||||||
|
<ColumnDefinition Width="Auto"/>
|
||||||
|
</Grid.ColumnDefinitions>
|
||||||
|
|
||||||
|
<Grid.ContextMenu>
|
||||||
|
<ContextMenu DataContext="{Binding PlacementTarget.DataContext, RelativeSource={RelativeSource Self}}">
|
||||||
|
<MenuItem Header="Change Capture…" Click="BackgroundMenu_ChangeCapture">
|
||||||
|
<MenuItem.Visibility>
|
||||||
|
<MultiBinding Converter="{StaticResource AllTrueToVis}">
|
||||||
|
<Binding Path="IsBackground"/>
|
||||||
|
<Binding Path="PlacementTarget.Tag" RelativeSource="{RelativeSource AncestorType={x:Type ContextMenu}}"/>
|
||||||
|
</MultiBinding>
|
||||||
|
</MenuItem.Visibility>
|
||||||
|
</MenuItem>
|
||||||
|
<MenuItem Header="Refresh Capture" Click="BackgroundMenu_RefreshCapture">
|
||||||
|
<MenuItem.Visibility>
|
||||||
|
<MultiBinding Converter="{StaticResource AllTrueToVis}">
|
||||||
|
<Binding Path="IsBackground"/>
|
||||||
|
<Binding Path="PlacementTarget.Tag" RelativeSource="{RelativeSource AncestorType={x:Type ContextMenu}}"/>
|
||||||
|
</MultiBinding>
|
||||||
|
</MenuItem.Visibility>
|
||||||
|
</MenuItem>
|
||||||
|
<Separator>
|
||||||
|
<Separator.Visibility>
|
||||||
|
<MultiBinding Converter="{StaticResource AllTrueToVis}">
|
||||||
|
<Binding Path="IsBackground"/>
|
||||||
|
<Binding Path="PlacementTarget.Tag" RelativeSource="{RelativeSource AncestorType={x:Type ContextMenu}}"/>
|
||||||
|
</MultiBinding>
|
||||||
|
</Separator.Visibility>
|
||||||
|
</Separator>
|
||||||
|
<MenuItem Header="Remove Layer" Click="SourceMenu_Remove"
|
||||||
|
Visibility="{Binding IsBackground, Converter={StaticResource InverseBoolToVis}}"/>
|
||||||
|
</ContextMenu>
|
||||||
|
</Grid.ContextMenu>
|
||||||
|
|
||||||
|
<TextBlock Grid.Column="0" Text="{Binding Name}" VerticalAlignment="Center"
|
||||||
|
Padding="4,2" TextTrimming="CharacterEllipsis">
|
||||||
|
<TextBlock.Style>
|
||||||
|
<Style TargetType="TextBlock">
|
||||||
|
<Setter Property="Visibility" Value="Visible"/>
|
||||||
|
<Style.Triggers>
|
||||||
|
<DataTrigger Binding="{Binding IsEditing}" Value="True">
|
||||||
|
<Setter Property="Visibility" Value="Collapsed"/>
|
||||||
|
</DataTrigger>
|
||||||
|
</Style.Triggers>
|
||||||
|
</Style>
|
||||||
|
</TextBlock.Style>
|
||||||
|
</TextBlock>
|
||||||
|
|
||||||
|
<TextBox Grid.Column="0" Text="{Binding Name, UpdateSourceTrigger=PropertyChanged}"
|
||||||
|
Background="#0f3460" Foreground="#e0e0e0" BorderThickness="0"
|
||||||
|
Padding="4,2" VerticalContentAlignment="Center"
|
||||||
|
IsVisibleChanged="SourceNameBox_IsVisibleChanged"
|
||||||
|
KeyDown="SourceNameBox_KeyDown" LostFocus="SourceNameBox_LostFocus">
|
||||||
|
<TextBox.Style>
|
||||||
|
<Style TargetType="TextBox">
|
||||||
|
<Setter Property="Visibility" Value="Collapsed"/>
|
||||||
|
<Style.Triggers>
|
||||||
|
<DataTrigger Binding="{Binding IsEditing}" Value="True">
|
||||||
|
<Setter Property="Visibility" Value="Visible"/>
|
||||||
|
</DataTrigger>
|
||||||
|
</Style.Triggers>
|
||||||
|
</Style>
|
||||||
|
</TextBox.Style>
|
||||||
|
</TextBox>
|
||||||
|
|
||||||
|
<Button Grid.Column="1" ToolTip="Edit Layer Name"
|
||||||
|
Command="{Binding DataContext.EditElementCommand, RelativeSource={RelativeSource AncestorType=ListBox}}"
|
||||||
|
CommandParameter="{Binding}" Style="{StaticResource IconButton}">
|
||||||
|
<Path Data="M3,17.25V21h3.75L17.81,9.94l-3.75,-3.75L3,17.25zM20.71,7.04c0.39,-0.39 0.39,-1.02 0,-1.41l-2.34,-2.34c-0.39,-0.39 -1.02,-0.39 -1.41,0l-1.83,1.83 3.75,3.75 1.83,-1.83z"
|
||||||
|
Fill="#d0d0d0" Width="13" Height="13" Stretch="Uniform"/>
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
<Button Grid.Column="2" Style="{StaticResource EyeButton}"
|
||||||
|
Command="{Binding DataContext.ToggleElementVisibilityCommand, RelativeSource={RelativeSource AncestorType=ListBox}}"
|
||||||
|
CommandParameter="{Binding}">
|
||||||
|
<Path Style="{StaticResource EyeIconStyle}" Fill="#d0d0d0"
|
||||||
|
Width="13" Height="13" Stretch="Uniform"/>
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
<Button Grid.Column="3" ToolTip="Remove Layer"
|
||||||
|
Command="{Binding DataContext.RemoveSourceCommand, RelativeSource={RelativeSource AncestorType=ListBox}}"
|
||||||
|
CommandParameter="{Binding}" Style="{StaticResource IconButton}"
|
||||||
|
Visibility="{Binding IsBackground, Converter={StaticResource HiddenBoolToVis}}">
|
||||||
|
<Path Data="M6,19c0,1.1 0.9,2 2,2h8c1.1,0 2,-0.9 2,-2V7H6v12zM19,4h-3.5l-1,-1h-5l-1,1H5v2h14V4z"
|
||||||
|
Fill="#d0d0d0" Width="13" Height="13" Stretch="Uniform"/>
|
||||||
|
</Button>
|
||||||
|
</Grid>
|
||||||
|
</DataTemplate>
|
||||||
|
</ListBox.ItemTemplate>
|
||||||
|
</Helpers:FocusPreservingListBox>
|
||||||
|
|
||||||
|
<TextBlock Grid.Row="2" Text="No layers yet" Foreground="#555" FontSize="12"
|
||||||
|
HorizontalAlignment="Center" VerticalAlignment="Center"
|
||||||
|
Visibility="{Binding ShowSourcesEmptyHint, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
|
||||||
|
<!-- ELEMENTS panel: per-element config beneath Sources.
|
||||||
|
Collapses entirely when no element is selected. -->
|
||||||
|
<Rectangle Grid.Row="3" Height="1" Fill="#2c3a5c" Margin="0,10,0,2"
|
||||||
|
Visibility="{Binding SelectedElement, Converter={StaticResource NotNullToVis}}"/>
|
||||||
|
<StackPanel Grid.Row="4" Orientation="Horizontal" Margin="0,8,0,0"
|
||||||
|
Visibility="{Binding SelectedElement, Converter={StaticResource NotNullToVis}}">
|
||||||
|
<TextBlock Text="PROPERTIES" Style="{StaticResource SectionHeader}" VerticalAlignment="Center"/>
|
||||||
|
</StackPanel>
|
||||||
|
<ScrollViewer x:Name="ElementsScrollViewer" Grid.Row="5" VerticalScrollBarVisibility="Auto" Background="Transparent"
|
||||||
|
Visibility="{Binding SelectedElement, Converter={StaticResource NotNullToVis}}">
|
||||||
|
<StackPanel x:Name="ElementsPanel" Margin="0,4,0,0">
|
||||||
|
<!-- Opacity + mirror/shape (draggable elements: image, webcam) -->
|
||||||
|
<StackPanel Visibility="{Binding SelectedElement.IsDraggable, Converter={StaticResource BoolToVis}}" Margin="0,0,0,8">
|
||||||
|
<StackPanel Visibility="{Binding SelectedElement.IsChatBox, Converter={StaticResource InverseBoolToVis}}">
|
||||||
|
<TextBlock Text="Opacity" Foreground="#a0a0b0" FontSize="11" Margin="0,0,0,2"/>
|
||||||
|
<DockPanel Margin="0,0,0,6">
|
||||||
|
<TextBlock x:Name="OpacityValueText" Text="100%" Foreground="#a0a0b0" FontSize="11"
|
||||||
|
DockPanel.Dock="Right" VerticalAlignment="Center" Margin="8,0,0,0" Width="32"/>
|
||||||
|
<Slider x:Name="OpacitySlider" Width="120" Minimum="0" Maximum="1"
|
||||||
|
Value="{Binding SelectedElement.Opacity, Mode=TwoWay}"
|
||||||
|
ValueChanged="OpacitySlider_ValueChanged" VerticalAlignment="Center"/>
|
||||||
|
</DockPanel>
|
||||||
|
</StackPanel>
|
||||||
|
<StackPanel Orientation="Horizontal" Margin="0,0,0,4"
|
||||||
|
Visibility="{Binding IsWebcamSelected, Converter={StaticResource BoolToVis}}">
|
||||||
|
<Button Content="{Binding SelectedElement.MirrorButtonText}"
|
||||||
|
Style="{StaticResource YtButtonSecondary}" Padding="10,4"
|
||||||
|
Click="MirrorButton_Click"/>
|
||||||
|
<Button Content="{Binding SelectedElement.ShapeButtonText}"
|
||||||
|
Style="{StaticResource YtButtonSecondary}" Padding="10,4"
|
||||||
|
Margin="8,0,0,0" Click="ShapeButton_Click"/>
|
||||||
|
</StackPanel>
|
||||||
|
<TextBlock Text="Drag to move · drag the corner dot to resize"
|
||||||
|
Foreground="#a0a0b0" FontSize="10" Margin="0,2,0,0"/>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Webcam border config -->
|
||||||
|
<StackPanel Visibility="{Binding SelectedElement.IsWebcam, Converter={StaticResource BoolToVis}}" Margin="0,0,0,8">
|
||||||
|
<TextBlock Text="Border Color" Foreground="#a0a0b0" FontSize="11" Margin="0,0,0,2"/>
|
||||||
|
<DockPanel Margin="0,0,0,6">
|
||||||
|
<Button DockPanel.Dock="Right" Content="..." Width="24" Height="24"
|
||||||
|
Click="WebcamBorderColorPicker_Click" Margin="4,0,0,0"
|
||||||
|
ToolTip="Pick color"/>
|
||||||
|
<TextBox Text="{Binding SelectedElement.BorderColor, UpdateSourceTrigger=PropertyChanged}"
|
||||||
|
Background="#0f3460" Foreground="#e0d0e0" BorderThickness="1"
|
||||||
|
BorderBrush="#2c3a5c" Padding="4,2" FontSize="12"
|
||||||
|
MaxLength="7" ToolTip="#RRGGBB"/>
|
||||||
|
</DockPanel>
|
||||||
|
<TextBlock Text="Border Thickness" Foreground="#a0a0b0" FontSize="11" Margin="0,0,0,2"/>
|
||||||
|
<DockPanel Margin="0,0,0,6">
|
||||||
|
<Button DockPanel.Dock="Right" Style="{StaticResource IconButton}"
|
||||||
|
Width="22" Height="22" Margin="4,0,0,0"
|
||||||
|
Click="WebcamBorderAccept_Click">
|
||||||
|
<Path Data="M4,9 L8,14 L16,4" Stroke="#22c55e" StrokeThickness="2"
|
||||||
|
Width="14" Height="14" Stretch="Uniform"/>
|
||||||
|
</Button>
|
||||||
|
<Button DockPanel.Dock="Right" Style="{StaticResource IconButton}"
|
||||||
|
Width="22" Height="22" ToolTip="Revert"
|
||||||
|
Click="WebcamBorderRevert_Click" Margin="4,0,0,0">
|
||||||
|
<Path Data="M5,5 L15,15 M15,5 L5,15" Stroke="#e94560" StrokeThickness="2"
|
||||||
|
Width="14" Height="14" Stretch="Uniform"/>
|
||||||
|
</Button>
|
||||||
|
<Slider DockPanel.Dock="Left" Width="120" Minimum="0" Maximum="10"
|
||||||
|
Value="{Binding SelectedElement.BorderWidth, Mode=TwoWay}"
|
||||||
|
VerticalAlignment="Center" TickFrequency="1" IsSnapToTickEnabled="True"/>
|
||||||
|
<TextBlock Text="{Binding SelectedElement.BorderWidth}" Foreground="#a0a0b0" FontSize="11"
|
||||||
|
VerticalAlignment="Center" Margin="8,0,0,0" Width="20"/>
|
||||||
|
</DockPanel>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Countdown config -->
|
||||||
|
<StackPanel Visibility="{Binding SelectedElement.IsCountdown, Converter={StaticResource BoolToVis}}" Margin="0,0,0,8">
|
||||||
|
<TextBlock Text="Timer (minutes)" Foreground="#a0a0b0" FontSize="11" Margin="0,0,0,2"/>
|
||||||
|
<DockPanel Margin="0,0,0,6">
|
||||||
|
<Button DockPanel.Dock="Right" Style="{StaticResource IconButton}"
|
||||||
|
Width="22" Height="22" Margin="4,0,0,0"
|
||||||
|
Click="CountdownAccept_Click">
|
||||||
|
<Path Data="M4,9 L8,14 L16,4" Stroke="#22c55e" StrokeThickness="2"
|
||||||
|
Width="14" Height="14" Stretch="Uniform"/>
|
||||||
|
</Button>
|
||||||
|
<Button DockPanel.Dock="Right" Style="{StaticResource IconButton}"
|
||||||
|
Width="22" Height="22" ToolTip="Revert"
|
||||||
|
Click="CountdownRevert_Click" Margin="4,0,0,0">
|
||||||
|
<Path Data="M5,5 L15,15 M15,5 L5,15" Stroke="#e94560" StrokeThickness="2"
|
||||||
|
Width="14" Height="14" Stretch="Uniform"/>
|
||||||
|
</Button>
|
||||||
|
<Slider DockPanel.Dock="Left" Width="120" Minimum="1" Maximum="60"
|
||||||
|
Value="{Binding SelectedElement.TimerMinutes, Mode=TwoWay}"
|
||||||
|
VerticalAlignment="Center" TickFrequency="1" IsSnapToTickEnabled="True"/>
|
||||||
|
<TextBlock Text="{Binding SelectedElement.TimerMinutes}" Foreground="#a0a0b0" FontSize="11"
|
||||||
|
VerticalAlignment="Center" Margin="8,0,0,0" Width="20"/>
|
||||||
|
</DockPanel>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Web source config -->
|
||||||
|
<StackPanel Visibility="{Binding SelectedElement.IsWebSource, Converter={StaticResource BoolToVis}}" Margin="0,0,0,8">
|
||||||
|
<TextBlock Text="Geometry" Foreground="#a0a0b0" FontSize="11" FontWeight="SemiBold" Margin="0,0,0,4"/>
|
||||||
|
<DockPanel Margin="0,0,0,4">
|
||||||
|
<TextBlock DockPanel.Dock="Left" Text="X" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center" Width="16"/>
|
||||||
|
<TextBox Text="{Binding SelectedElement.X, UpdateSourceTrigger=PropertyChanged, StringFormat=F0}"
|
||||||
|
Background="#0f3460" Foreground="#e0d0e0" BorderThickness="1"
|
||||||
|
BorderBrush="#2c3a5c" Padding="4,2" FontSize="12"/>
|
||||||
|
<TextBlock DockPanel.Dock="Left" Text=" Y" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center" Width="20" Margin="8,0,0,0"/>
|
||||||
|
<TextBox Text="{Binding SelectedElement.Y, UpdateSourceTrigger=PropertyChanged, StringFormat=F0}"
|
||||||
|
Background="#0f3460" Foreground="#e0d0e0" BorderThickness="1"
|
||||||
|
BorderBrush="#2c3a5c" Padding="4,2" FontSize="12"/>
|
||||||
|
</DockPanel>
|
||||||
|
<DockPanel Margin="0,0,0,4">
|
||||||
|
<TextBlock DockPanel.Dock="Left" Text="W" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center" Width="16"/>
|
||||||
|
<TextBox Text="{Binding SelectedElement.Width, UpdateSourceTrigger=PropertyChanged, StringFormat=F0}"
|
||||||
|
Background="#0f3460" Foreground="#e0d0e0" BorderThickness="1"
|
||||||
|
BorderBrush="#2c3a5c" Padding="4,2" FontSize="12"/>
|
||||||
|
<TextBlock DockPanel.Dock="Left" Text=" H" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center" Width="20" Margin="8,0,0,0"/>
|
||||||
|
<TextBox Text="{Binding SelectedElement.Height, UpdateSourceTrigger=PropertyChanged, StringFormat=F0}"
|
||||||
|
Background="#0f3460" Foreground="#e0d0e0" BorderThickness="1"
|
||||||
|
BorderBrush="#2c3a5c" Padding="4,2" FontSize="12"/>
|
||||||
|
</DockPanel>
|
||||||
|
<TextBlock Text="URI" Foreground="#a0a0b0" FontSize="11" Margin="0,0,0,2"/>
|
||||||
|
<DockPanel>
|
||||||
|
<Button DockPanel.Dock="Right" Style="{StaticResource IconButton}"
|
||||||
|
Width="22" Height="22" Margin="4,0,0,0" IsTabStop="False"
|
||||||
|
Click="WebAccept_Click">
|
||||||
|
<Path Data="M4,9 L8,14 L16,4" Stroke="#22c55e" StrokeThickness="2"
|
||||||
|
Width="14" Height="14" Stretch="Uniform"/>
|
||||||
|
</Button>
|
||||||
|
<Button DockPanel.Dock="Right" Style="{StaticResource IconButton}"
|
||||||
|
Width="22" Height="22" ToolTip="Revert" IsTabStop="False"
|
||||||
|
Click="WebRevert_Click" Margin="4,0,0,0">
|
||||||
|
<Path Data="M5,5 L15,15 M15,5 L5,15" Stroke="#e94560" StrokeThickness="2"
|
||||||
|
Width="14" Height="14" Stretch="Uniform"/>
|
||||||
|
</Button>
|
||||||
|
<TextBox Text="{Binding SelectedElement.WebUri, UpdateSourceTrigger=PropertyChanged}"
|
||||||
|
Background="#0f3460" Foreground="#e0d0e0" BorderThickness="1"
|
||||||
|
BorderBrush="#2c3a5c" Padding="4,2" FontSize="12"
|
||||||
|
ToolTip="https://example.com"/>
|
||||||
|
</DockPanel>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Chat box config -->
|
||||||
|
<StackPanel Visibility="{Binding SelectedElement.IsChatBox, Converter={StaticResource BoolToVis}}" Margin="0,0,0,8">
|
||||||
|
<TextBlock Text="Chat Overlay" Foreground="#a0a0b0" FontSize="11" FontWeight="SemiBold" Margin="0,0,0,6"/>
|
||||||
|
|
||||||
|
<!-- Font Size -->
|
||||||
|
<DockPanel Margin="0,0,0,4">
|
||||||
|
<TextBlock DockPanel.Dock="Left" Text="Font Size" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center" Width="70"/>
|
||||||
|
<Slider x:Name="ChatFontSizeSlider" Width="120" Minimum="8" Maximum="72" TickFrequency="2" IsSnapToTickEnabled="True"
|
||||||
|
Value="{Binding SelectedElement.ChatFontSize, Mode=TwoWay}"
|
||||||
|
VerticalAlignment="Center"/>
|
||||||
|
<TextBlock DockPanel.Dock="Right" Text="{Binding SelectedElement.ChatFontSize, StringFormat={}{0:0}}" Foreground="#e0e0e0" FontSize="11" Margin="6,0,0,0" VerticalAlignment="Center" Width="24"/>
|
||||||
|
</DockPanel>
|
||||||
|
|
||||||
|
<!-- Font Family -->
|
||||||
|
<DockPanel Margin="0,0,0,4">
|
||||||
|
<TextBlock DockPanel.Dock="Left" Text="Font" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center" Width="70"/>
|
||||||
|
<ComboBox SelectedValue="{Binding SelectedElement.ChatFontFamily, Mode=TwoWay}"
|
||||||
|
SelectedValuePath="Content"
|
||||||
|
Background="#0f3460" Foreground="#e0e0e0" FontSize="11"
|
||||||
|
Width="140" VerticalAlignment="Center">
|
||||||
|
<ComboBoxItem Content="Segoe UI"/>
|
||||||
|
<ComboBoxItem Content="Arial"/>
|
||||||
|
<ComboBoxItem Content="Consolas"/>
|
||||||
|
<ComboBoxItem Content="Courier New"/>
|
||||||
|
<ComboBoxItem Content="Comic Sans MS"/>
|
||||||
|
<ComboBoxItem Content="Mouse Memoirs"/>
|
||||||
|
</ComboBox>
|
||||||
|
</DockPanel>
|
||||||
|
|
||||||
|
<!-- Font Color -->
|
||||||
|
<DockPanel Margin="0,0,0,4">
|
||||||
|
<TextBlock DockPanel.Dock="Left" Text="Font Color" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center" Width="70"/>
|
||||||
|
<TextBox Text="{Binding SelectedElement.ChatFontColor, UpdateSourceTrigger=PropertyChanged}"
|
||||||
|
Background="#0f3460" Foreground="#e0e0e0" BorderThickness="1"
|
||||||
|
BorderBrush="#2c3a5c" Padding="4,2" FontSize="11" Width="80"/>
|
||||||
|
</DockPanel>
|
||||||
|
|
||||||
|
<!-- Member Color -->
|
||||||
|
<DockPanel Margin="0,0,0,4">
|
||||||
|
<TextBlock DockPanel.Dock="Left" Text="Member" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center" Width="70"/>
|
||||||
|
<TextBox Text="{Binding SelectedElement.ChatMemberColor, UpdateSourceTrigger=PropertyChanged}"
|
||||||
|
Background="#0f3460" Foreground="#e0e0e0" BorderThickness="1"
|
||||||
|
BorderBrush="#2c3a5c" Padding="4,2" FontSize="11" Width="80"/>
|
||||||
|
</DockPanel>
|
||||||
|
|
||||||
|
<!-- Super Chat Color -->
|
||||||
|
<DockPanel Margin="0,0,0,4">
|
||||||
|
<TextBlock DockPanel.Dock="Left" Text="Super Chat" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center" Width="70"/>
|
||||||
|
<TextBox Text="{Binding SelectedElement.ChatSuperChatColor, UpdateSourceTrigger=PropertyChanged}"
|
||||||
|
Background="#0f3460" Foreground="#e0e0e0" BorderThickness="1"
|
||||||
|
BorderBrush="#2c3a5c" Padding="4,2" FontSize="11" Width="80"/>
|
||||||
|
</DockPanel>
|
||||||
|
|
||||||
|
<!-- Max Messages -->
|
||||||
|
<DockPanel Margin="0,0,0,4">
|
||||||
|
<TextBlock DockPanel.Dock="Left" Text="Max Msgs" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center" Width="70"/>
|
||||||
|
<Slider x:Name="ChatMaxMsgsSlider" Width="120" Minimum="1" Maximum="20" TickFrequency="1" IsSnapToTickEnabled="True"
|
||||||
|
Value="{Binding SelectedElement.ChatMaxMessages, Mode=TwoWay}"
|
||||||
|
VerticalAlignment="Center"/>
|
||||||
|
<TextBlock DockPanel.Dock="Right" Text="{Binding SelectedElement.ChatMaxMessages}" Foreground="#e0e0e0" FontSize="11" Margin="6,0,0,0" VerticalAlignment="Center" Width="24"/>
|
||||||
|
</DockPanel>
|
||||||
|
|
||||||
|
<!-- Background Color -->
|
||||||
|
<DockPanel Margin="0,0,0,4">
|
||||||
|
<TextBlock DockPanel.Dock="Left" Text="Background" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center" Width="70"/>
|
||||||
|
<TextBox Text="{Binding SelectedElement.ChatBackgroundColor, UpdateSourceTrigger=PropertyChanged}"
|
||||||
|
Background="#0f3460" Foreground="#e0e0e0" BorderThickness="1"
|
||||||
|
BorderBrush="#2c3a5c" Padding="4,2" FontSize="11" Width="80"/>
|
||||||
|
</DockPanel>
|
||||||
|
|
||||||
|
<!-- Background Opacity -->
|
||||||
|
<DockPanel Margin="0,0,0,4">
|
||||||
|
<TextBlock DockPanel.Dock="Left" Text="Bg Opacity" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center" Width="70"/>
|
||||||
|
<Slider x:Name="ChatBgOpacitySlider" Width="120" Minimum="0" Maximum="1"
|
||||||
|
Value="{Binding SelectedElement.ChatBackgroundOpacity, Mode=TwoWay}"
|
||||||
|
VerticalAlignment="Center"/>
|
||||||
|
<TextBlock DockPanel.Dock="Right" Text="{Binding SelectedElement.ChatBackgroundOpacity, StringFormat={}{0:0%}}" Foreground="#e0e0e0" FontSize="11" Margin="6,0,0,0" VerticalAlignment="Center" Width="32"/>
|
||||||
|
</DockPanel>
|
||||||
|
|
||||||
|
<!-- Fade After (seconds) -->
|
||||||
|
<DockPanel Margin="0,0,0,4">
|
||||||
|
<TextBlock DockPanel.Dock="Left" Text="Fade After" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center" Width="70"/>
|
||||||
|
<Slider x:Name="ChatFadeSlider" Width="120" Minimum="0" Maximum="60" TickFrequency="5" IsSnapToTickEnabled="True"
|
||||||
|
Value="{Binding SelectedElement.ChatFadeSeconds, Mode=TwoWay}"
|
||||||
|
VerticalAlignment="Center"/>
|
||||||
|
<TextBlock DockPanel.Dock="Right" Text="{Binding SelectedElement.ChatFadeSeconds, StringFormat='{}{0}s'}" Foreground="#e0e0e0" FontSize="11" Margin="6,0,0,0" VerticalAlignment="Center" Width="28"/>
|
||||||
|
</DockPanel>
|
||||||
|
|
||||||
|
<!-- Toggles -->
|
||||||
|
<CheckBox Content="Show timestamps" Foreground="#a0a0b0" FontSize="11" Margin="0,4,0,2"
|
||||||
|
IsChecked="{Binding SelectedElement.ChatShowTimestamps, Mode=TwoWay}"/>
|
||||||
|
<CheckBox Content="Show badges" Foreground="#a0a0b0" FontSize="11" Margin="0,0,0,2"
|
||||||
|
IsChecked="{Binding SelectedElement.ChatShowBadges, Mode=TwoWay}"/>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Background properties -->
|
||||||
|
<StackPanel Margin="0,8,0,0"
|
||||||
|
Visibility="{Binding SelectedElement.IsBackground, Converter={StaticResource BoolToVis}}">
|
||||||
|
<TextBlock Text="Background" Style="{StaticResource SubHeader}"/>
|
||||||
|
<StackPanel Margin="4,0,0,0">
|
||||||
|
<StackPanel Orientation="Horizontal" Margin="0,0,0,8">
|
||||||
|
<TextBlock Text="Use default background:" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center"/>
|
||||||
|
<ToggleButton Style="{StaticResource PillToggle}"
|
||||||
|
IsChecked="{Binding SelectedElement.UseDefaultBackground, Mode=TwoWay}"
|
||||||
|
Margin="8,0,0,0"/>
|
||||||
|
</StackPanel>
|
||||||
|
<Grid Margin="0,0,0,4"
|
||||||
|
Visibility="{Binding SelectedElement.UseDefaultBackground, Converter={StaticResource InverseBoolToVis}}">
|
||||||
|
<Grid.ColumnDefinitions>
|
||||||
|
<ColumnDefinition Width="*"/>
|
||||||
|
<ColumnDefinition Width="Auto"/>
|
||||||
|
</Grid.ColumnDefinitions>
|
||||||
|
<TextBox Grid.Column="0" Text="{Binding SelectedElement.CustomBackgroundPath, Mode=OneWay}"
|
||||||
|
IsReadOnly="True" Background="#0f3460" Foreground="#a0a0b0"
|
||||||
|
FontSize="11" VerticalAlignment="Center"/>
|
||||||
|
<Button Grid.Column="1" Content="Browse…" Command="{Binding BrowseBackgroundCommand}"
|
||||||
|
Style="{StaticResource YtButtonSecondary}" Margin="4,0,0,0" Padding="8,2"/>
|
||||||
|
</Grid>
|
||||||
|
<TextBlock Text="{Binding BackgroundSizeMismatchText}"
|
||||||
|
Foreground="#ef4444" FontSize="11" TextWrapping="Wrap"
|
||||||
|
Margin="0,4,0,0"
|
||||||
|
Visibility="{Binding BackgroundSizeMismatch, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
</StackPanel>
|
||||||
|
</StackPanel>
|
||||||
|
</StackPanel>
|
||||||
|
</ScrollViewer>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
<!-- Live mode: YouTube Live Chat (entire left panel replaced) -->
|
||||||
|
<Grid Grid.Row="0" Visibility="{Binding IsEditMode, Converter={StaticResource InverseBoolToVis}}">
|
||||||
|
<Grid.RowDefinitions>
|
||||||
|
<RowDefinition Height="Auto"/>
|
||||||
|
<RowDefinition Height="*"/>
|
||||||
|
</Grid.RowDefinitions>
|
||||||
|
|
||||||
|
<TextBlock Grid.Row="0" Text="LIVE CHAT" Style="{StaticResource SectionHeader}"/>
|
||||||
|
|
||||||
|
<!-- Inactive overlay (shown when NOT live) -->
|
||||||
|
<StackPanel Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Center"
|
||||||
|
Visibility="{Binding ShowChatInactiveMessage, Converter={StaticResource BoolToVis}}">
|
||||||
|
<TextBlock Text="Chat is inactive" Foreground="#a0a0b0" FontSize="13"
|
||||||
|
HorizontalAlignment="Center" Margin="0,0,0,4"/>
|
||||||
|
<TextBlock Text="Chat becomes active once LlamaCasty is connected and streaming on YouTube."
|
||||||
|
Foreground="#666" FontSize="11" TextWrapping="Wrap"
|
||||||
|
HorizontalAlignment="Center" TextAlignment="Center" MaxWidth="240"/>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Message feed (shown when live) -->
|
||||||
|
<ListBox Grid.Row="1" Background="Transparent" BorderThickness="0"
|
||||||
|
ItemsSource="{Binding ChatMessages}"
|
||||||
|
ItemContainerStyle="{StaticResource YtListBoxItem}"
|
||||||
|
Visibility="{Binding ShowChatInactiveMessage, Converter={StaticResource InverseBoolToVis}}"
|
||||||
|
x:Name="ChatListBox">
|
||||||
|
<ListBox.ItemTemplate><DataTemplate>
|
||||||
|
<Border x:Name="MessageBorder" Padding="6,4" CornerRadius="4">
|
||||||
|
<Border.Style>
|
||||||
|
<Style TargetType="Border">
|
||||||
|
<Setter Property="Background" Value="Transparent"/>
|
||||||
|
<Style.Triggers>
|
||||||
|
<DataTrigger Binding="{Binding IsSuperChat}" Value="True">
|
||||||
|
<Setter Property="Background" Value="#2a1a0a"/>
|
||||||
|
<Setter Property="BorderBrush" Value="#eab308"/>
|
||||||
|
<Setter Property="BorderThickness" Value="1,0,1,0"/>
|
||||||
|
</DataTrigger>
|
||||||
|
</Style.Triggers>
|
||||||
|
</Style>
|
||||||
|
</Border.Style>
|
||||||
|
<StackPanel>
|
||||||
|
<StackPanel Orientation="Horizontal" Margin="0,0,0,2">
|
||||||
|
<TextBlock Text="⭐" FontSize="10" Margin="0,0,4,0"
|
||||||
|
VerticalAlignment="Center"
|
||||||
|
Visibility="{Binding IsMember, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
<TextBlock Text="{Binding AuthorName}" Foreground="#e94560"
|
||||||
|
FontWeight="Bold" FontSize="12" VerticalAlignment="Center"/>
|
||||||
|
<TextBlock Text="{Binding SuperChatAmount, StringFormat=${0:F2}}"
|
||||||
|
Foreground="#eab308" FontWeight="Bold" FontSize="12"
|
||||||
|
Margin="8,0,0,0" VerticalAlignment="Center"
|
||||||
|
Visibility="{Binding IsSuperChat, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
<TextBlock Text="{Binding SuperChatCurrency}" Foreground="#eab308"
|
||||||
|
FontSize="11" Margin="2,0,0,0" VerticalAlignment="Center"
|
||||||
|
Visibility="{Binding IsSuperChat, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
</StackPanel>
|
||||||
|
<TextBlock Text="{Binding Message}" Foreground="#e0e0e0"
|
||||||
|
TextWrapping="Wrap" Margin="0,2,0,0"/>
|
||||||
|
</StackPanel>
|
||||||
|
</Border>
|
||||||
|
</DataTemplate></ListBox.ItemTemplate>
|
||||||
|
</ListBox>
|
||||||
|
</Grid>
|
||||||
|
</Grid>
|
||||||
|
</Border>
|
||||||
|
</UserControl>
|
||||||
@@ -0,0 +1,310 @@
|
|||||||
|
using System.Collections;
|
||||||
|
using System.Windows;
|
||||||
|
using System.Windows.Controls;
|
||||||
|
using System.Windows.Input;
|
||||||
|
using System.Windows.Media;
|
||||||
|
using ytLive.Models;
|
||||||
|
using ytLive.ViewModels;
|
||||||
|
|
||||||
|
namespace ytLive.Controls;
|
||||||
|
|
||||||
|
public partial class LeftPanel : UserControl
|
||||||
|
{
|
||||||
|
private Models.SceneElement? _snapshotElement;
|
||||||
|
private string _snapshotBorderColor = string.Empty;
|
||||||
|
private int _snapshotBorderWidth;
|
||||||
|
private int _snapshotTimerMinutes = 15;
|
||||||
|
private string? _snapshotWebUri;
|
||||||
|
|
||||||
|
private Point _dragStartPoint;
|
||||||
|
private int _dragIndex = -1;
|
||||||
|
private bool _isDragging;
|
||||||
|
private object? _lastHoveredItem;
|
||||||
|
|
||||||
|
public LeftPanel()
|
||||||
|
{
|
||||||
|
InitializeComponent();
|
||||||
|
Loaded += (_, _) =>
|
||||||
|
{
|
||||||
|
if (DataContext is MainViewModel vm)
|
||||||
|
vm.ChatMessages.CollectionChanged += OnChatMessagesChanged;
|
||||||
|
};
|
||||||
|
Unloaded += (_, _) =>
|
||||||
|
{
|
||||||
|
if (DataContext is MainViewModel vm)
|
||||||
|
vm.ChatMessages.CollectionChanged -= OnChatMessagesChanged;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Called by the window's UpdateSelectionOverlay (edit mode only).
|
||||||
|
public void OnSelectionChanged(MainViewModel vm)
|
||||||
|
{
|
||||||
|
if (vm.SelectedElement is { } s && PreviewPane.IsDraggableElement(s))
|
||||||
|
OpacityValueText.Text = $"{Math.Round(s.Opacity * 100)}%";
|
||||||
|
TakeSnapshot(vm);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Deselection guard: true when the click is inside the source list or the
|
||||||
|
// element property scroller (window's Window_PreviewMouseLeftButtonDown).
|
||||||
|
public bool IsClickInside(DependencyObject original)
|
||||||
|
=> IsDescendantOf(original, SourceList) || IsDescendantOf(original, ElementsScrollViewer);
|
||||||
|
|
||||||
|
private static bool IsDescendantOf(DependencyObject? child, DependencyObject ancestor)
|
||||||
|
{
|
||||||
|
while (child != null && !ReferenceEquals(child, ancestor))
|
||||||
|
{
|
||||||
|
child = child is Visual or System.Windows.Media.Media3D.Visual3D
|
||||||
|
? VisualTreeHelper.GetParent(child)
|
||||||
|
: LogicalTreeHelper.GetParent(child);
|
||||||
|
}
|
||||||
|
return child != null;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void SourceNameBox_IsVisibleChanged(object sender, DependencyPropertyChangedEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is TextBox { IsVisible: true } box)
|
||||||
|
{
|
||||||
|
box.Focus();
|
||||||
|
box.SelectAll();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void AddSourceButton_Click(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is Button { ContextMenu: { } menu } button)
|
||||||
|
{
|
||||||
|
menu.PlacementTarget = button;
|
||||||
|
menu.Placement = System.Windows.Controls.Primitives.PlacementMode.Bottom;
|
||||||
|
menu.IsOpen = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void OnChatMessagesChanged(object? sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
|
||||||
|
{
|
||||||
|
if (e.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Add)
|
||||||
|
{
|
||||||
|
ChatListBox.ScrollIntoView(ChatListBox.Items[^1]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void MirrorButton_Click(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if ((DataContext as MainViewModel)?.SelectedElement is WebcamSceneConfig webcam)
|
||||||
|
webcam.IsMirrored = !webcam.IsMirrored;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void ShapeButton_Click(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if ((DataContext as MainViewModel)?.SelectedElement is WebcamSceneConfig webcam)
|
||||||
|
webcam.ToggleClipShape();
|
||||||
|
}
|
||||||
|
|
||||||
|
private void SourceMenu_Remove(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is MenuItem { DataContext: SceneElement element } && DataContext is MainViewModel vm)
|
||||||
|
vm.RemoveSourceCommand.Execute(element);
|
||||||
|
}
|
||||||
|
|
||||||
|
private void BackgroundMenu_ChangeCapture(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
_ = (DataContext as MainViewModel)?.ChangeBackgroundCaptureAsync();
|
||||||
|
}
|
||||||
|
|
||||||
|
private void BackgroundMenu_RefreshCapture(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
(DataContext as MainViewModel)?.RefreshBackgroundAutoCapture();
|
||||||
|
}
|
||||||
|
|
||||||
|
private void OpacitySlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
|
||||||
|
=> OpacityValueText.Text = $"{Math.Round(e.NewValue * 100)}%";
|
||||||
|
|
||||||
|
private void SourceNameBox_KeyDown(object sender, KeyEventArgs e)
|
||||||
|
{
|
||||||
|
if (e.Key is Key.Enter or Key.Escape)
|
||||||
|
{
|
||||||
|
CommitSourceEdit(sender);
|
||||||
|
e.Handled = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void SourceNameBox_LostFocus(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
CommitSourceEdit(sender);
|
||||||
|
}
|
||||||
|
|
||||||
|
private static void CommitSourceEdit(object sender)
|
||||||
|
{
|
||||||
|
if (sender is FrameworkElement { DataContext: SceneElement element })
|
||||||
|
element.IsEditing = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ─── List drag-to-reorder (scenes list + sources list) ───
|
||||||
|
private void List_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
|
||||||
|
{
|
||||||
|
var listBox = (ListBox)sender;
|
||||||
|
var item = FindItemContainerAt(listBox, e.GetPosition(listBox));
|
||||||
|
if (item == null)
|
||||||
|
{
|
||||||
|
if (ReferenceEquals(listBox, SourceList))
|
||||||
|
(DataContext as MainViewModel)!.SelectedElement = null;
|
||||||
|
_dragIndex = -1;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (listBox.ItemsSource is not IList items || items.Count == 0)
|
||||||
|
{
|
||||||
|
_dragIndex = -1;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
_dragIndex = listBox.Items.IndexOf(item.DataContext);
|
||||||
|
_dragStartPoint = e.GetPosition(listBox);
|
||||||
|
_isDragging = false;
|
||||||
|
_lastHoveredItem = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void List_PreviewMouseMove(object sender, MouseEventArgs e)
|
||||||
|
{
|
||||||
|
if (_dragIndex < 0) return;
|
||||||
|
var listBox = (ListBox)sender;
|
||||||
|
if (e.LeftButton != MouseButtonState.Pressed || listBox.ItemsSource is not IList items)
|
||||||
|
{
|
||||||
|
EndListDrag(listBox);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var position = e.GetPosition(listBox);
|
||||||
|
if (!_isDragging)
|
||||||
|
{
|
||||||
|
if (Math.Abs(position.X - _dragStartPoint.X) < SystemParameters.MinimumHorizontalDragDistance &&
|
||||||
|
Math.Abs(position.Y - _dragStartPoint.Y) < SystemParameters.MinimumVerticalDragDistance)
|
||||||
|
return;
|
||||||
|
_isDragging = true;
|
||||||
|
listBox.CaptureMouse();
|
||||||
|
}
|
||||||
|
|
||||||
|
var item = FindItemContainerAt(listBox, position);
|
||||||
|
if (item == null) return;
|
||||||
|
|
||||||
|
var targetItem = item.DataContext;
|
||||||
|
if (ReferenceEquals(targetItem, items[_dragIndex]) || ReferenceEquals(targetItem, _lastHoveredItem))
|
||||||
|
return;
|
||||||
|
|
||||||
|
var targetIndex = listBox.Items.IndexOf(targetItem);
|
||||||
|
if (targetIndex < 0) return;
|
||||||
|
|
||||||
|
var dragged = items[_dragIndex];
|
||||||
|
items.RemoveAt(_dragIndex);
|
||||||
|
items.Insert(targetIndex, dragged);
|
||||||
|
_dragIndex = targetIndex;
|
||||||
|
_lastHoveredItem = targetItem;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void List_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
|
||||||
|
{
|
||||||
|
EndListDrag((ListBox)sender);
|
||||||
|
}
|
||||||
|
|
||||||
|
private void EndListDrag(ListBox listBox)
|
||||||
|
{
|
||||||
|
if (_isDragging)
|
||||||
|
listBox.ReleaseMouseCapture();
|
||||||
|
_dragIndex = -1;
|
||||||
|
_isDragging = false;
|
||||||
|
_lastHoveredItem = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
private static ListBoxItem? FindItemContainerAt(ListBox listBox, Point position)
|
||||||
|
{
|
||||||
|
var hit = listBox.InputHitTest(position) as DependencyObject;
|
||||||
|
while (hit != null && hit != listBox)
|
||||||
|
{
|
||||||
|
if (hit is ListBoxItem item) return item;
|
||||||
|
hit = VisualTreeHelper.GetParent(hit);
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void TakeSnapshot(MainViewModel vm)
|
||||||
|
{
|
||||||
|
if (vm.SelectedElement is Models.Source src)
|
||||||
|
{
|
||||||
|
_snapshotElement = src;
|
||||||
|
_snapshotBorderColor = src.BorderColor;
|
||||||
|
_snapshotBorderWidth = src.BorderWidth;
|
||||||
|
_snapshotTimerMinutes = src.TimerMinutes;
|
||||||
|
_snapshotWebUri = src.WebUri;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void WebcamBorderColorPicker_Click(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if ((DataContext as MainViewModel)?.SelectedElement is not SceneElement src) return;
|
||||||
|
if (sender is FrameworkElement fe && fe.ContextMenu == null)
|
||||||
|
{
|
||||||
|
var menu = new System.Windows.Controls.ContextMenu();
|
||||||
|
string[] colors = ["#FFFFFF", "#000000", "#FF0000", "#00FF00", "#0000FF",
|
||||||
|
"#FFFF00", "#FF00FF", "#00FFFF", "#FF8800", "#8800FF",
|
||||||
|
"#e94560", "#22c55e", "#3b82f6", "#f59e0b"];
|
||||||
|
foreach (var c in colors)
|
||||||
|
{
|
||||||
|
var item = new System.Windows.Controls.MenuItem { Header = c, ToolTip = c };
|
||||||
|
var brush = new System.Windows.Media.SolidColorBrush(
|
||||||
|
(System.Windows.Media.Color)System.Windows.Media.ColorConverter.ConvertFromString(c));
|
||||||
|
item.Icon = new System.Windows.Controls.Border
|
||||||
|
{
|
||||||
|
Width = 16, Height = 16,
|
||||||
|
Background = brush,
|
||||||
|
CornerRadius = new System.Windows.CornerRadius(2)
|
||||||
|
};
|
||||||
|
var color = c;
|
||||||
|
item.Click += (_, _) => src.BorderColor = color;
|
||||||
|
menu.Items.Add(item);
|
||||||
|
}
|
||||||
|
fe.ContextMenu = menu;
|
||||||
|
}
|
||||||
|
if (sender is FrameworkElement fe2)
|
||||||
|
fe2.ContextMenu.IsOpen = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void WebcamBorderRevert_Click(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if (_snapshotElement is Models.Source src)
|
||||||
|
{
|
||||||
|
src.BorderColor = _snapshotBorderColor;
|
||||||
|
src.BorderWidth = _snapshotBorderWidth;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void WebcamBorderAccept_Click(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if (_snapshotElement is Models.Source src)
|
||||||
|
{
|
||||||
|
_snapshotBorderColor = src.BorderColor;
|
||||||
|
_snapshotBorderWidth = src.BorderWidth;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void CountdownRevert_Click(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if (_snapshotElement is Models.Source src)
|
||||||
|
src.TimerMinutes = _snapshotTimerMinutes;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void CountdownAccept_Click(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if (_snapshotElement is Models.Source src)
|
||||||
|
_snapshotTimerMinutes = src.TimerMinutes;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void WebRevert_Click(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if (_snapshotElement is Models.Source src)
|
||||||
|
src.WebUri = string.Empty;
|
||||||
|
_snapshotWebUri = string.Empty;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void WebAccept_Click(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if (_snapshotElement is Models.Source src)
|
||||||
|
_snapshotWebUri = src.WebUri;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,664 @@
|
|||||||
|
<UserControl x:Class="ytLive.Controls.PreviewPane"
|
||||||
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||||
|
xmlns:Helpers="clr-namespace:ytLive.Helpers">
|
||||||
|
<Border Background="#0a0a1a" CornerRadius="6" Margin="8,0"
|
||||||
|
BorderBrush="{Binding PreviewGlowBrush}" BorderThickness="{Binding PreviewGlowThickness}">
|
||||||
|
<Grid>
|
||||||
|
<Grid.RowDefinitions>
|
||||||
|
<RowDefinition Height="*"/>
|
||||||
|
<RowDefinition Height="Auto"/>
|
||||||
|
</Grid.RowDefinitions>
|
||||||
|
|
||||||
|
<!-- Preview monitor -->
|
||||||
|
<Grid x:Name="PreviewGrid" Grid.Row="0"
|
||||||
|
PreviewMouseLeftButtonDown="Preview_MouseLeftButtonDown"
|
||||||
|
PreviewMouseMove="Preview_MouseMove"
|
||||||
|
PreviewMouseLeftButtonUp="Preview_MouseLeftButtonUp">
|
||||||
|
<Viewbox Stretch="Uniform">
|
||||||
|
<Grid x:Name="CanvasGrid" Width="1920" Height="1080" ClipToBounds="True" Background="Transparent">
|
||||||
|
<Grid.ContextMenu>
|
||||||
|
<ContextMenu DataContext="{Binding PlacementTarget.DataContext, RelativeSource={RelativeSource Self}}">
|
||||||
|
<MenuItem Header="Show Desktop" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BackgroundShowDesktop}"
|
||||||
|
Visibility="{Binding CanChangeBackground, Converter={StaticResource BoolToVis}}"
|
||||||
|
ToolTip="Show desktop when no fullscreen game is detected"/>
|
||||||
|
<MenuItem Header="Capture Desktop"
|
||||||
|
Visibility="{Binding CanChangeBackground, Converter={StaticResource BoolToVis}}"
|
||||||
|
ItemsSource="{Binding Displays}">
|
||||||
|
<MenuItem.ItemContainerStyle>
|
||||||
|
<Style TargetType="MenuItem">
|
||||||
|
<Setter Property="Header" Value="{Binding Label}"/>
|
||||||
|
<Setter Property="Command"
|
||||||
|
Value="{Binding DataContext.SetBackgroundDisplayCommand, RelativeSource={RelativeSource AncestorType=ContextMenu}}"/>
|
||||||
|
<Setter Property="CommandParameter" Value="{Binding}"/>
|
||||||
|
</Style>
|
||||||
|
</MenuItem.ItemContainerStyle>
|
||||||
|
</MenuItem>
|
||||||
|
<MenuItem Header="Refresh Desktop" Command="{Binding RefreshCaptureCommand}"
|
||||||
|
Visibility="{Binding CanChangeBackground, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
</ContextMenu>
|
||||||
|
</Grid.ContextMenu>
|
||||||
|
<!-- Live desktop/game background (bottom layer; the static
|
||||||
|
image renders above it). -->
|
||||||
|
<Image Source="{Binding BackgroundImage}" Stretch="UniformToFill"
|
||||||
|
Visibility="{Binding BackgroundVisible, Converter={StaticResource BoolToVis}}"
|
||||||
|
IsHitTestVisible="False"/>
|
||||||
|
<Image Source="{Binding ActiveBackgroundImage}" Stretch="UniformToFill"
|
||||||
|
IsHitTestVisible="False"/>
|
||||||
|
<Rectangle Stroke="#22c55e" StrokeThickness="6" IsHitTestVisible="False"/>
|
||||||
|
<Canvas x:Name="OverlayCanvas" Width="1920" Height="1080">
|
||||||
|
<ItemsControl ItemsSource="{Binding StagedScene.Elements}"
|
||||||
|
Width="1920" Height="1080">
|
||||||
|
<ItemsControl.ItemsPanel>
|
||||||
|
<ItemsPanelTemplate>
|
||||||
|
<Canvas/>
|
||||||
|
</ItemsPanelTemplate>
|
||||||
|
</ItemsControl.ItemsPanel>
|
||||||
|
<ItemsControl.ItemContainerStyle>
|
||||||
|
<Style TargetType="ContentPresenter">
|
||||||
|
<Setter Property="Canvas.Left" Value="{Binding X}"/>
|
||||||
|
<Setter Property="Canvas.Top" Value="{Binding Y}"/>
|
||||||
|
</Style>
|
||||||
|
</ItemsControl.ItemContainerStyle>
|
||||||
|
<ItemsControl.ItemTemplate>
|
||||||
|
<DataTemplate>
|
||||||
|
<Grid Width="{Binding Width}" Height="{Binding Height}"
|
||||||
|
Opacity="{Binding Opacity}"
|
||||||
|
Background="Transparent"
|
||||||
|
RenderTransformOrigin="0.5,0.5">
|
||||||
|
<Grid.Style>
|
||||||
|
<Style TargetType="Grid">
|
||||||
|
<Setter Property="Visibility" Value="Collapsed"/>
|
||||||
|
<Style.Triggers>
|
||||||
|
<DataTrigger Binding="{Binding IsVisible}" Value="True">
|
||||||
|
<Setter Property="Visibility" Value="Visible"/>
|
||||||
|
</DataTrigger>
|
||||||
|
<!-- The background is a fixed full-frame layer (rendered separately,
|
||||||
|
below the static background): never hit-testable, so it can't be
|
||||||
|
selected, dragged, or bring up the webcam context menu. -->
|
||||||
|
<DataTrigger Binding="{Binding IsBackground}" Value="True">
|
||||||
|
<Setter Property="IsHitTestVisible" Value="False"/>
|
||||||
|
</DataTrigger>
|
||||||
|
</Style.Triggers>
|
||||||
|
</Style>
|
||||||
|
</Grid.Style>
|
||||||
|
<Grid.RenderTransform>
|
||||||
|
<ScaleTransform ScaleX="{Binding MirrorScale}"/>
|
||||||
|
</Grid.RenderTransform>
|
||||||
|
<Image Source="{Binding DisplaySource}"
|
||||||
|
RenderOptions.BitmapScalingMode="HighQuality">
|
||||||
|
<Image.Style>
|
||||||
|
<Style TargetType="Image">
|
||||||
|
<Setter Property="Visibility" Value="Collapsed"/>
|
||||||
|
<Setter Property="Stretch" Value="UniformToFill"/>
|
||||||
|
<Style.Triggers>
|
||||||
|
<DataTrigger Binding="{Binding IsImageSource}" Value="True">
|
||||||
|
<Setter Property="Visibility" Value="Visible"/>
|
||||||
|
</DataTrigger>
|
||||||
|
<DataTrigger Binding="{Binding IsChatBox}" Value="True">
|
||||||
|
<Setter Property="Visibility" Value="Visible"/>
|
||||||
|
</DataTrigger>
|
||||||
|
<DataTrigger Binding="{Binding IsWebSource}" Value="True">
|
||||||
|
<Setter Property="Visibility" Value="Visible"/>
|
||||||
|
<Setter Property="Stretch" Value="Fill"/>
|
||||||
|
</DataTrigger>
|
||||||
|
<MultiDataTrigger>
|
||||||
|
<MultiDataTrigger.Conditions>
|
||||||
|
<Condition Binding="{Binding IsWebcam}" Value="True"/>
|
||||||
|
<Condition Binding="{Binding ClipShape}" Value="Traditional"/>
|
||||||
|
</MultiDataTrigger.Conditions>
|
||||||
|
<Setter Property="Visibility" Value="Visible"/>
|
||||||
|
</MultiDataTrigger>
|
||||||
|
</Style.Triggers>
|
||||||
|
</Style>
|
||||||
|
</Image.Style>
|
||||||
|
</Image>
|
||||||
|
<Viewbox Stretch="Uniform">
|
||||||
|
<Grid Width="1" Height="1">
|
||||||
|
<!-- Round webcam: a plain Image (the same efficient WriteableBitmap
|
||||||
|
path as Traditional) clipped to a unit circle and scaled by the
|
||||||
|
Viewbox — deliberately NOT an ImageBrush, whose per-frame
|
||||||
|
re-rasterization at full scale stalls the preview. -->
|
||||||
|
<Image Stretch="UniformToFill"
|
||||||
|
Source="{Binding DisplaySource}"
|
||||||
|
RenderOptions.BitmapScalingMode="HighQuality">
|
||||||
|
<Image.Style>
|
||||||
|
<Style TargetType="Image">
|
||||||
|
<Setter Property="Visibility" Value="Collapsed"/>
|
||||||
|
<Style.Triggers>
|
||||||
|
<MultiDataTrigger>
|
||||||
|
<MultiDataTrigger.Conditions>
|
||||||
|
<Condition Binding="{Binding IsWebcam}" Value="True"/>
|
||||||
|
<Condition Binding="{Binding ClipShape}" Value="Round"/>
|
||||||
|
</MultiDataTrigger.Conditions>
|
||||||
|
<Setter Property="Visibility" Value="Visible"/>
|
||||||
|
</MultiDataTrigger>
|
||||||
|
</Style.Triggers>
|
||||||
|
</Style>
|
||||||
|
</Image.Style>
|
||||||
|
<Image.Clip>
|
||||||
|
<EllipseGeometry Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5"/>
|
||||||
|
</Image.Clip>
|
||||||
|
</Image>
|
||||||
|
</Grid>
|
||||||
|
</Viewbox>
|
||||||
|
|
||||||
|
<!-- OBS-style border: stroked rect (Traditional) / centered circle (Round).
|
||||||
|
Animations are driven by code-behind in WebcamMenu_SetBorderAnimation
|
||||||
|
because DataTrigger storyboards in DataTemplates cannot be stopped
|
||||||
|
(no ExitActions namescope support). -->
|
||||||
|
<Rectangle IsHitTestVisible="False"
|
||||||
|
Stroke="{Binding BorderBrush}"
|
||||||
|
StrokeThickness="{Binding BorderWidth}">
|
||||||
|
<Rectangle.Style>
|
||||||
|
<Style TargetType="Rectangle">
|
||||||
|
<Setter Property="Visibility" Value="Collapsed"/>
|
||||||
|
<Style.Triggers>
|
||||||
|
<MultiDataTrigger>
|
||||||
|
<MultiDataTrigger.Conditions>
|
||||||
|
<Condition Binding="{Binding HasBorder}" Value="True"/>
|
||||||
|
<Condition Binding="{Binding ClipShape}" Value="Traditional"/>
|
||||||
|
</MultiDataTrigger.Conditions>
|
||||||
|
<Setter Property="Visibility" Value="Visible"/>
|
||||||
|
</MultiDataTrigger>
|
||||||
|
</Style.Triggers>
|
||||||
|
</Style>
|
||||||
|
</Rectangle.Style>
|
||||||
|
</Rectangle>
|
||||||
|
<Ellipse IsHitTestVisible="False"
|
||||||
|
Stroke="{Binding BorderBrush}"
|
||||||
|
StrokeThickness="{Binding BorderWidth}"
|
||||||
|
Width="{Binding RoundBorderSize}"
|
||||||
|
Height="{Binding RoundBorderSize}"
|
||||||
|
HorizontalAlignment="Center" VerticalAlignment="Center">
|
||||||
|
<Ellipse.Style>
|
||||||
|
<Style TargetType="Ellipse">
|
||||||
|
<Setter Property="Visibility" Value="Collapsed"/>
|
||||||
|
<Style.Triggers>
|
||||||
|
<MultiDataTrigger>
|
||||||
|
<MultiDataTrigger.Conditions>
|
||||||
|
<Condition Binding="{Binding HasBorder}" Value="True"/>
|
||||||
|
<Condition Binding="{Binding ClipShape}" Value="Round"/>
|
||||||
|
</MultiDataTrigger.Conditions>
|
||||||
|
<Setter Property="Visibility" Value="Visible"/>
|
||||||
|
</MultiDataTrigger>
|
||||||
|
</Style.Triggers>
|
||||||
|
</Style>
|
||||||
|
</Ellipse.Style>
|
||||||
|
</Ellipse>
|
||||||
|
|
||||||
|
<Grid.ContextMenu>
|
||||||
|
<ContextMenu DataContext="{Binding PlacementTarget.DataContext, RelativeSource={RelativeSource Self}}">
|
||||||
|
<MenuItem Header="Change Webcam…" Click="WebcamMenu_ChangeWebcam"
|
||||||
|
Visibility="{Binding IsWebcam, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
<Separator/>
|
||||||
|
<MenuItem Header="Border Thickness">
|
||||||
|
<StackPanel Orientation="Horizontal" Margin="8,2">
|
||||||
|
<TextBlock Text="Thickness" Foreground="#e0e0e0" VerticalAlignment="Center"/>
|
||||||
|
<Slider Width="120" Minimum="0" Maximum="20" Margin="8,0,0,0"
|
||||||
|
Value="{Binding BorderWidth, Mode=TwoWay}"
|
||||||
|
VerticalAlignment="Center"/>
|
||||||
|
</StackPanel>
|
||||||
|
</MenuItem>
|
||||||
|
<MenuItem Header="Border Opacity">
|
||||||
|
<StackPanel Orientation="Horizontal" Margin="8,2">
|
||||||
|
<TextBlock Text="Opacity" Foreground="#e0e0e0" VerticalAlignment="Center"/>
|
||||||
|
<Slider Width="120" Minimum="0" Maximum="1" Margin="8,0,0,0"
|
||||||
|
Value="{Binding BorderOpacity, Mode=TwoWay}"
|
||||||
|
VerticalAlignment="Center"/>
|
||||||
|
</StackPanel>
|
||||||
|
</MenuItem>
|
||||||
|
<MenuItem Header="Border Color">
|
||||||
|
<MenuItem Header="None" Tag="" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderColor, Converter={StaticResource EnumToBool}, ConverterParameter=''}"
|
||||||
|
Click="WebcamMenu_SetBorderColor"/>
|
||||||
|
<MenuItem Header="#ffffff" Tag="#ffffff" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderColor, Converter={StaticResource EnumToBool}, ConverterParameter=#ffffff}"
|
||||||
|
Click="WebcamMenu_SetBorderColor"/>
|
||||||
|
<MenuItem Header="#000000" Tag="#000000" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderColor, Converter={StaticResource EnumToBool}, ConverterParameter=#000000}"
|
||||||
|
Click="WebcamMenu_SetBorderColor"/>
|
||||||
|
<MenuItem Header="#e94560" Tag="#e94560" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderColor, Converter={StaticResource EnumToBool}, ConverterParameter=#e94560}"
|
||||||
|
Click="WebcamMenu_SetBorderColor"/>
|
||||||
|
<MenuItem Header="#22c55e" Tag="#22c55e" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderColor, Converter={StaticResource EnumToBool}, ConverterParameter=#22c55e}"
|
||||||
|
Click="WebcamMenu_SetBorderColor"/>
|
||||||
|
<MenuItem Header="#eab308" Tag="#eab308" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderColor, Converter={StaticResource EnumToBool}, ConverterParameter=#eab308}"
|
||||||
|
Click="WebcamMenu_SetBorderColor"/>
|
||||||
|
<MenuItem Header="#38bdf8" Tag="#38bdf8" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderColor, Converter={StaticResource EnumToBool}, ConverterParameter=#38bdf8}"
|
||||||
|
Click="WebcamMenu_SetBorderColor"/>
|
||||||
|
</MenuItem>
|
||||||
|
<MenuItem Header="Border Effect">
|
||||||
|
<MenuItem Header="None" Tag="None" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderAnimation, Converter={StaticResource EnumToBool}, ConverterParameter=None}"
|
||||||
|
Click="WebcamMenu_SetBorderAnimation"/>
|
||||||
|
<MenuItem Header="Pulse" Tag="Pulse" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderAnimation, Converter={StaticResource EnumToBool}, ConverterParameter=Pulse}"
|
||||||
|
Click="WebcamMenu_SetBorderAnimation"/>
|
||||||
|
<MenuItem Header="Chase" Tag="Chase" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderAnimation, Converter={StaticResource EnumToBool}, ConverterParameter=Chase}"
|
||||||
|
Click="WebcamMenu_SetBorderAnimation"/>
|
||||||
|
<MenuItem Header="Rainbow" Tag="Rainbow" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderAnimation, Converter={StaticResource EnumToBool}, ConverterParameter=Rainbow}"
|
||||||
|
Click="WebcamMenu_SetBorderAnimation"/>
|
||||||
|
<MenuItem Header="Shimmer" Tag="Shimmer" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderAnimation, Converter={StaticResource EnumToBool}, ConverterParameter=Shimmer}"
|
||||||
|
Click="WebcamMenu_SetBorderAnimation"/>
|
||||||
|
<MenuItem Header="Marching Ants" Tag="MarchingAnts" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderAnimation, Converter={StaticResource EnumToBool}, ConverterParameter=MarchingAnts}"
|
||||||
|
Click="WebcamMenu_SetBorderAnimation"/>
|
||||||
|
<MenuItem Header="Glow" Tag="Glow" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderAnimation, Converter={StaticResource EnumToBool}, ConverterParameter=Glow}"
|
||||||
|
Click="WebcamMenu_SetBorderAnimation"/>
|
||||||
|
<MenuItem Header="Electricity" Tag="Electricity" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderAnimation, Converter={StaticResource EnumToBool}, ConverterParameter=Electricity}"
|
||||||
|
Click="WebcamMenu_SetBorderAnimation"/>
|
||||||
|
<MenuItem Header="Sparkles" Tag="Sparkles" IsCheckable="True"
|
||||||
|
IsChecked="{Binding BorderAnimation, Converter={StaticResource EnumToBool}, ConverterParameter=Sparkles}"
|
||||||
|
Click="WebcamMenu_SetBorderAnimation"/>
|
||||||
|
</MenuItem>
|
||||||
|
<Separator/>
|
||||||
|
<MenuItem Header="Hide in this scene" Click="WebcamMenu_HideInScene"/>
|
||||||
|
<MenuItem Header="Remove" Click="WebcamMenu_Remove"/>
|
||||||
|
</ContextMenu>
|
||||||
|
</Grid.ContextMenu>
|
||||||
|
</Grid>
|
||||||
|
</DataTemplate>
|
||||||
|
</ItemsControl.ItemTemplate>
|
||||||
|
</ItemsControl>
|
||||||
|
|
||||||
|
<Grid x:Name="SelectionOverlay" IsHitTestVisible="False"
|
||||||
|
Canvas.Left="{Binding SelectedElement.X}" Canvas.Top="{Binding SelectedElement.Y}"
|
||||||
|
Width="{Binding SelectedElement.Width}" Height="{Binding SelectedElement.Height}">
|
||||||
|
<Rectangle Stroke="#e94560" StrokeDashArray="4 3" StrokeThickness="3"/>
|
||||||
|
<Ellipse Width="26" Height="26" Fill="#e94560" Stroke="White" StrokeThickness="2"
|
||||||
|
HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,-13,-13"/>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
<ItemsControl ItemsSource="{Binding DimRects}" IsHitTestVisible="False">
|
||||||
|
<ItemsControl.ItemsPanel>
|
||||||
|
<ItemsPanelTemplate>
|
||||||
|
<Canvas/>
|
||||||
|
</ItemsPanelTemplate>
|
||||||
|
</ItemsControl.ItemsPanel>
|
||||||
|
<ItemsControl.ItemContainerStyle>
|
||||||
|
<Style TargetType="ContentPresenter">
|
||||||
|
<Setter Property="Canvas.Left" Value="{Binding X}"/>
|
||||||
|
<Setter Property="Canvas.Top" Value="{Binding Y}"/>
|
||||||
|
</Style>
|
||||||
|
</ItemsControl.ItemContainerStyle>
|
||||||
|
<ItemsControl.ItemTemplate>
|
||||||
|
<DataTemplate>
|
||||||
|
<Rectangle Width="{Binding Width}" Height="{Binding Height}"
|
||||||
|
Fill="#000000" Opacity="0.55"/>
|
||||||
|
</DataTemplate>
|
||||||
|
</ItemsControl.ItemTemplate>
|
||||||
|
</ItemsControl>
|
||||||
|
|
||||||
|
<Rectangle IsHitTestVisible="False" Stroke="#e94560" StrokeThickness="3"
|
||||||
|
Canvas.Left="{Binding OutputRectX}" Canvas.Top="{Binding OutputRectY}"
|
||||||
|
Width="{Binding OutputRectWidth}" Height="{Binding OutputRectHeight}"
|
||||||
|
Visibility="{Binding IsOutputCropped, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
|
||||||
|
<Grid x:Name="BrandFlashLayer" Width="1920" Height="1080" IsHitTestVisible="False" Opacity="0">
|
||||||
|
<Grid.Style>
|
||||||
|
<Style TargetType="Grid">
|
||||||
|
<Setter Property="Opacity" Value="0"/>
|
||||||
|
<Style.Triggers>
|
||||||
|
<DataTrigger Binding="{Binding BrandFlashActive}" Value="True">
|
||||||
|
<DataTrigger.EnterActions>
|
||||||
|
<BeginStoryboard>
|
||||||
|
<Storyboard>
|
||||||
|
<DoubleAnimation Storyboard.TargetProperty="Opacity"
|
||||||
|
From="0" To="0.25" Duration="0:0:0.25"/>
|
||||||
|
</Storyboard>
|
||||||
|
</BeginStoryboard>
|
||||||
|
</DataTrigger.EnterActions>
|
||||||
|
<DataTrigger.ExitActions>
|
||||||
|
<BeginStoryboard>
|
||||||
|
<Storyboard>
|
||||||
|
<DoubleAnimation Storyboard.TargetProperty="Opacity"
|
||||||
|
From="0.25" To="0" Duration="0:0:0.25"/>
|
||||||
|
</Storyboard>
|
||||||
|
</BeginStoryboard>
|
||||||
|
</DataTrigger.ExitActions>
|
||||||
|
</DataTrigger>
|
||||||
|
</Style.Triggers>
|
||||||
|
</Style>
|
||||||
|
</Grid.Style>
|
||||||
|
<Viewbox Stretch="Uniform" MaxWidth="1600" MaxHeight="800"
|
||||||
|
HorizontalAlignment="Center" VerticalAlignment="Center">
|
||||||
|
<TextBlock Text="made with LlamaCasty!" FontWeight="Bold" Foreground="White"
|
||||||
|
FontSize="180" TextAlignment="Center"/>
|
||||||
|
</Viewbox>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
<!-- Social bar: one centered horizontal row at the top or bottom of
|
||||||
|
the frame, green glow while enabled. Global resource — never a
|
||||||
|
Source, no Sources entry. Click toggles top ⇄ bottom. -->
|
||||||
|
<Grid x:Name="SocialBarElement" Width="1920" Canvas.Top="{Binding SocialBarTop}"
|
||||||
|
Background="Transparent"
|
||||||
|
Visibility="{Binding SocialBarVisible, Converter={StaticResource BoolToVis}}"
|
||||||
|
MouseLeftButtonDown="SocialBar_MouseLeftButtonDown"
|
||||||
|
Cursor="Hand">
|
||||||
|
<Grid.Effect>
|
||||||
|
<DropShadowEffect Color="{Binding SocialBarGlowBrush.Color}"
|
||||||
|
BlurRadius="18" ShadowDepth="0" Opacity="0.9"/>
|
||||||
|
</Grid.Effect>
|
||||||
|
<ItemsControl ItemsSource="{Binding Socials.Entries}"
|
||||||
|
HorizontalAlignment="Center" Margin="40,8"
|
||||||
|
IsHitTestVisible="False">
|
||||||
|
<ItemsControl.ItemsPanel>
|
||||||
|
<ItemsPanelTemplate>
|
||||||
|
<StackPanel Orientation="Horizontal"/>
|
||||||
|
</ItemsPanelTemplate>
|
||||||
|
</ItemsControl.ItemsPanel>
|
||||||
|
<ItemsControl.ItemTemplate>
|
||||||
|
<DataTemplate>
|
||||||
|
<StackPanel Orientation="Horizontal" Margin="0,0,20,0">
|
||||||
|
<Path Data="{Binding LogoData}" Fill="White" Width="24" Height="24"
|
||||||
|
Stretch="Uniform" VerticalAlignment="Center"/>
|
||||||
|
<TextBlock Text="{Binding Handle}" Foreground="White"
|
||||||
|
FontSize="14" VerticalAlignment="Center"
|
||||||
|
Margin="8,0,0,0"/>
|
||||||
|
</StackPanel>
|
||||||
|
</DataTemplate>
|
||||||
|
</ItemsControl.ItemTemplate>
|
||||||
|
</ItemsControl>
|
||||||
|
</Grid>
|
||||||
|
</Canvas>
|
||||||
|
</Grid>
|
||||||
|
</Viewbox>
|
||||||
|
<Border HorizontalAlignment="Left" VerticalAlignment="Top" Margin="8,8,0,0"
|
||||||
|
Background="#CCe94560" CornerRadius="4" Padding="8,3" IsHitTestVisible="False"
|
||||||
|
Visibility="{Binding WebcamError, Converter={StaticResource NotNullToVis}}">
|
||||||
|
<TextBlock Text="{Binding WebcamError}" Foreground="White" FontSize="12"
|
||||||
|
MaxWidth="520" TextTrimming="CharacterEllipsis"/>
|
||||||
|
</Border>
|
||||||
|
<TextBlock Text="Preview" Foreground="#333" FontSize="24"
|
||||||
|
HorizontalAlignment="Center" VerticalAlignment="Center"
|
||||||
|
Visibility="{Binding ShowPreviewPlaceholder, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center"
|
||||||
|
Visibility="{Binding ShowEmptySceneHint, Converter={StaticResource BoolToVis}}">
|
||||||
|
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
|
||||||
|
<TextBlock Text="🖥️" Foreground="White" FontSize="30" Margin="0,0,20,0"/>
|
||||||
|
<TextBlock Text="📷" Foreground="White" FontSize="30" Margin="0,0,20,0"/>
|
||||||
|
<TextBlock Text="🖼️" Foreground="White" FontSize="30" Margin="0,0,20,0"/>
|
||||||
|
<TextBlock Text="✏️" Foreground="White" FontSize="30"/>
|
||||||
|
</StackPanel>
|
||||||
|
<TextBlock Text="Make it yours!" Foreground="#e0e0e0" FontSize="18"
|
||||||
|
FontWeight="SemiBold" HorizontalAlignment="Center" Margin="0,18,0,0"/>
|
||||||
|
<TextBlock Text="Add layers — your webcam, your screen, images, and text — to craft a brand and identity that's unmistakably you."
|
||||||
|
Foreground="#a0a0b0" FontSize="13" Margin="0,8,0,0"
|
||||||
|
TextWrapping="Wrap" MaxWidth="440" TextAlignment="Center"
|
||||||
|
HorizontalAlignment="Center"/>
|
||||||
|
</StackPanel>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
<!-- ═══ BROADCAST TEXT PULL-OUT (always visible) ═══
|
||||||
|
White "Stream Settings" tab on the preview's right edge; clicking it
|
||||||
|
toggles the broadcast-metadata form, and any click outside
|
||||||
|
the form collapses it. Edits persist locally immediately;
|
||||||
|
Update pushes liveBroadcasts.update. -->
|
||||||
|
<Grid Grid.Row="0">
|
||||||
|
<StackPanel x:Name="TextPullOutHost" Orientation="Horizontal" HorizontalAlignment="Right" VerticalAlignment="Stretch">
|
||||||
|
<Border Background="#16213e" ClipToBounds="True">
|
||||||
|
<Border.Style>
|
||||||
|
<Style TargetType="Border">
|
||||||
|
<Setter Property="Width" Value="0"/>
|
||||||
|
<Style.Triggers>
|
||||||
|
<DataTrigger Binding="{Binding BroadcastForm.IsDrawerOpen}" Value="True">
|
||||||
|
<DataTrigger.EnterActions>
|
||||||
|
<BeginStoryboard>
|
||||||
|
<Storyboard>
|
||||||
|
<DoubleAnimation Storyboard.TargetProperty="Width"
|
||||||
|
To="320" Duration="0:0:0.2">
|
||||||
|
<DoubleAnimation.EasingFunction>
|
||||||
|
<CubicEase EasingMode="EaseOut"/>
|
||||||
|
</DoubleAnimation.EasingFunction>
|
||||||
|
</DoubleAnimation>
|
||||||
|
</Storyboard>
|
||||||
|
</BeginStoryboard>
|
||||||
|
</DataTrigger.EnterActions>
|
||||||
|
<DataTrigger.ExitActions>
|
||||||
|
<BeginStoryboard>
|
||||||
|
<Storyboard>
|
||||||
|
<DoubleAnimation Storyboard.TargetProperty="Width"
|
||||||
|
To="0" Duration="0:0:0.2">
|
||||||
|
<DoubleAnimation.EasingFunction>
|
||||||
|
<CubicEase EasingMode="EaseOut"/>
|
||||||
|
</DoubleAnimation.EasingFunction>
|
||||||
|
</DoubleAnimation>
|
||||||
|
</Storyboard>
|
||||||
|
</BeginStoryboard>
|
||||||
|
</DataTrigger.ExitActions>
|
||||||
|
</DataTrigger>
|
||||||
|
</Style.Triggers>
|
||||||
|
</Style>
|
||||||
|
</Border.Style>
|
||||||
|
<!-- Fixed-width inner so text never reflows mid-animation -->
|
||||||
|
<Grid Width="320" Margin="14,10,14,12">
|
||||||
|
<Grid.RowDefinitions>
|
||||||
|
<RowDefinition Height="Auto"/>
|
||||||
|
<RowDefinition Height="*"/>
|
||||||
|
<RowDefinition Height="Auto"/>
|
||||||
|
</Grid.RowDefinitions>
|
||||||
|
<Grid Grid.Row="0" Margin="0,0,0,8">
|
||||||
|
<TextBlock Text="BROADCAST TEXT" Style="{StaticResource SectionHeader}"
|
||||||
|
HorizontalAlignment="Left"/>
|
||||||
|
<Button HorizontalAlignment="Right" VerticalAlignment="Top"
|
||||||
|
Background="Transparent" BorderThickness="0" Cursor="Hand"
|
||||||
|
Command="{Binding BroadcastForm.CloseDrawerCommand}"
|
||||||
|
ToolTip="Close">
|
||||||
|
<Button.Template>
|
||||||
|
<ControlTemplate TargetType="Button">
|
||||||
|
<ContentPresenter/>
|
||||||
|
</ControlTemplate>
|
||||||
|
</Button.Template>
|
||||||
|
<TextBlock Text="✕" Foreground="#a0a0b0" FontSize="14" FontWeight="Bold"/>
|
||||||
|
</Button>
|
||||||
|
</Grid>
|
||||||
|
<ScrollViewer Grid.Row="1" VerticalScrollBarVisibility="Auto">
|
||||||
|
<StackPanel>
|
||||||
|
<TextBlock Text="TITLE" Style="{StaticResource YtLabel}" Margin="0,0,0,3"/>
|
||||||
|
<TextBox Style="{StaticResource YtTextBox}" Margin="0,0,0,10"
|
||||||
|
Text="{Binding BroadcastForm.Title, UpdateSourceTrigger=PropertyChanged}"/>
|
||||||
|
<TextBlock Text="DESCRIPTION" Style="{StaticResource YtLabel}" Margin="0,0,0,3"/>
|
||||||
|
<TextBox Style="{StaticResource YtTextBox}" Height="90" AcceptsReturn="True"
|
||||||
|
TextWrapping="Wrap" VerticalScrollBarVisibility="Auto" Margin="0,0,0,10"
|
||||||
|
Text="{Binding BroadcastForm.Description, UpdateSourceTrigger=PropertyChanged}"/>
|
||||||
|
<TextBlock Text="TAGS (COMMA-SEPARATED)" Style="{StaticResource YtLabel}" Margin="0,0,0,3"/>
|
||||||
|
<TextBox Style="{StaticResource YtTextBox}" Margin="0,0,0,10"
|
||||||
|
Text="{Binding BroadcastForm.TagsCsv, UpdateSourceTrigger=PropertyChanged}"/>
|
||||||
|
<TextBlock Text="VISIBILITY" Style="{StaticResource YtLabel}" Margin="0,0,0,3"/>
|
||||||
|
<ComboBox Style="{StaticResource YtComboBox}" Margin="0,0,0,10"
|
||||||
|
ItemsSource="{Binding BroadcastForm.VisibilityOptions}"
|
||||||
|
SelectedItem="{Binding BroadcastForm.Visibility}"/>
|
||||||
|
<CheckBox Content="Made for kids" Foreground="#e0e0e0" FontSize="12"
|
||||||
|
Margin="0,2,0,10"
|
||||||
|
IsChecked="{Binding BroadcastForm.MadeForKids}"/>
|
||||||
|
<TextBlock Text="SCHEDULED START" Style="{StaticResource YtLabel}" Margin="0,0,0,3"/>
|
||||||
|
<TextBlock Text="{Binding BroadcastForm.ScheduledStartText}"
|
||||||
|
Foreground="#888899" FontSize="12" Margin="0,0,0,4"/>
|
||||||
|
</StackPanel>
|
||||||
|
</ScrollViewer>
|
||||||
|
<StackPanel Grid.Row="2" Margin="0,10,0,0">
|
||||||
|
<Button Style="{StaticResource YtButton}" Content="Update Broadcast"
|
||||||
|
Command="{Binding BroadcastForm.UpdateBroadcastCommand}"/>
|
||||||
|
<TextBlock Text="{Binding BroadcastForm.UpdateError}"
|
||||||
|
Foreground="#ef4444" FontSize="11" TextWrapping="Wrap" Margin="0,6,0,0"
|
||||||
|
Visibility="{Binding BroadcastForm.UpdateError, Converter={StaticResource NotNullToVis}}"/>
|
||||||
|
</StackPanel>
|
||||||
|
</Grid>
|
||||||
|
</Border>
|
||||||
|
<!-- The white tab -->
|
||||||
|
<Border Width="30" VerticalAlignment="Center" Background="#ffffff"
|
||||||
|
CornerRadius="4,0,0,4" Padding="0,10" Cursor="Hand"
|
||||||
|
ToolTip="Broadcast text fields">
|
||||||
|
<Border.InputBindings>
|
||||||
|
<MouseBinding Gesture="LeftClick"
|
||||||
|
Command="{Binding BroadcastForm.ToggleDrawerCommand}"/>
|
||||||
|
</Border.InputBindings>
|
||||||
|
<TextBlock Text="Stream Settings" Foreground="#e94560" FontWeight="Bold" FontSize="15"
|
||||||
|
HorizontalAlignment="Center">
|
||||||
|
<TextBlock.LayoutTransform>
|
||||||
|
<RotateTransform Angle="90"/>
|
||||||
|
</TextBlock.LayoutTransform>
|
||||||
|
</TextBlock>
|
||||||
|
</Border>
|
||||||
|
</StackPanel>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
<!-- ═══ LIVE CONTROLS (below preview, never overlaps) ═══
|
||||||
|
Line 1: Socials + TRAX meter (desktop/game audio)
|
||||||
|
Line 2: Mic meter + volume -->
|
||||||
|
<StackPanel Grid.Row="2" Orientation="Vertical" HorizontalAlignment="Center"
|
||||||
|
VerticalAlignment="Center" Margin="0,4">
|
||||||
|
<!-- Line 1: Socials + TRAX -->
|
||||||
|
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,0,0,4">
|
||||||
|
<!-- Socials button: hover glows the social bar in the preview -->
|
||||||
|
<Button x:Name="SocialsButton"
|
||||||
|
Command="{Binding OpenSocialDialogCommand}"
|
||||||
|
Style="{StaticResource YtButtonSecondary}" Padding="12,4"
|
||||||
|
FontSize="11" VerticalAlignment="Center" Margin="0,0,12,0"
|
||||||
|
ToolTip="Add or manage your social handles"
|
||||||
|
MouseEnter="SocialsButton_MouseEnter"
|
||||||
|
MouseLeave="SocialsButton_MouseLeave">
|
||||||
|
<StackPanel Orientation="Horizontal">
|
||||||
|
<Ellipse Width="8" Height="8" Fill="{Binding SocialBarDotBrush}"
|
||||||
|
Margin="0,0,6,0" VerticalAlignment="Center"/>
|
||||||
|
<TextBlock Text="Socials"/>
|
||||||
|
</StackPanel>
|
||||||
|
</Button>
|
||||||
|
<!-- TRAX meter -->
|
||||||
|
<Border Background="#D9000000" CornerRadius="6" Padding="12,8">
|
||||||
|
<StackPanel Orientation="Horizontal">
|
||||||
|
<Button Style="{StaticResource YtButtonSecondary}" Padding="8,2"
|
||||||
|
FontSize="11" VerticalAlignment="Center" Margin="0,0,8,0"
|
||||||
|
ToolTipService.ToolTip="{Binding TraxToolTip}"
|
||||||
|
ToolTipService.Placement="Top"
|
||||||
|
Click="TraxButton_Click"
|
||||||
|
PreviewMouseRightButtonUp="TraxButton_PreviewMouseRightButtonUp">
|
||||||
|
<StackPanel Orientation="Horizontal">
|
||||||
|
<Ellipse Width="8" Height="8" Fill="{Binding TraxDotBrush}"
|
||||||
|
Margin="0,0,6,0" VerticalAlignment="Center"/>
|
||||||
|
<TextBlock Text="TRAX"/>
|
||||||
|
</StackPanel>
|
||||||
|
</Button>
|
||||||
|
<TextBlock Text="Desktop Audio" Foreground="#a0a0b0" FontSize="11"
|
||||||
|
FontWeight="SemiBold" VerticalAlignment="Center" Margin="0,0,8,0"
|
||||||
|
ToolTip="Desktop/game audio via WASAPI loopback (automatic); TRAX music rides the same channel"/>
|
||||||
|
<Border Width="288" Height="14" CornerRadius="7" Background="#3a3b52" Margin="0,0,8,0"
|
||||||
|
ClipToBounds="True" VerticalAlignment="Center">
|
||||||
|
<Grid>
|
||||||
|
<Rectangle Width="57" Fill="#4a4520" HorizontalAlignment="Left" Margin="173,0,0,0"
|
||||||
|
VerticalAlignment="Stretch"/>
|
||||||
|
<Rectangle Width="58" Fill="#4a2222" HorizontalAlignment="Left" Margin="230,0,0,0"
|
||||||
|
VerticalAlignment="Stretch"/>
|
||||||
|
<Border HorizontalAlignment="Left" Width="{Binding GameMeterFillWidth}"
|
||||||
|
Background="{Binding GameMeterBrush}" Opacity="0.75"/>
|
||||||
|
<Rectangle Width="1" Height="10" Fill="#26000000" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="36,0,0,0"/>
|
||||||
|
<Rectangle Width="1" Height="10" Fill="#26000000" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="72,0,0,0"/>
|
||||||
|
<Rectangle Width="1" Height="10" Fill="#26000000" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="108,0,0,0"/>
|
||||||
|
<Rectangle Width="1" Height="10" Fill="#26000000" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="144,0,0,0"/>
|
||||||
|
<Rectangle Width="1" Height="10" Fill="#26000000" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="180,0,0,0"/>
|
||||||
|
<Rectangle Width="1" Height="10" Fill="#26000000" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="216,0,0,0"/>
|
||||||
|
<Rectangle Width="1" Height="10" Fill="#26000000" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="252,0,0,0"/>
|
||||||
|
<Rectangle Width="2" Fill="#00000080" HorizontalAlignment="Left" Margin="173,0,0,0"
|
||||||
|
VerticalAlignment="Stretch"/>
|
||||||
|
<Rectangle Width="2" Fill="#00000080" HorizontalAlignment="Left" Margin="230,0,0,0"
|
||||||
|
VerticalAlignment="Stretch"/>
|
||||||
|
<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Disabled"
|
||||||
|
Visibility="{Binding TraxError, Converter={StaticResource NotNullToVis}}"
|
||||||
|
VerticalAlignment="Center" Margin="4,0">
|
||||||
|
<TextBlock Text="{Binding TraxError}" Foreground="#e94560" FontSize="9"
|
||||||
|
FontWeight="SemiBold" VerticalAlignment="Center"/>
|
||||||
|
</ScrollViewer>
|
||||||
|
</Grid>
|
||||||
|
</Border>
|
||||||
|
<Grid Width="16" Height="16" Cursor="Hand" Margin="0,0,8,0"
|
||||||
|
VerticalAlignment="Center" ToolTip="{Binding GameMuteText}"
|
||||||
|
MouseLeftButtonUp="GameSpeaker_MouseLeftButtonUp">
|
||||||
|
<Path Fill="#d0d0d0" Stretch="Uniform"
|
||||||
|
Data="M3,9v6h4l5,5V4L7,9H3zM16.5,12c0,-1.77 -1,-3.29 -2.5,-4.03v8.05c1.5,-0.73 2.5,-2.25 2.5,-4.02zM14,3.23v2.06c2.89,0.86 5,3.54 5,6.71s-2.11,5.85 -5,6.71v2.06c4.01,-0.91 7,-4.49 7,-8.77s-2.99,-7.86 -7,-8.77z"
|
||||||
|
Visibility="{Binding GameMuted, Converter={StaticResource InverseBoolToVis}}"/>
|
||||||
|
<Path Fill="#ef4444" Stretch="Uniform"
|
||||||
|
Data="M3,9v6h4l5,5V4L7,9H3zM16.5,12c0,-1.77 -1,-3.29 -2.5,-4.03v8.05c1.5,-0.73 2.5,-2.25 2.5,-4.02zM14,3.23v2.06c2.89,0.86 5,3.54 5,6.71s-2.11,5.85 -5,6.71v2.06c4.01,-0.91 7,-4.49 7,-8.77s-2.99,-7.86 -7,-8.77z"
|
||||||
|
Visibility="{Binding GameMuted, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
<Path Stroke="#ef4444" StrokeThickness="2.5" StrokeEndLineCap="Round" Stretch="Uniform"
|
||||||
|
Data="M21,3 L3,21"
|
||||||
|
Visibility="{Binding GameMuted, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
</Grid>
|
||||||
|
<Slider Width="130" Minimum="0" Maximum="1"
|
||||||
|
Value="{Binding GameAudioVolume, Mode=TwoWay}" VerticalAlignment="Center"
|
||||||
|
PreviewMouseLeftButtonDown="GameVolumeSlider_PreviewMouseLeftButtonDown"
|
||||||
|
PreviewMouseLeftButtonUp="GameVolumeSlider_PreviewMouseLeftButtonUp"
|
||||||
|
LostMouseCapture="GameVolumeSlider_LostMouseCapture"/>
|
||||||
|
</StackPanel>
|
||||||
|
</Border>
|
||||||
|
</StackPanel>
|
||||||
|
<!-- Line 2: Mic meter + volume -->
|
||||||
|
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
|
||||||
|
<Button Command="{Binding OpenMicPickerCommand}"
|
||||||
|
Style="{StaticResource YtButtonSecondary}" Padding="12,4"
|
||||||
|
FontSize="11" VerticalAlignment="Center" Margin="0,0,8,0"
|
||||||
|
ToolTip="{Binding MicStatusToolTip}">
|
||||||
|
<StackPanel Orientation="Horizontal">
|
||||||
|
<Ellipse Width="8" Height="8" Fill="{Binding MicStatusBrush}"
|
||||||
|
Margin="0,0,6,0" VerticalAlignment="Center"/>
|
||||||
|
<TextBlock Text="MIC"/>
|
||||||
|
</StackPanel>
|
||||||
|
</Button>
|
||||||
|
<Border Width="288" Height="14" CornerRadius="7" Background="#3a3b52" Margin="0,0,8,0"
|
||||||
|
ClipToBounds="True" VerticalAlignment="Center">
|
||||||
|
<Grid>
|
||||||
|
<Rectangle Width="57" Fill="#4a4520" HorizontalAlignment="Left" Margin="173,0,0,0"
|
||||||
|
VerticalAlignment="Stretch"/>
|
||||||
|
<Rectangle Width="58" Fill="#4a2222" HorizontalAlignment="Left" Margin="230,0,0,0"
|
||||||
|
VerticalAlignment="Stretch"/>
|
||||||
|
<TextBlock Text="{Binding MicSourceName}" Foreground="#b8b8c8" FontSize="10"
|
||||||
|
VerticalAlignment="Center" Margin="6,0,0,0" MaxWidth="270"
|
||||||
|
TextTrimming="CharacterEllipsis"
|
||||||
|
Visibility="{Binding MicSourceName, Converter={StaticResource NotNullToVis}}"/>
|
||||||
|
<Border HorizontalAlignment="Left" Width="{Binding MeterFillWidth}"
|
||||||
|
Background="{Binding MeterBrush}" Opacity="0.75"/>
|
||||||
|
<Rectangle Width="1" Height="10" Fill="#26000000" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="36,0,0,0"/>
|
||||||
|
<Rectangle Width="1" Height="10" Fill="#26000000" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="72,0,0,0"/>
|
||||||
|
<Rectangle Width="1" Height="10" Fill="#26000000" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="108,0,0,0"/>
|
||||||
|
<Rectangle Width="1" Height="10" Fill="#26000000" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="144,0,0,0"/>
|
||||||
|
<Rectangle Width="1" Height="10" Fill="#26000000" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="180,0,0,0"/>
|
||||||
|
<Rectangle Width="1" Height="10" Fill="#26000000" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="216,0,0,0"/>
|
||||||
|
<Rectangle Width="1" Height="10" Fill="#26000000" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="252,0,0,0"/>
|
||||||
|
<Rectangle Width="2" Fill="#00000080" HorizontalAlignment="Left" Margin="173,0,0,0"
|
||||||
|
VerticalAlignment="Stretch"/>
|
||||||
|
<Rectangle Width="2" Fill="#00000080" HorizontalAlignment="Left" Margin="230,0,0,0"
|
||||||
|
VerticalAlignment="Stretch"/>
|
||||||
|
</Grid>
|
||||||
|
</Border>
|
||||||
|
<Grid Width="16" Height="16" Cursor="Hand" Margin="0,0,8,0"
|
||||||
|
VerticalAlignment="Center" ToolTip="{Binding MicMuteText}"
|
||||||
|
MouseLeftButtonUp="MicSpeaker_MouseLeftButtonUp">
|
||||||
|
<Path Fill="#d0d0d0" Stretch="Uniform"
|
||||||
|
Data="M12,14c1.66,0 3,-1.34 3,-3V5c0,-1.66 -1.34,-3 -3,-3S9,3.34 9,5v6C9,12.66 10.34,14 12,14zM17.3,11c0,3 -2.54,5.1 -5.3,5.1S6.7,14 6.7,11H5c0,3.41 2.72,6.23 6,6.72V21h2v-3.28c3.28,-0.49 6,-3.31 6,-6.72H17.3z"
|
||||||
|
Visibility="{Binding MicMuted, Converter={StaticResource InverseBoolToVis}}"/>
|
||||||
|
<Path Fill="#ef4444" Stretch="Uniform"
|
||||||
|
Data="M12,14c1.66,0 3,-1.34 3,-3V5c0,-1.66 -1.34,-3 -3,-3S9,3.34 9,5v6C9,12.66 10.34,14 12,14zM17.3,11c0,3 -2.54,5.1 -5.3,5.1S6.7,14 6.7,11H5c0,3.41 2.72,6.23 6,6.72V21h2v-3.28c3.28,-0.49 6,-3.31 6,-6.72H17.3z"
|
||||||
|
Visibility="{Binding MicMuted, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
<Path Stroke="#ef4444" StrokeThickness="2.5" StrokeEndLineCap="Round" Stretch="Uniform"
|
||||||
|
Data="M21,3 L3,21"
|
||||||
|
Visibility="{Binding MicMuted, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
</Grid>
|
||||||
|
<Slider Width="130" Minimum="0" Maximum="1"
|
||||||
|
Value="{Binding MicVolume, Mode=TwoWay}" VerticalAlignment="Center"
|
||||||
|
PreviewMouseLeftButtonDown="VolumeSlider_PreviewMouseLeftButtonDown"
|
||||||
|
PreviewMouseLeftButtonUp="VolumeSlider_PreviewMouseLeftButtonUp"
|
||||||
|
LostMouseCapture="VolumeSlider_LostMouseCapture"/>
|
||||||
|
</StackPanel>
|
||||||
|
</StackPanel>
|
||||||
|
</Grid>
|
||||||
|
</Border>
|
||||||
|
</UserControl>
|
||||||
@@ -0,0 +1,464 @@
|
|||||||
|
using System;
|
||||||
|
using System.Windows;
|
||||||
|
using System.Windows.Controls;
|
||||||
|
using System.Windows.Input;
|
||||||
|
using System.Windows.Media;
|
||||||
|
using System.Windows.Media.Effects;
|
||||||
|
using System.Windows.Media.Animation;
|
||||||
|
using System.Windows.Shapes;
|
||||||
|
using System.Windows.Threading;
|
||||||
|
using ytLive.Helpers;
|
||||||
|
using ytLive.Models;
|
||||||
|
using ytLive.ViewModels;
|
||||||
|
|
||||||
|
namespace ytLive.Controls;
|
||||||
|
|
||||||
|
public partial class PreviewPane : UserControl
|
||||||
|
{
|
||||||
|
private bool _isDraggingOverlay;
|
||||||
|
private bool _isResizing;
|
||||||
|
private Point _grabOffset;
|
||||||
|
private double _resizeAspect;
|
||||||
|
|
||||||
|
private readonly System.Collections.Generic.Dictionary<string, Storyboard> _activeBorderAnimations =
|
||||||
|
new();
|
||||||
|
|
||||||
|
private DispatcherTimer? _socialGlowTimer;
|
||||||
|
private double _socialGlowAngle;
|
||||||
|
|
||||||
|
public PreviewPane()
|
||||||
|
{
|
||||||
|
InitializeComponent();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Static images and the webcam share the move/resize/selection behavior.
|
||||||
|
public static bool IsDraggableElement(SceneElement element)
|
||||||
|
=> element.IsDraggable;
|
||||||
|
|
||||||
|
public void UpdateSelectionOverlay(bool selected)
|
||||||
|
{
|
||||||
|
SelectionOverlay.Visibility = selected ? Visibility.Visible : Visibility.Collapsed;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ─── Clicking inside the preview / pull-out drawer (used by the window's
|
||||||
|
// Window_PreviewMouseLeftButtonDown deselection logic) ───
|
||||||
|
public bool IsClickInsidePreview(DependencyObject original)
|
||||||
|
=> IsDescendantOf(original, PreviewGrid);
|
||||||
|
|
||||||
|
public bool IsClickInsideDrawer(DependencyObject original)
|
||||||
|
=> IsDescendantOf(original, TextPullOutHost);
|
||||||
|
|
||||||
|
private static bool IsDescendantOf(DependencyObject? child, DependencyObject ancestor)
|
||||||
|
{
|
||||||
|
while (child != null && !ReferenceEquals(child, ancestor))
|
||||||
|
{
|
||||||
|
child = child is Visual or System.Windows.Media.Media3D.Visual3D
|
||||||
|
? VisualTreeHelper.GetParent(child)
|
||||||
|
: LogicalTreeHelper.GetParent(child);
|
||||||
|
}
|
||||||
|
return child != null;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ─── Audio meters + TRAX + socials (ROW 2 of the preview pane) ───
|
||||||
|
private void VolumeSlider_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is Slider slider)
|
||||||
|
SetSliderValueFromClick(slider, e);
|
||||||
|
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
||||||
|
vm.SetVolumeAdjusting(true);
|
||||||
|
}
|
||||||
|
|
||||||
|
private void VolumeSlider_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
||||||
|
vm.SetVolumeAdjusting(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
private void VolumeSlider_LostMouseCapture(object sender, MouseEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
||||||
|
vm.SetVolumeAdjusting(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
private void GameVolumeSlider_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is Slider slider)
|
||||||
|
SetSliderValueFromClick(slider, e);
|
||||||
|
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
||||||
|
vm.SetGameVolumeAdjusting(true);
|
||||||
|
}
|
||||||
|
|
||||||
|
private void GameVolumeSlider_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
||||||
|
vm.SetGameVolumeAdjusting(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
private void GameVolumeSlider_LostMouseCapture(object sender, MouseEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
||||||
|
vm.SetGameVolumeAdjusting(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
private static void SetSliderValueFromClick(Slider slider, MouseButtonEventArgs e)
|
||||||
|
{
|
||||||
|
if (FindParent<System.Windows.Controls.Primitives.Thumb>(e.OriginalSource as Visual) != null)
|
||||||
|
return;
|
||||||
|
var track = slider.Template.FindName("PART_Track", slider) as System.Windows.Controls.Primitives.Track;
|
||||||
|
if (track == null) return;
|
||||||
|
var pos = e.GetPosition(track);
|
||||||
|
var fraction = Math.Clamp(pos.X / track.RenderSize.Width, 0, 1);
|
||||||
|
slider.Value = slider.Minimum + fraction * (slider.Maximum - slider.Minimum);
|
||||||
|
e.Handled = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
private static T? FindParent<T>(Visual? visual) where T : Visual
|
||||||
|
{
|
||||||
|
while (visual != null)
|
||||||
|
{
|
||||||
|
if (visual is T match) return match;
|
||||||
|
visual = VisualTreeHelper.GetParent(visual) as Visual;
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void MicSpeaker_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
||||||
|
{
|
||||||
|
vm.ToggleMicMuteCommand.Execute(null);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void GameSpeaker_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
||||||
|
{
|
||||||
|
vm.ToggleGameMuteCommand.Execute(null);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// TRAX (TASK 9): left-click toggles play/pause (picks a track when none is
|
||||||
|
// loaded); right-click always opens the picker. The picker is the OS file
|
||||||
|
// dialog — the "never the OS viewer" rule covers the preview, not pickers.
|
||||||
|
private void TraxButton_Click(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if (DataContext is ViewModels.MainViewModel vm)
|
||||||
|
vm.TraxLeftClick();
|
||||||
|
}
|
||||||
|
|
||||||
|
private void TraxButton_PreviewMouseRightButtonUp(object sender, MouseButtonEventArgs e)
|
||||||
|
{
|
||||||
|
if (DataContext is ViewModels.MainViewModel vm)
|
||||||
|
vm.TraxRightClick();
|
||||||
|
e.Handled = true; // the button's right-click context menu must not fire
|
||||||
|
}
|
||||||
|
|
||||||
|
// ─── Webcam / background context menus (right-click on overlay elements) ───
|
||||||
|
private void WebcamMenu_ChangeWebcam(object sender, RoutedEventArgs e)
|
||||||
|
=> (DataContext as MainViewModel)?.ChangeWebcamCommand.Execute(null);
|
||||||
|
|
||||||
|
private void WebcamMenu_SetBorderAnimation(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is not MenuItem { DataContext: SceneElement element, Tag: string tag }
|
||||||
|
|| !Enum.TryParse<BorderAnimation>(tag, out var animation))
|
||||||
|
return;
|
||||||
|
|
||||||
|
element.BorderAnimation = animation;
|
||||||
|
|
||||||
|
StopBorderAnimation(element.Id);
|
||||||
|
|
||||||
|
if (animation == BorderAnimation.None) return;
|
||||||
|
|
||||||
|
var shape = FindBorderShape(sender as DependencyObject);
|
||||||
|
if (shape == null) return;
|
||||||
|
|
||||||
|
var sb = CreateBorderAnimation(animation, shape);
|
||||||
|
if (sb == null) return;
|
||||||
|
|
||||||
|
sb.Freeze();
|
||||||
|
_activeBorderAnimations[element.Id] = sb;
|
||||||
|
shape.BeginAnimation(Shape.OpacityProperty, null);
|
||||||
|
Storyboard.SetTarget(sb, shape);
|
||||||
|
sb.Begin();
|
||||||
|
}
|
||||||
|
|
||||||
|
private void StopBorderAnimation(string elementId)
|
||||||
|
{
|
||||||
|
if (_activeBorderAnimations.TryGetValue(elementId, out var old))
|
||||||
|
{
|
||||||
|
old.Stop();
|
||||||
|
_activeBorderAnimations.Remove(elementId);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private static Shape? FindBorderShape(DependencyObject? start)
|
||||||
|
{
|
||||||
|
var current = start;
|
||||||
|
while (current != null)
|
||||||
|
{
|
||||||
|
if (current is ContextMenu cm && cm.PlacementTarget is FrameworkElement target)
|
||||||
|
{
|
||||||
|
for (var i = 0; i < VisualTreeHelper.GetChildrenCount(target); i++)
|
||||||
|
{
|
||||||
|
var child = VisualTreeHelper.GetChild(target, i);
|
||||||
|
if (child is Shape s && (s is Rectangle or Ellipse) && !s.IsHitTestVisible)
|
||||||
|
return s;
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
current = VisualTreeHelper.GetParent(current);
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
private static Storyboard? CreateBorderAnimation(BorderAnimation animation, Shape shape)
|
||||||
|
{
|
||||||
|
var sb = new Storyboard();
|
||||||
|
switch (animation)
|
||||||
|
{
|
||||||
|
case BorderAnimation.Pulse:
|
||||||
|
AddDoubleAnimation(sb, Shape.OpacityProperty, 1.0, 0.3, TimeSpan.FromSeconds(0.8), true);
|
||||||
|
break;
|
||||||
|
case BorderAnimation.Glow:
|
||||||
|
AddDoubleAnimation(sb, Shape.OpacityProperty, 1.0, 0.5, TimeSpan.FromSeconds(1.2), true);
|
||||||
|
break;
|
||||||
|
case BorderAnimation.Shimmer:
|
||||||
|
AddDoubleAnimation(sb, Shape.OpacityProperty, 1.0, 0.15, TimeSpan.FromSeconds(0.5), true);
|
||||||
|
break;
|
||||||
|
case BorderAnimation.Electricity:
|
||||||
|
AddDoubleAnimation(sb, Shape.OpacityProperty, 1.0, 0.2, TimeSpan.FromSeconds(0.1), true);
|
||||||
|
break;
|
||||||
|
case BorderAnimation.Sparkles:
|
||||||
|
AddDoubleAnimation(sb, Shape.OpacityProperty, 1.0, 0.4, TimeSpan.FromSeconds(0.3), true);
|
||||||
|
break;
|
||||||
|
case BorderAnimation.MarchingAnts:
|
||||||
|
shape.StrokeDashArray = new DoubleCollection { 4, 2 };
|
||||||
|
AddDoubleAnimation(sb, Shape.StrokeDashOffsetProperty, 0, -20, TimeSpan.FromSeconds(0.8), false);
|
||||||
|
break;
|
||||||
|
case BorderAnimation.Chase:
|
||||||
|
shape.StrokeDashArray = new DoubleCollection { 8, 4 };
|
||||||
|
AddDoubleAnimation(sb, Shape.StrokeDashOffsetProperty, 0, -30, TimeSpan.FromSeconds(1.5), false);
|
||||||
|
break;
|
||||||
|
case BorderAnimation.Rainbow:
|
||||||
|
if (shape.Stroke is SolidColorBrush brush)
|
||||||
|
{
|
||||||
|
var frozen = brush.IsFrozen;
|
||||||
|
if (frozen) brush = brush.Clone();
|
||||||
|
shape.Stroke = brush;
|
||||||
|
var colorAnim = new ColorAnimationUsingKeyFrames
|
||||||
|
{
|
||||||
|
Duration = new Duration(TimeSpan.FromSeconds(3)),
|
||||||
|
RepeatBehavior = RepeatBehavior.Forever
|
||||||
|
};
|
||||||
|
colorAnim.KeyFrames.Add(new LinearColorKeyFrame(Colors.Red, KeyTime.FromTimeSpan(TimeSpan.Zero)));
|
||||||
|
colorAnim.KeyFrames.Add(new LinearColorKeyFrame(Colors.Yellow, KeyTime.FromTimeSpan(TimeSpan.FromSeconds(0.5))));
|
||||||
|
colorAnim.KeyFrames.Add(new LinearColorKeyFrame(Colors.Green, KeyTime.FromTimeSpan(TimeSpan.FromSeconds(1))));
|
||||||
|
colorAnim.KeyFrames.Add(new LinearColorKeyFrame(Colors.DodgerBlue, KeyTime.FromTimeSpan(TimeSpan.FromSeconds(1.5))));
|
||||||
|
colorAnim.KeyFrames.Add(new LinearColorKeyFrame(Colors.MediumPurple, KeyTime.FromTimeSpan(TimeSpan.FromSeconds(2))));
|
||||||
|
colorAnim.KeyFrames.Add(new LinearColorKeyFrame(Colors.Red, KeyTime.FromTimeSpan(TimeSpan.FromSeconds(2.5))));
|
||||||
|
Storyboard.SetTargetProperty(colorAnim, new PropertyPath("(Shape.Stroke).(SolidColorBrush.Color)"));
|
||||||
|
sb.Children.Add(colorAnim);
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
return sb.Children.Count > 0 ? sb : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
private static void AddDoubleAnimation(Storyboard sb, DependencyProperty prop,
|
||||||
|
double from, double to, Duration duration, bool autoReverse)
|
||||||
|
{
|
||||||
|
var anim = new DoubleAnimation(from, to, duration)
|
||||||
|
{
|
||||||
|
AutoReverse = autoReverse,
|
||||||
|
RepeatBehavior = RepeatBehavior.Forever
|
||||||
|
};
|
||||||
|
Storyboard.SetTargetProperty(anim, new PropertyPath(prop));
|
||||||
|
sb.Children.Add(anim);
|
||||||
|
}
|
||||||
|
|
||||||
|
private void WebcamMenu_SetBorderColor(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is MenuItem { DataContext: SceneElement element, Tag: string color })
|
||||||
|
element.BorderColor = color;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void WebcamMenu_HideInScene(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is MenuItem { DataContext: SceneElement element })
|
||||||
|
element.IsVisible = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void WebcamMenu_Remove(object sender, RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is MenuItem { DataContext: SceneElement element })
|
||||||
|
(DataContext as MainViewModel)?.RemoveSourceCommand.Execute(element);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ─── Social bar: click toggles top ⇄ bottom. KISS — the drag variant was
|
||||||
|
// unusable for shaky hands (jitter around the direction deadzone), so the bar
|
||||||
|
// rides on {Binding SocialBarTop} alone and a click flips it. ───
|
||||||
|
private void SocialBar_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
|
||||||
|
{
|
||||||
|
(DataContext as MainViewModel)?.ToggleSocialBarPosition();
|
||||||
|
e.Handled = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void SocialsButton_MouseEnter(object sender, MouseEventArgs e)
|
||||||
|
{
|
||||||
|
if (SocialBarElement == null) return;
|
||||||
|
|
||||||
|
// Kick the social bar to full brightness so it's immediately visible
|
||||||
|
var effect = SocialBarElement.Effect as DropShadowEffect;
|
||||||
|
if (effect != null)
|
||||||
|
{
|
||||||
|
effect.BlurRadius = 40;
|
||||||
|
effect.Opacity = 1.0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Pulse the glow so it catches the eye
|
||||||
|
_socialGlowAngle = 0;
|
||||||
|
_socialGlowTimer?.Stop();
|
||||||
|
_socialGlowTimer = new DispatcherTimer { Interval = TimeSpan.FromMilliseconds(30) };
|
||||||
|
_socialGlowTimer.Tick += SocialGlowTick;
|
||||||
|
_socialGlowTimer.Start();
|
||||||
|
}
|
||||||
|
|
||||||
|
private void SocialsButton_MouseLeave(object sender, MouseEventArgs e)
|
||||||
|
{
|
||||||
|
_socialGlowTimer?.Stop();
|
||||||
|
_socialGlowTimer = null;
|
||||||
|
|
||||||
|
if (SocialBarElement?.Effect is DropShadowEffect effect)
|
||||||
|
{
|
||||||
|
effect.BlurRadius = 18;
|
||||||
|
effect.Opacity = 0.9;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void SocialGlowTick(object? sender, EventArgs e)
|
||||||
|
{
|
||||||
|
if (SocialBarElement?.Effect is not DropShadowEffect effect) return;
|
||||||
|
|
||||||
|
_socialGlowAngle += 0.18;
|
||||||
|
if (_socialGlowAngle > Math.PI * 2) _socialGlowAngle -= Math.PI * 2;
|
||||||
|
|
||||||
|
// Smooth sine pulse: BlurRadius 24→48, Opacity 0.7→1.0
|
||||||
|
double t = (Math.Sin(_socialGlowAngle) + 1.0) / 2.0; // 0..1
|
||||||
|
effect.BlurRadius = 24 + t * 24;
|
||||||
|
effect.Opacity = 0.7 + t * 0.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ─── Preview: element selection / move / resize / hit-testing ───
|
||||||
|
private void Preview_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
|
||||||
|
{
|
||||||
|
var vm = DataContext as MainViewModel;
|
||||||
|
if (vm is null || !vm.IsEditMode) return;
|
||||||
|
var grid = (Grid)sender;
|
||||||
|
var toCanvas = CanvasGrid.TransformToVisual(grid).Inverse;
|
||||||
|
var p = toCanvas.Transform(e.GetPosition(grid));
|
||||||
|
var selected = vm.SelectedElement;
|
||||||
|
|
||||||
|
if (selected is { } sel && IsDraggableElement(sel) && HitHandle(e.GetPosition(grid), sel))
|
||||||
|
{
|
||||||
|
_isResizing = true;
|
||||||
|
_resizeAspect = sel.ClipShape == ClipShape.Round ? 1 : sel.Width / Math.Max(1, sel.Height);
|
||||||
|
grid.CaptureMouse();
|
||||||
|
e.Handled = true;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var hit = HitElement(vm, p);
|
||||||
|
if (hit != null)
|
||||||
|
{
|
||||||
|
vm.SelectedElement = hit;
|
||||||
|
_isDraggingOverlay = true;
|
||||||
|
_grabOffset = new Point(p.X - hit.X, p.Y - hit.Y);
|
||||||
|
grid.CaptureMouse();
|
||||||
|
e.Handled = true;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
vm.SelectedElement = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void Preview_MouseMove(object sender, MouseEventArgs e)
|
||||||
|
{
|
||||||
|
var vm = DataContext as MainViewModel;
|
||||||
|
if (vm is null || !vm.IsEditMode) return;
|
||||||
|
if (!_isDraggingOverlay && !_isResizing) return;
|
||||||
|
|
||||||
|
var grid = (Grid)sender;
|
||||||
|
var toCanvas = CanvasGrid.TransformToVisual(grid).Inverse;
|
||||||
|
var p = toCanvas.Transform(e.GetPosition(grid));
|
||||||
|
var selected = vm.SelectedElement;
|
||||||
|
if (selected == null)
|
||||||
|
{
|
||||||
|
EndPreviewDrag(grid);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (_isDraggingOverlay)
|
||||||
|
{
|
||||||
|
var minX = -(selected.Width - 20);
|
||||||
|
var maxX = 1920 - 20;
|
||||||
|
var minY = -(selected.Height - 20);
|
||||||
|
var maxY = 1080 - 20;
|
||||||
|
selected.X = Math.Clamp(p.X - _grabOffset.X, Math.Min(minX, maxX), Math.Max(minX, maxX));
|
||||||
|
selected.Y = Math.Clamp(p.Y - _grabOffset.Y, Math.Min(minY, maxY), Math.Max(minY, maxY));
|
||||||
|
}
|
||||||
|
else if (_isResizing)
|
||||||
|
{
|
||||||
|
var isWebcam = selected is WebcamSceneConfig;
|
||||||
|
var isRound = selected.ClipShape == ClipShape.Round;
|
||||||
|
var proportional = isRound || Keyboard.Modifiers.HasFlag(ModifierKeys.Shift);
|
||||||
|
var maxW = isWebcam ? MainViewModel.MaxWebcamWidthFor(vm.StagedScene?.Name) : 1920;
|
||||||
|
var maxH = isWebcam ? MainViewModel.MaxWebcamHeightFor(vm.StagedScene?.Name) : 1080;
|
||||||
|
var newW = Math.Clamp(p.X - selected.X, 32, maxW);
|
||||||
|
var newH = proportional ? newW / _resizeAspect : Math.Clamp(p.Y - selected.Y, 32, maxH);
|
||||||
|
if (proportional && newH > maxH)
|
||||||
|
{
|
||||||
|
newH = maxH;
|
||||||
|
newW = newH * _resizeAspect;
|
||||||
|
}
|
||||||
|
selected.Width = newW;
|
||||||
|
selected.Height = newH;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void Preview_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
|
||||||
|
=> EndPreviewDrag((Grid)sender);
|
||||||
|
|
||||||
|
private void EndPreviewDrag(Grid grid)
|
||||||
|
{
|
||||||
|
if (_isDraggingOverlay || _isResizing)
|
||||||
|
grid.ReleaseMouseCapture();
|
||||||
|
_isDraggingOverlay = false;
|
||||||
|
_isResizing = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
private bool HitHandle(Point mouseScreen, SceneElement element)
|
||||||
|
{
|
||||||
|
var corner = CanvasGrid.TransformToVisual(PreviewGrid).Transform(new Point(element.X + element.Width, element.Y + element.Height));
|
||||||
|
return Math.Abs(mouseScreen.X - corner.X) <= 20 && Math.Abs(mouseScreen.Y - corner.Y) <= 20;
|
||||||
|
}
|
||||||
|
|
||||||
|
private SceneElement? HitElement(MainViewModel vm, Point p)
|
||||||
|
{
|
||||||
|
var scene = vm.StagedScene;
|
||||||
|
if (scene == null) return null;
|
||||||
|
for (var i = scene.Elements.Count - 1; i >= 0; i--)
|
||||||
|
{
|
||||||
|
var element = scene.Elements[i];
|
||||||
|
if (!IsDraggableElement(element)) continue;
|
||||||
|
if (element is Source { IsEnabled: false }) continue;
|
||||||
|
if (element is WebcamSceneConfig { IsVisible: false }) continue;
|
||||||
|
if (p.X >= element.X && p.X <= element.X + element.Width &&
|
||||||
|
p.Y >= element.Y && p.Y <= element.Y + element.Height)
|
||||||
|
return element;
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
<UserControl x:Class="ytLive.Controls.SceneThumbnailStrip"
|
||||||
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
|
||||||
|
<Border Background="#0d1117" CornerRadius="4" Margin="0,0,0,4" Padding="4">
|
||||||
|
<ItemsControl ItemsSource="{Binding Scenes}">
|
||||||
|
<ItemsControl.ItemsPanel>
|
||||||
|
<ItemsPanelTemplate>
|
||||||
|
<UniformGrid Rows="1" Columns="5"/>
|
||||||
|
</ItemsPanelTemplate>
|
||||||
|
</ItemsControl.ItemsPanel>
|
||||||
|
<ItemsControl.ItemTemplate>
|
||||||
|
<DataTemplate>
|
||||||
|
<Border CornerRadius="4" Margin="2" Padding="2"
|
||||||
|
BorderThickness="2"
|
||||||
|
BorderBrush="Transparent"
|
||||||
|
Cursor="Hand"
|
||||||
|
MouseLeftButtonDown="Thumbnail_MouseLeftButtonDown">
|
||||||
|
<Border.Style>
|
||||||
|
<Style TargetType="Border">
|
||||||
|
<Setter Property="BorderBrush" Value="#333344"/>
|
||||||
|
<Style.Triggers>
|
||||||
|
<DataTrigger Binding="{Binding IsStaged}" Value="True">
|
||||||
|
<Setter Property="BorderBrush" Value="#e94560"/>
|
||||||
|
</DataTrigger>
|
||||||
|
<DataTrigger Binding="{Binding IsLive}" Value="True">
|
||||||
|
<Setter Property="BorderBrush" Value="#22c55e"/>
|
||||||
|
</DataTrigger>
|
||||||
|
</Style.Triggers>
|
||||||
|
</Style>
|
||||||
|
</Border.Style>
|
||||||
|
<Grid>
|
||||||
|
<Grid.RowDefinitions>
|
||||||
|
<RowDefinition Height="*"/>
|
||||||
|
<RowDefinition Height="Auto"/>
|
||||||
|
</Grid.RowDefinitions>
|
||||||
|
<Border Grid.Row="0" CornerRadius="3"
|
||||||
|
Background="#0a0a1a" ClipToBounds="True">
|
||||||
|
<Image Source="{Binding Snapshot}"
|
||||||
|
Stretch="UniformToFill"
|
||||||
|
RenderOptions.BitmapScalingMode="LowQuality"/>
|
||||||
|
</Border>
|
||||||
|
<TextBlock Grid.Row="1" Foreground="#a0a0b0" FontSize="10"
|
||||||
|
HorizontalAlignment="Center"
|
||||||
|
Margin="0,2,0,0"
|
||||||
|
TextTrimming="CharacterEllipsis">
|
||||||
|
<Run Text="{Binding Name, Mode=OneWay}"/><Run Text=" "/><Run Text="{Binding HotkeyLabel, Mode=OneWay}" Foreground="#6a6a7a" FontWeight="SemiBold"/>
|
||||||
|
</TextBlock>
|
||||||
|
</Grid>
|
||||||
|
</Border>
|
||||||
|
</DataTemplate>
|
||||||
|
</ItemsControl.ItemTemplate>
|
||||||
|
</ItemsControl>
|
||||||
|
</Border>
|
||||||
|
</UserControl>
|
||||||
@@ -0,0 +1,21 @@
|
|||||||
|
using System.Windows;
|
||||||
|
using System.Windows.Controls;
|
||||||
|
using System.Windows.Input;
|
||||||
|
using ytLive.Models;
|
||||||
|
using ytLive.ViewModels;
|
||||||
|
|
||||||
|
namespace ytLive.Controls;
|
||||||
|
|
||||||
|
public partial class SceneThumbnailStrip : UserControl
|
||||||
|
{
|
||||||
|
public SceneThumbnailStrip()
|
||||||
|
{
|
||||||
|
InitializeComponent();
|
||||||
|
}
|
||||||
|
|
||||||
|
private void Thumbnail_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
|
||||||
|
{
|
||||||
|
if (sender is Border { DataContext: Scene scene } && DataContext is MainViewModel vm)
|
||||||
|
vm.TransitionToScene(scene);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,118 @@
|
|||||||
|
<UserControl x:Class="ytLive.Controls.TopBar"
|
||||||
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||||
|
x:Name="TopBarRoot">
|
||||||
|
<!-- LOGO / BRAND — clicking opens the in-app About overlay -->
|
||||||
|
<Grid>
|
||||||
|
<Grid.ColumnDefinitions>
|
||||||
|
<ColumnDefinition Width="Auto"/>
|
||||||
|
<ColumnDefinition Width="*"/>
|
||||||
|
<ColumnDefinition Width="Auto"/>
|
||||||
|
</Grid.ColumnDefinitions>
|
||||||
|
|
||||||
|
<!-- Logo / Brand — clicking opens the in-app About overlay -->
|
||||||
|
<Button Grid.Column="0" Background="Transparent" BorderThickness="0" Cursor="Hand"
|
||||||
|
VerticalAlignment="Center" Margin="0,0,24,0" ToolTip="About LlamaCasty"
|
||||||
|
Command="{Binding OpenAboutCommand}">
|
||||||
|
<Button.Template>
|
||||||
|
<ControlTemplate TargetType="Button">
|
||||||
|
<ContentPresenter/>
|
||||||
|
</ControlTemplate>
|
||||||
|
</Button.Template>
|
||||||
|
<TextBlock FontSize="22" FontWeight="Bold">
|
||||||
|
<Run Text="LlamaCas" Foreground="#e0e0e0"/><Run Text="ty" Foreground="#e94560"/>
|
||||||
|
</TextBlock>
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
<!-- REC / ON-AIR pills (intent) + status signs (reality) -->
|
||||||
|
<StackPanel Grid.Column="1" Orientation="Horizontal"
|
||||||
|
HorizontalAlignment="Center" VerticalAlignment="Center">
|
||||||
|
<!-- REC pill: local recording needs no sign-in -->
|
||||||
|
<TextBlock Text="REC" Foreground="#e94560" FontWeight="Bold" FontSize="12"
|
||||||
|
VerticalAlignment="Center" Margin="0,0,6,0"/>
|
||||||
|
<ToggleButton Style="{StaticResource PillToggle}" VerticalAlignment="Center"
|
||||||
|
IsChecked="{Binding RecordPillOn}"/>
|
||||||
|
<!-- ON-AIR pill: greyed out until signed in -->
|
||||||
|
<TextBlock Text="ON-AIR" Foreground="#e94560" FontWeight="Bold" FontSize="12"
|
||||||
|
VerticalAlignment="Center" Margin="16,0,6,0"/>
|
||||||
|
<ToggleButton Style="{StaticResource PillToggle}" VerticalAlignment="Center"
|
||||||
|
IsChecked="{Binding OnAirPillOn}"
|
||||||
|
IsEnabled="{Binding CanToggleOnAir}"
|
||||||
|
ToolTip="{Binding AccountStatusLightToolTip}"/>
|
||||||
|
<!-- Status signs: REC dot + ON-AIR dot -->
|
||||||
|
<Ellipse Width="12" Height="12" VerticalAlignment="Center" Margin="16,0,0,0"
|
||||||
|
Fill="{Binding RecDotBrush}" Opacity="{Binding RecDotOpacity}"/>
|
||||||
|
<TextBlock Text="REC" Style="{StaticResource StatusSignText}"/>
|
||||||
|
<!-- ON-AIR sign: gray offline, red public, green private -->
|
||||||
|
<Ellipse Width="12" Height="12" VerticalAlignment="Center" Margin="16,0,0,0"
|
||||||
|
Fill="{Binding OnAirBrush}"/>
|
||||||
|
<TextBlock Text="ON-AIR" Style="{StaticResource StatusSignText}"/>
|
||||||
|
<Border Background="#8f1f1f" CornerRadius="3" Padding="6,1" Margin="8,0,0,0"
|
||||||
|
VerticalAlignment="Center"
|
||||||
|
Visibility="{Binding IsLivePrivate, Converter={StaticResource BoolToVis}}">
|
||||||
|
<TextBlock Text="PRIVATE" FontSize="11" FontWeight="Bold" Foreground="White"/>
|
||||||
|
</Border>
|
||||||
|
<TextBlock Text="{Binding LiveElapsedText}" Foreground="White" FontSize="14"
|
||||||
|
FontFamily="Consolas" VerticalAlignment="Center" Margin="14,0,0,0"
|
||||||
|
Visibility="{Binding IsLive, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Three-state top bar: logged-out / idle / live -->
|
||||||
|
<StackPanel Grid.Column="2" Orientation="Horizontal" VerticalAlignment="Center">
|
||||||
|
<!-- Status light -->
|
||||||
|
<Ellipse Width="8" Height="8" Margin="0,0,8,0" VerticalAlignment="Center"
|
||||||
|
ToolTip="{Binding AccountStatusLightToolTip}">
|
||||||
|
<Ellipse.Style>
|
||||||
|
<Style TargetType="Ellipse">
|
||||||
|
<Setter Property="Fill" Value="#ef4444"/>
|
||||||
|
<Style.Triggers>
|
||||||
|
<DataTrigger Binding="{Binding IsConnected}" Value="True">
|
||||||
|
<Setter Property="Fill" Value="#22c55e"/>
|
||||||
|
</DataTrigger>
|
||||||
|
<DataTrigger Binding="{Binding IsLive}" Value="True">
|
||||||
|
<Setter Property="Fill" Value="#e94560"/>
|
||||||
|
</DataTrigger>
|
||||||
|
</Style.Triggers>
|
||||||
|
</Style>
|
||||||
|
</Ellipse.Style>
|
||||||
|
</Ellipse>
|
||||||
|
<!-- Avatar (connected only); shows the channel initial when
|
||||||
|
the profile image is missing or fails to download -->
|
||||||
|
<Border Width="26" Height="26" CornerRadius="13" Background="#16213e" ClipToBounds="True"
|
||||||
|
Margin="0,0,8,0" VerticalAlignment="Center"
|
||||||
|
ToolTip="{Binding AccountDisplayName}"
|
||||||
|
Visibility="{Binding IsConnected, Converter={StaticResource BoolToVis}}">
|
||||||
|
<Grid>
|
||||||
|
<Image x:Name="AvatarImage" Stretch="UniformToFill"/>
|
||||||
|
<TextBlock x:Name="AvatarInitial" Foreground="#e0e0e0" FontSize="13"
|
||||||
|
FontWeight="Bold" HorizontalAlignment="Center" VerticalAlignment="Center"
|
||||||
|
Visibility="Collapsed"/>
|
||||||
|
</Grid>
|
||||||
|
</Border>
|
||||||
|
<!-- Sign In button (disconnected + offline) -->
|
||||||
|
<Button Content="Sign In" Style="{StaticResource YtButton}"
|
||||||
|
Margin="0,0,12,0"
|
||||||
|
Command="{Binding StartStreamCommand}"
|
||||||
|
Visibility="{Binding ShowLogInButton, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
<!-- Primary Start button (offline): dynamic label from the pills -->
|
||||||
|
<Button Content="Start" Style="{StaticResource YtButton}"
|
||||||
|
Command="{Binding StartStreamCommand}"
|
||||||
|
Visibility="{Binding ShowPrimaryStartButton, Converter={StaticResource BoolToVis}}">
|
||||||
|
<Button.ContextMenu>
|
||||||
|
<ContextMenu>
|
||||||
|
<MenuItem Header="Choose Record Folder" Command="{Binding ChooseRecordFolderCommand}"/>
|
||||||
|
<Separator/>
|
||||||
|
<MenuItem Header="Change Account" Command="{Binding ChangeAccountCommand}"/>
|
||||||
|
<Separator/>
|
||||||
|
<MenuItem Header="Logout" Command="{Binding LogoutCommand}"/>
|
||||||
|
</ContextMenu>
|
||||||
|
</Button.ContextMenu>
|
||||||
|
</Button>
|
||||||
|
<!-- End button (live OR recording) — the only button whose
|
||||||
|
label changes; "Stop Recording" while recording -->
|
||||||
|
<Button Content="{Binding EndButtonText}" Style="{StaticResource YtButton}"
|
||||||
|
Background="#333" Command="{Binding EndStreamCommand}"
|
||||||
|
Visibility="{Binding ShowEndStreamButton, Converter={StaticResource BoolToVis}}"/>
|
||||||
|
</StackPanel>
|
||||||
|
</Grid>
|
||||||
|
</UserControl>
|
||||||
@@ -0,0 +1,72 @@
|
|||||||
|
using System;
|
||||||
|
using System.IO;
|
||||||
|
using System.Net.Http;
|
||||||
|
using System.Windows.Controls;
|
||||||
|
using System.Windows.Media.Imaging;
|
||||||
|
using ytLive.Helpers;
|
||||||
|
using ytLive.ViewModels;
|
||||||
|
|
||||||
|
namespace ytLive.Controls;
|
||||||
|
|
||||||
|
public partial class TopBar : UserControl
|
||||||
|
{
|
||||||
|
private static readonly HttpClient AvatarHttp = new() { Timeout = TimeSpan.FromSeconds(15) };
|
||||||
|
private string? _loadedAvatarUrl;
|
||||||
|
|
||||||
|
public TopBar()
|
||||||
|
{
|
||||||
|
InitializeComponent();
|
||||||
|
AvatarImage.Source = null;
|
||||||
|
AvatarInitial.Visibility = System.Windows.Visibility.Collapsed;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void RefreshAvatar()
|
||||||
|
{
|
||||||
|
_ = LoadAvatarImageAsync();
|
||||||
|
}
|
||||||
|
|
||||||
|
private async System.Threading.Tasks.Task LoadAvatarImageAsync()
|
||||||
|
{
|
||||||
|
var vm = DataContext as MainViewModel;
|
||||||
|
var url = vm?.AccountAvatarUrl;
|
||||||
|
if (vm is not { IsConnected: true })
|
||||||
|
{
|
||||||
|
ShowAvatarFallback(null);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (string.IsNullOrWhiteSpace(url))
|
||||||
|
{
|
||||||
|
AppLog.Write("Avatar: connected but no profile image URL on the session");
|
||||||
|
ShowAvatarFallback(null);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (url == _loadedAvatarUrl && AvatarImage.Source != null) return;
|
||||||
|
try
|
||||||
|
{
|
||||||
|
var bytes = await AvatarHttp.GetByteArrayAsync(url);
|
||||||
|
using var ms = new MemoryStream(bytes);
|
||||||
|
var bitmap = new BitmapImage();
|
||||||
|
bitmap.BeginInit();
|
||||||
|
bitmap.CacheOption = BitmapCacheOption.OnLoad;
|
||||||
|
bitmap.StreamSource = ms;
|
||||||
|
bitmap.EndInit();
|
||||||
|
bitmap.Freeze();
|
||||||
|
_loadedAvatarUrl = url;
|
||||||
|
AvatarImage.Source = bitmap;
|
||||||
|
AvatarInitial.Visibility = System.Windows.Visibility.Collapsed;
|
||||||
|
}
|
||||||
|
catch (Exception ex)
|
||||||
|
{
|
||||||
|
AppLog.Write($"Avatar load failed ({url}): {ex.Message}");
|
||||||
|
ShowAvatarFallback(vm?.AccountDisplayName);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void ShowAvatarFallback(string? name)
|
||||||
|
{
|
||||||
|
_loadedAvatarUrl = null;
|
||||||
|
AvatarImage.Source = null;
|
||||||
|
AvatarInitial.Text = string.IsNullOrWhiteSpace(name) ? "?" : name.Substring(0, 1).ToUpperInvariant();
|
||||||
|
AvatarInitial.Visibility = System.Windows.Visibility.Visible;
|
||||||
|
}
|
||||||
|
}
|
||||||
+5
-1338
File diff suppressed because it is too large
Load Diff
+15
-758
@@ -1,19 +1,10 @@
|
|||||||
using System;
|
using System;
|
||||||
using System.Collections;
|
|
||||||
using System.ComponentModel;
|
using System.ComponentModel;
|
||||||
using System.IO;
|
|
||||||
using System.Net.Http;
|
|
||||||
using System.Windows;
|
using System.Windows;
|
||||||
using System.Windows.Controls;
|
using System.Windows.Controls;
|
||||||
using System.Windows.Input;
|
using System.Windows.Input;
|
||||||
using System.Windows.Media;
|
using System.Windows.Media;
|
||||||
using System.Windows.Media.Effects;
|
|
||||||
using System.Windows.Threading;
|
|
||||||
using System.Windows.Media.Animation;
|
|
||||||
using System.Windows.Media.Imaging;
|
|
||||||
using System.Windows.Shapes;
|
|
||||||
using ytLive.Helpers;
|
using ytLive.Helpers;
|
||||||
using ytLive.Models;
|
|
||||||
using ytLive.ViewModels;
|
using ytLive.ViewModels;
|
||||||
|
|
||||||
namespace ytLive;
|
namespace ytLive;
|
||||||
@@ -21,7 +12,9 @@ namespace ytLive;
|
|||||||
public partial class MainWindow : Window
|
public partial class MainWindow : Window
|
||||||
{
|
{
|
||||||
private readonly MainViewModel _viewModel;
|
private readonly MainViewModel _viewModel;
|
||||||
private readonly Dictionary<string, Storyboard> _activeBorderAnimations = new();
|
private Controls.TopBar _topBar = null!;
|
||||||
|
private Controls.PreviewPane _previewPane = null!;
|
||||||
|
private Controls.LeftPanel _leftPanel = null!;
|
||||||
|
|
||||||
public MainWindow()
|
public MainWindow()
|
||||||
{
|
{
|
||||||
@@ -31,11 +24,12 @@ public partial class MainWindow : Window
|
|||||||
_viewModel = (MainViewModel)DataContext;
|
_viewModel = (MainViewModel)DataContext;
|
||||||
_viewModel.InitWebView2(WebViewHostPanel);
|
_viewModel.InitWebView2(WebViewHostPanel);
|
||||||
_viewModel.PropertyChanged += OnViewModelPropertyChanged;
|
_viewModel.PropertyChanged += OnViewModelPropertyChanged;
|
||||||
_viewModel.ChatMessages.CollectionChanged += OnChatMessagesChanged;
|
_topBar = (Controls.TopBar)FindName("TopBar")!;
|
||||||
|
_previewPane = (Controls.PreviewPane)FindName("PreviewPane")!;
|
||||||
|
_leftPanel = (Controls.LeftPanel)FindName("LeftPanel")!;
|
||||||
UpdateTaskbarOverlay();
|
UpdateTaskbarOverlay();
|
||||||
UpdateSelectionOverlay();
|
UpdateSelectionOverlay();
|
||||||
AvatarImage.Source = null;
|
_topBar.RefreshAvatar();
|
||||||
AvatarInitial.Visibility = Visibility.Collapsed;
|
|
||||||
RestoreWindowGeometry();
|
RestoreWindowGeometry();
|
||||||
AppLog.Write("MainWindow ctor: end");
|
AppLog.Write("MainWindow ctor: end");
|
||||||
}
|
}
|
||||||
@@ -116,7 +110,7 @@ public partial class MainWindow : Window
|
|||||||
UpdateSelectionOverlay();
|
UpdateSelectionOverlay();
|
||||||
else if (e.PropertyName == nameof(MainViewModel.AccountAvatarUrl)
|
else if (e.PropertyName == nameof(MainViewModel.AccountAvatarUrl)
|
||||||
|| e.PropertyName == nameof(MainViewModel.IsConnected))
|
|| e.PropertyName == nameof(MainViewModel.IsConnected))
|
||||||
LoadAvatarImage();
|
_topBar.RefreshAvatar();
|
||||||
}
|
}
|
||||||
|
|
||||||
private void MainWindow_Closing(object? sender, CancelEventArgs e)
|
private void MainWindow_Closing(object? sender, CancelEventArgs e)
|
||||||
@@ -141,156 +135,6 @@ public partial class MainWindow : Window
|
|||||||
: null;
|
: null;
|
||||||
}
|
}
|
||||||
|
|
||||||
private static readonly HttpClient AvatarHttp = new() { Timeout = TimeSpan.FromSeconds(15) };
|
|
||||||
private string? _loadedAvatarUrl;
|
|
||||||
|
|
||||||
private async void LoadAvatarImage()
|
|
||||||
{
|
|
||||||
var url = _viewModel.AccountAvatarUrl;
|
|
||||||
if (!_viewModel.IsConnected)
|
|
||||||
{
|
|
||||||
ShowAvatarFallback(null);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (string.IsNullOrWhiteSpace(url))
|
|
||||||
{
|
|
||||||
AppLog.Write("Avatar: connected but no profile image URL on the session");
|
|
||||||
ShowAvatarFallback(null);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (url == _loadedAvatarUrl && AvatarImage.Source != null) return;
|
|
||||||
try
|
|
||||||
{
|
|
||||||
var bytes = await AvatarHttp.GetByteArrayAsync(url);
|
|
||||||
using var ms = new MemoryStream(bytes);
|
|
||||||
var bitmap = new BitmapImage();
|
|
||||||
bitmap.BeginInit();
|
|
||||||
bitmap.CacheOption = BitmapCacheOption.OnLoad;
|
|
||||||
bitmap.StreamSource = ms;
|
|
||||||
bitmap.EndInit();
|
|
||||||
bitmap.Freeze();
|
|
||||||
_loadedAvatarUrl = url;
|
|
||||||
AvatarImage.Source = bitmap;
|
|
||||||
AvatarInitial.Visibility = Visibility.Collapsed;
|
|
||||||
}
|
|
||||||
catch (Exception ex)
|
|
||||||
{
|
|
||||||
AppLog.Write($"Avatar load failed ({url}): {ex.Message}");
|
|
||||||
ShowAvatarFallback(_viewModel.AccountDisplayName);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private void ShowAvatarFallback(string? name)
|
|
||||||
{
|
|
||||||
_loadedAvatarUrl = null;
|
|
||||||
AvatarImage.Source = null;
|
|
||||||
AvatarInitial.Text = string.IsNullOrWhiteSpace(name) ? "?" : name.Substring(0, 1).ToUpperInvariant();
|
|
||||||
AvatarInitial.Visibility = Visibility.Visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void SourceNameBox_IsVisibleChanged(object sender, DependencyPropertyChangedEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is TextBox { IsVisible: true } box)
|
|
||||||
{
|
|
||||||
box.Focus();
|
|
||||||
box.SelectAll();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private void VolumeSlider_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is Slider slider)
|
|
||||||
SetSliderValueFromClick(slider, e);
|
|
||||||
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
|
||||||
vm.SetVolumeAdjusting(true);
|
|
||||||
}
|
|
||||||
|
|
||||||
private void VolumeSlider_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
|
||||||
vm.SetVolumeAdjusting(false);
|
|
||||||
}
|
|
||||||
|
|
||||||
private void VolumeSlider_LostMouseCapture(object sender, MouseEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
|
||||||
vm.SetVolumeAdjusting(false);
|
|
||||||
}
|
|
||||||
|
|
||||||
private void GameVolumeSlider_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is Slider slider)
|
|
||||||
SetSliderValueFromClick(slider, e);
|
|
||||||
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
|
||||||
vm.SetGameVolumeAdjusting(true);
|
|
||||||
}
|
|
||||||
|
|
||||||
private void GameVolumeSlider_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
|
||||||
vm.SetGameVolumeAdjusting(false);
|
|
||||||
}
|
|
||||||
|
|
||||||
private void GameVolumeSlider_LostMouseCapture(object sender, MouseEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
|
||||||
vm.SetGameVolumeAdjusting(false);
|
|
||||||
}
|
|
||||||
|
|
||||||
private static void SetSliderValueFromClick(Slider slider, MouseButtonEventArgs e)
|
|
||||||
{
|
|
||||||
if (FindParent<System.Windows.Controls.Primitives.Thumb>(e.OriginalSource as Visual) != null)
|
|
||||||
return;
|
|
||||||
var track = slider.Template.FindName("PART_Track", slider) as System.Windows.Controls.Primitives.Track;
|
|
||||||
if (track == null) return;
|
|
||||||
var pos = e.GetPosition(track);
|
|
||||||
var fraction = Math.Clamp(pos.X / track.RenderSize.Width, 0, 1);
|
|
||||||
slider.Value = slider.Minimum + fraction * (slider.Maximum - slider.Minimum);
|
|
||||||
e.Handled = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
private static T? FindParent<T>(Visual? visual) where T : Visual
|
|
||||||
{
|
|
||||||
while (visual != null)
|
|
||||||
{
|
|
||||||
if (visual is T match) return match;
|
|
||||||
visual = VisualTreeHelper.GetParent(visual) as Visual;
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void MicSpeaker_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
|
||||||
{
|
|
||||||
vm.ToggleMicMuteCommand.Execute(null);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private void GameSpeaker_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is FrameworkElement { DataContext: MainViewModel vm })
|
|
||||||
{
|
|
||||||
vm.ToggleGameMuteCommand.Execute(null);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// TRAX (TASK 9): left-click toggles play/pause (picks a track when none is
|
|
||||||
// loaded); right-click always opens the picker. The picker is the OS file
|
|
||||||
// dialog — the "never the OS viewer" rule covers the preview, not pickers.
|
|
||||||
private void TraxButton_Click(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (DataContext is ViewModels.MainViewModel vm)
|
|
||||||
vm.TraxLeftClick();
|
|
||||||
}
|
|
||||||
|
|
||||||
private void TraxButton_PreviewMouseRightButtonUp(object sender, MouseButtonEventArgs e)
|
|
||||||
{
|
|
||||||
if (DataContext is ViewModels.MainViewModel vm)
|
|
||||||
vm.TraxRightClick();
|
|
||||||
e.Handled = true; // the button's right-click context menu must not fire
|
|
||||||
}
|
|
||||||
|
|
||||||
private void BackToAbout_Click(object sender, RoutedEventArgs e)
|
private void BackToAbout_Click(object sender, RoutedEventArgs e)
|
||||||
{
|
{
|
||||||
if (DataContext is ViewModels.MainViewModel vm)
|
if (DataContext is ViewModels.MainViewModel vm)
|
||||||
@@ -300,613 +144,26 @@ public partial class MainWindow : Window
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private void AddSourceButton_Click(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is Button { ContextMenu: { } menu } button)
|
|
||||||
{
|
|
||||||
menu.PlacementTarget = button;
|
|
||||||
menu.Placement = System.Windows.Controls.Primitives.PlacementMode.Bottom;
|
|
||||||
menu.IsOpen = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// ─── Preview image selection / move / resize ───
|
|
||||||
private void Thumbnail_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is Border { DataContext: Scene scene })
|
|
||||||
_viewModel.TransitionToScene(scene);
|
|
||||||
}
|
|
||||||
|
|
||||||
private bool _isDraggingOverlay;
|
|
||||||
private bool _isResizing;
|
|
||||||
private Point _grabOffset;
|
|
||||||
private double _resizeAspect;
|
|
||||||
|
|
||||||
private void Window_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
|
private void Window_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
|
||||||
{
|
{
|
||||||
if (e.OriginalSource is not DependencyObject original) return;
|
if (e.OriginalSource is not DependencyObject original) return;
|
||||||
var form = _viewModel.BroadcastForm;
|
var form = _viewModel.BroadcastForm;
|
||||||
if (form.IsDrawerOpen && !IsDescendantOf(original, TextPullOutHost))
|
if (form.IsDrawerOpen && !_previewPane.IsClickInsideDrawer(original))
|
||||||
form.CloseDrawerCommand.Execute(null);
|
form.CloseDrawerCommand.Execute(null);
|
||||||
if (IsDescendantOf(original, PreviewGrid)) return;
|
if (_previewPane.IsClickInsidePreview(original)) return;
|
||||||
if (IsDescendantOf(original, SourceList)) return;
|
if (_leftPanel.IsClickInside(original)) return;
|
||||||
if (IsDescendantOf(original, ElementsScrollViewer)) return;
|
|
||||||
_viewModel.SelectedElement = null;
|
_viewModel.SelectedElement = null;
|
||||||
}
|
}
|
||||||
|
|
||||||
private static bool IsDescendantOf(DependencyObject? child, DependencyObject ancestor)
|
|
||||||
{
|
|
||||||
while (child != null && !ReferenceEquals(child, ancestor))
|
|
||||||
{
|
|
||||||
child = child is System.Windows.Media.Visual or System.Windows.Media.Media3D.Visual3D
|
|
||||||
? VisualTreeHelper.GetParent(child)
|
|
||||||
: LogicalTreeHelper.GetParent(child);
|
|
||||||
}
|
|
||||||
return child != null;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void UpdateSelectionOverlay()
|
private void UpdateSelectionOverlay()
|
||||||
{
|
{
|
||||||
if (!_viewModel.IsEditMode)
|
if (!_viewModel.IsEditMode)
|
||||||
{
|
{
|
||||||
SelectionOverlay.Visibility = Visibility.Collapsed;
|
_previewPane.UpdateSelectionOverlay(false);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
var selected = _viewModel.SelectedElement is { } s && IsDraggableElement(s);
|
var selected = _viewModel.SelectedElement is { } s && Controls.PreviewPane.IsDraggableElement(s);
|
||||||
SelectionOverlay.Visibility = selected ? Visibility.Visible : Visibility.Collapsed;
|
_previewPane.UpdateSelectionOverlay(selected);
|
||||||
if (selected)
|
_leftPanel.OnSelectionChanged(_viewModel);
|
||||||
OpacityValueText.Text = $"{Math.Round(_viewModel.SelectedElement!.Opacity * 100)}%";
|
|
||||||
TakeSnapshot();
|
|
||||||
}
|
|
||||||
|
|
||||||
private void OnChatMessagesChanged(object? sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
|
|
||||||
{
|
|
||||||
if (e.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Add)
|
|
||||||
{
|
|
||||||
ChatListBox.ScrollIntoView(ChatListBox.Items[^1]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Static images and the webcam share the move/resize/selection behavior.
|
|
||||||
private static bool IsDraggableElement(SceneElement element)
|
|
||||||
=> element.IsDraggable;
|
|
||||||
|
|
||||||
private void MirrorButton_Click(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (_viewModel.SelectedElement is WebcamSceneConfig webcam)
|
|
||||||
webcam.IsMirrored = !webcam.IsMirrored;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void ShapeButton_Click(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (_viewModel.SelectedElement is WebcamSceneConfig webcam)
|
|
||||||
webcam.ToggleClipShape();
|
|
||||||
}
|
|
||||||
|
|
||||||
private void WebcamMenu_ChangeWebcam(object sender, RoutedEventArgs e)
|
|
||||||
=> _viewModel.ChangeWebcamCommand.Execute(null);
|
|
||||||
|
|
||||||
private void WebcamMenu_SetBorderAnimation(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is not MenuItem { DataContext: SceneElement element, Tag: string tag }
|
|
||||||
|| !Enum.TryParse<BorderAnimation>(tag, out var animation))
|
|
||||||
return;
|
|
||||||
|
|
||||||
element.BorderAnimation = animation;
|
|
||||||
|
|
||||||
StopBorderAnimation(element.Id);
|
|
||||||
|
|
||||||
if (animation == BorderAnimation.None) return;
|
|
||||||
|
|
||||||
var shape = FindBorderShape(sender as DependencyObject);
|
|
||||||
if (shape == null) return;
|
|
||||||
|
|
||||||
var sb = CreateBorderAnimation(animation, shape);
|
|
||||||
if (sb == null) return;
|
|
||||||
|
|
||||||
sb.Freeze();
|
|
||||||
_activeBorderAnimations[element.Id] = sb;
|
|
||||||
shape.BeginAnimation(Shape.OpacityProperty, null);
|
|
||||||
Storyboard.SetTarget(sb, shape);
|
|
||||||
sb.Begin();
|
|
||||||
}
|
|
||||||
|
|
||||||
private void StopBorderAnimation(string elementId)
|
|
||||||
{
|
|
||||||
if (_activeBorderAnimations.TryGetValue(elementId, out var old))
|
|
||||||
{
|
|
||||||
old.Stop();
|
|
||||||
_activeBorderAnimations.Remove(elementId);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private static Shape? FindBorderShape(DependencyObject? start)
|
|
||||||
{
|
|
||||||
var current = start;
|
|
||||||
while (current != null)
|
|
||||||
{
|
|
||||||
if (current is ContextMenu cm && cm.PlacementTarget is FrameworkElement target)
|
|
||||||
{
|
|
||||||
for (var i = 0; i < VisualTreeHelper.GetChildrenCount(target); i++)
|
|
||||||
{
|
|
||||||
var child = VisualTreeHelper.GetChild(target, i);
|
|
||||||
if (child is Shape s && (s is Rectangle or Ellipse) && !s.IsHitTestVisible)
|
|
||||||
return s;
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
current = VisualTreeHelper.GetParent(current);
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
private static Storyboard? CreateBorderAnimation(BorderAnimation animation, Shape shape)
|
|
||||||
{
|
|
||||||
var sb = new Storyboard();
|
|
||||||
switch (animation)
|
|
||||||
{
|
|
||||||
case BorderAnimation.Pulse:
|
|
||||||
AddDoubleAnimation(sb, Shape.OpacityProperty, 1.0, 0.3, TimeSpan.FromSeconds(0.8), true);
|
|
||||||
break;
|
|
||||||
case BorderAnimation.Glow:
|
|
||||||
AddDoubleAnimation(sb, Shape.OpacityProperty, 1.0, 0.5, TimeSpan.FromSeconds(1.2), true);
|
|
||||||
break;
|
|
||||||
case BorderAnimation.Shimmer:
|
|
||||||
AddDoubleAnimation(sb, Shape.OpacityProperty, 1.0, 0.15, TimeSpan.FromSeconds(0.5), true);
|
|
||||||
break;
|
|
||||||
case BorderAnimation.Electricity:
|
|
||||||
AddDoubleAnimation(sb, Shape.OpacityProperty, 1.0, 0.2, TimeSpan.FromSeconds(0.1), true);
|
|
||||||
break;
|
|
||||||
case BorderAnimation.Sparkles:
|
|
||||||
AddDoubleAnimation(sb, Shape.OpacityProperty, 1.0, 0.4, TimeSpan.FromSeconds(0.3), true);
|
|
||||||
break;
|
|
||||||
case BorderAnimation.MarchingAnts:
|
|
||||||
shape.StrokeDashArray = new DoubleCollection { 4, 2 };
|
|
||||||
AddDoubleAnimation(sb, Shape.StrokeDashOffsetProperty, 0, -20, TimeSpan.FromSeconds(0.8), false);
|
|
||||||
break;
|
|
||||||
case BorderAnimation.Chase:
|
|
||||||
shape.StrokeDashArray = new DoubleCollection { 8, 4 };
|
|
||||||
AddDoubleAnimation(sb, Shape.StrokeDashOffsetProperty, 0, -30, TimeSpan.FromSeconds(1.5), false);
|
|
||||||
break;
|
|
||||||
case BorderAnimation.Rainbow:
|
|
||||||
if (shape.Stroke is SolidColorBrush brush)
|
|
||||||
{
|
|
||||||
var frozen = brush.IsFrozen;
|
|
||||||
if (frozen) brush = brush.Clone();
|
|
||||||
shape.Stroke = brush;
|
|
||||||
var colorAnim = new ColorAnimationUsingKeyFrames
|
|
||||||
{
|
|
||||||
Duration = new Duration(TimeSpan.FromSeconds(3)),
|
|
||||||
RepeatBehavior = RepeatBehavior.Forever
|
|
||||||
};
|
|
||||||
colorAnim.KeyFrames.Add(new LinearColorKeyFrame(Colors.Red, KeyTime.FromTimeSpan(TimeSpan.Zero)));
|
|
||||||
colorAnim.KeyFrames.Add(new LinearColorKeyFrame(Colors.Yellow, KeyTime.FromTimeSpan(TimeSpan.FromSeconds(0.5))));
|
|
||||||
colorAnim.KeyFrames.Add(new LinearColorKeyFrame(Colors.Green, KeyTime.FromTimeSpan(TimeSpan.FromSeconds(1))));
|
|
||||||
colorAnim.KeyFrames.Add(new LinearColorKeyFrame(Colors.DodgerBlue, KeyTime.FromTimeSpan(TimeSpan.FromSeconds(1.5))));
|
|
||||||
colorAnim.KeyFrames.Add(new LinearColorKeyFrame(Colors.MediumPurple, KeyTime.FromTimeSpan(TimeSpan.FromSeconds(2))));
|
|
||||||
colorAnim.KeyFrames.Add(new LinearColorKeyFrame(Colors.Red, KeyTime.FromTimeSpan(TimeSpan.FromSeconds(2.5))));
|
|
||||||
Storyboard.SetTargetProperty(colorAnim, new PropertyPath("(Shape.Stroke).(SolidColorBrush.Color)"));
|
|
||||||
sb.Children.Add(colorAnim);
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
return sb.Children.Count > 0 ? sb : null;
|
|
||||||
}
|
|
||||||
|
|
||||||
private static void AddDoubleAnimation(Storyboard sb, DependencyProperty prop,
|
|
||||||
double from, double to, Duration duration, bool autoReverse)
|
|
||||||
{
|
|
||||||
var anim = new DoubleAnimation(from, to, duration)
|
|
||||||
{
|
|
||||||
AutoReverse = autoReverse,
|
|
||||||
RepeatBehavior = RepeatBehavior.Forever
|
|
||||||
};
|
|
||||||
Storyboard.SetTargetProperty(anim, new PropertyPath(prop));
|
|
||||||
sb.Children.Add(anim);
|
|
||||||
}
|
|
||||||
|
|
||||||
private void WebcamMenu_SetBorderColor(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is MenuItem { DataContext: SceneElement element, Tag: string color })
|
|
||||||
element.BorderColor = color;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void WebcamMenu_HideInScene(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is MenuItem { DataContext: SceneElement element })
|
|
||||||
element.IsVisible = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void WebcamMenu_Remove(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is MenuItem { DataContext: SceneElement element })
|
|
||||||
_viewModel.RemoveSourceCommand.Execute(element);
|
|
||||||
}
|
|
||||||
|
|
||||||
private void BackgroundMenu_ChangeCapture(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
_ = _viewModel.ChangeBackgroundCaptureAsync();
|
|
||||||
}
|
|
||||||
|
|
||||||
private void BackgroundMenu_RefreshCapture(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
_viewModel.RefreshBackgroundAutoCapture();
|
|
||||||
}
|
|
||||||
|
|
||||||
private void SourceMenu_Remove(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (sender is MenuItem { DataContext: SceneElement element })
|
|
||||||
_viewModel.RemoveSourceCommand.Execute(element);
|
|
||||||
}
|
|
||||||
|
|
||||||
private void OpacitySlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
|
|
||||||
=> OpacityValueText.Text = $"{Math.Round(e.NewValue * 100)}%";
|
|
||||||
|
|
||||||
// ─── Social bar: click toggles top ⇄ bottom. KISS — the drag variant was
|
|
||||||
// unusable for shaky hands (jitter around the direction deadzone), so the bar
|
|
||||||
// rides on {Binding SocialBarTop} alone and a click flips it. ───
|
|
||||||
private void SocialBar_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
|
|
||||||
{
|
|
||||||
_viewModel.ToggleSocialBarPosition();
|
|
||||||
e.Handled = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
private DispatcherTimer? _socialGlowTimer;
|
|
||||||
private double _socialGlowAngle;
|
|
||||||
|
|
||||||
private void SocialsButton_MouseEnter(object sender, MouseEventArgs e)
|
|
||||||
{
|
|
||||||
if (SocialBarElement == null) return;
|
|
||||||
|
|
||||||
// Kick the social bar to full brightness so it's immediately visible
|
|
||||||
var effect = SocialBarElement.Effect as DropShadowEffect;
|
|
||||||
if (effect != null)
|
|
||||||
{
|
|
||||||
effect.BlurRadius = 40;
|
|
||||||
effect.Opacity = 1.0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Pulse the glow so it catches the eye
|
|
||||||
_socialGlowAngle = 0;
|
|
||||||
_socialGlowTimer?.Stop();
|
|
||||||
_socialGlowTimer = new DispatcherTimer { Interval = TimeSpan.FromMilliseconds(30) };
|
|
||||||
_socialGlowTimer.Tick += SocialGlowTick;
|
|
||||||
_socialGlowTimer.Start();
|
|
||||||
}
|
|
||||||
|
|
||||||
private void SocialsButton_MouseLeave(object sender, MouseEventArgs e)
|
|
||||||
{
|
|
||||||
_socialGlowTimer?.Stop();
|
|
||||||
_socialGlowTimer = null;
|
|
||||||
|
|
||||||
if (SocialBarElement?.Effect is DropShadowEffect effect)
|
|
||||||
{
|
|
||||||
effect.BlurRadius = 18;
|
|
||||||
effect.Opacity = 0.9;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private void SocialGlowTick(object? sender, EventArgs e)
|
|
||||||
{
|
|
||||||
if (SocialBarElement?.Effect is not DropShadowEffect effect) return;
|
|
||||||
|
|
||||||
_socialGlowAngle += 0.18;
|
|
||||||
if (_socialGlowAngle > Math.PI * 2) _socialGlowAngle -= Math.PI * 2;
|
|
||||||
|
|
||||||
// Smooth sine pulse: BlurRadius 24→48, Opacity 0.7→1.0
|
|
||||||
double t = (Math.Sin(_socialGlowAngle) + 1.0) / 2.0; // 0..1
|
|
||||||
effect.BlurRadius = 24 + t * 24;
|
|
||||||
effect.Opacity = 0.7 + t * 0.3;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void Preview_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
|
|
||||||
{
|
|
||||||
if (!_viewModel.IsEditMode) return;
|
|
||||||
var grid = (Grid)sender;
|
|
||||||
var toCanvas = CanvasGrid.TransformToVisual(grid).Inverse;
|
|
||||||
var p = toCanvas.Transform(e.GetPosition(grid));
|
|
||||||
var selected = _viewModel.SelectedElement;
|
|
||||||
|
|
||||||
if (selected is { } sel && IsDraggableElement(sel) && HitHandle(e.GetPosition(grid), sel))
|
|
||||||
{
|
|
||||||
_isResizing = true;
|
|
||||||
_resizeAspect = sel.ClipShape == ClipShape.Round ? 1 : sel.Width / Math.Max(1, sel.Height);
|
|
||||||
grid.CaptureMouse();
|
|
||||||
e.Handled = true;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var hit = HitElement(p);
|
|
||||||
if (hit != null)
|
|
||||||
{
|
|
||||||
_viewModel.SelectedElement = hit;
|
|
||||||
_isDraggingOverlay = true;
|
|
||||||
_grabOffset = new Point(p.X - hit.X, p.Y - hit.Y);
|
|
||||||
grid.CaptureMouse();
|
|
||||||
e.Handled = true;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
_viewModel.SelectedElement = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void Preview_MouseMove(object sender, MouseEventArgs e)
|
|
||||||
{
|
|
||||||
if (!_viewModel.IsEditMode) return;
|
|
||||||
if (!_isDraggingOverlay && !_isResizing) return;
|
|
||||||
|
|
||||||
var grid = (Grid)sender;
|
|
||||||
var toCanvas = CanvasGrid.TransformToVisual(grid).Inverse;
|
|
||||||
var p = toCanvas.Transform(e.GetPosition(grid));
|
|
||||||
var selected = _viewModel.SelectedElement;
|
|
||||||
if (selected == null)
|
|
||||||
{
|
|
||||||
EndPreviewDrag(grid);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (_isDraggingOverlay)
|
|
||||||
{
|
|
||||||
var minX = -(selected.Width - 20);
|
|
||||||
var maxX = 1920 - 20;
|
|
||||||
var minY = -(selected.Height - 20);
|
|
||||||
var maxY = 1080 - 20;
|
|
||||||
selected.X = Math.Clamp(p.X - _grabOffset.X, Math.Min(minX, maxX), Math.Max(minX, maxX));
|
|
||||||
selected.Y = Math.Clamp(p.Y - _grabOffset.Y, Math.Min(minY, maxY), Math.Max(minY, maxY));
|
|
||||||
}
|
|
||||||
else if (_isResizing)
|
|
||||||
{
|
|
||||||
var isWebcam = selected is WebcamSceneConfig;
|
|
||||||
var isRound = selected.ClipShape == ClipShape.Round;
|
|
||||||
var proportional = isRound || Keyboard.Modifiers.HasFlag(ModifierKeys.Shift);
|
|
||||||
var maxW = isWebcam ? MainViewModel.MaxWebcamWidthFor(_viewModel.StagedScene?.Name) : 1920;
|
|
||||||
var maxH = isWebcam ? MainViewModel.MaxWebcamHeightFor(_viewModel.StagedScene?.Name) : 1080;
|
|
||||||
var newW = Math.Clamp(p.X - selected.X, 32, maxW);
|
|
||||||
var newH = proportional ? newW / _resizeAspect : Math.Clamp(p.Y - selected.Y, 32, maxH);
|
|
||||||
if (proportional && newH > maxH)
|
|
||||||
{
|
|
||||||
newH = maxH;
|
|
||||||
newW = newH * _resizeAspect;
|
|
||||||
}
|
|
||||||
selected.Width = newW;
|
|
||||||
selected.Height = newH;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private void Preview_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
|
|
||||||
=> EndPreviewDrag((Grid)sender);
|
|
||||||
|
|
||||||
private void EndPreviewDrag(Grid grid)
|
|
||||||
{
|
|
||||||
if (_isDraggingOverlay || _isResizing)
|
|
||||||
grid.ReleaseMouseCapture();
|
|
||||||
_isDraggingOverlay = false;
|
|
||||||
_isResizing = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
private bool HitHandle(Point mouseScreen, SceneElement element)
|
|
||||||
{
|
|
||||||
var corner = CanvasGrid.TransformToVisual(PreviewGrid).Transform(new Point(element.X + element.Width, element.Y + element.Height));
|
|
||||||
return Math.Abs(mouseScreen.X - corner.X) <= 20 && Math.Abs(mouseScreen.Y - corner.Y) <= 20;
|
|
||||||
}
|
|
||||||
|
|
||||||
private SceneElement? HitElement(Point p)
|
|
||||||
{
|
|
||||||
var scene = _viewModel.StagedScene;
|
|
||||||
if (scene == null) return null;
|
|
||||||
for (var i = scene.Elements.Count - 1; i >= 0; i--)
|
|
||||||
{
|
|
||||||
var element = scene.Elements[i];
|
|
||||||
if (!IsDraggableElement(element)) continue;
|
|
||||||
if (element is Source { IsEnabled: false }) continue;
|
|
||||||
if (element is WebcamSceneConfig { IsVisible: false }) continue;
|
|
||||||
if (p.X >= element.X && p.X <= element.X + element.Width &&
|
|
||||||
p.Y >= element.Y && p.Y <= element.Y + element.Height)
|
|
||||||
return element;
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void SourceNameBox_KeyDown(object sender, KeyEventArgs e)
|
|
||||||
{
|
|
||||||
if (e.Key is Key.Enter or Key.Escape)
|
|
||||||
{
|
|
||||||
CommitSourceEdit(sender);
|
|
||||||
e.Handled = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private void SourceNameBox_LostFocus(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
CommitSourceEdit(sender);
|
|
||||||
}
|
|
||||||
|
|
||||||
private static void CommitSourceEdit(object sender)
|
|
||||||
{
|
|
||||||
if (sender is FrameworkElement { DataContext: SceneElement element })
|
|
||||||
element.IsEditing = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ─── List drag-to-reorder (scenes list + sources list) ───
|
|
||||||
private Point _dragStartPoint;
|
|
||||||
private int _dragIndex = -1;
|
|
||||||
private bool _isDragging;
|
|
||||||
private object? _lastHoveredItem;
|
|
||||||
|
|
||||||
private void List_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
|
|
||||||
{
|
|
||||||
var listBox = (ListBox)sender;
|
|
||||||
var item = FindItemContainerAt(listBox, e.GetPosition(listBox));
|
|
||||||
if (item == null)
|
|
||||||
{
|
|
||||||
if (ReferenceEquals(listBox, SourceList))
|
|
||||||
_viewModel.SelectedElement = null;
|
|
||||||
_dragIndex = -1;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (listBox.ItemsSource is not IList items || items.Count == 0)
|
|
||||||
{
|
|
||||||
_dragIndex = -1;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
_dragIndex = listBox.Items.IndexOf(item.DataContext);
|
|
||||||
_dragStartPoint = e.GetPosition(listBox);
|
|
||||||
_isDragging = false;
|
|
||||||
_lastHoveredItem = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void List_PreviewMouseMove(object sender, MouseEventArgs e)
|
|
||||||
{
|
|
||||||
if (_dragIndex < 0) return;
|
|
||||||
var listBox = (ListBox)sender;
|
|
||||||
if (e.LeftButton != MouseButtonState.Pressed || listBox.ItemsSource is not IList items)
|
|
||||||
{
|
|
||||||
EndListDrag(listBox);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var position = e.GetPosition(listBox);
|
|
||||||
if (!_isDragging)
|
|
||||||
{
|
|
||||||
if (Math.Abs(position.X - _dragStartPoint.X) < SystemParameters.MinimumHorizontalDragDistance &&
|
|
||||||
Math.Abs(position.Y - _dragStartPoint.Y) < SystemParameters.MinimumVerticalDragDistance)
|
|
||||||
return;
|
|
||||||
_isDragging = true;
|
|
||||||
listBox.CaptureMouse();
|
|
||||||
}
|
|
||||||
|
|
||||||
var item = FindItemContainerAt(listBox, position);
|
|
||||||
if (item == null) return;
|
|
||||||
|
|
||||||
var targetItem = item.DataContext;
|
|
||||||
if (ReferenceEquals(targetItem, items[_dragIndex]) || ReferenceEquals(targetItem, _lastHoveredItem))
|
|
||||||
return;
|
|
||||||
|
|
||||||
var targetIndex = listBox.Items.IndexOf(targetItem);
|
|
||||||
if (targetIndex < 0) return;
|
|
||||||
|
|
||||||
var dragged = items[_dragIndex];
|
|
||||||
items.RemoveAt(_dragIndex);
|
|
||||||
items.Insert(targetIndex, dragged);
|
|
||||||
_dragIndex = targetIndex;
|
|
||||||
_lastHoveredItem = targetItem;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void List_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
|
|
||||||
{
|
|
||||||
EndListDrag((ListBox)sender);
|
|
||||||
}
|
|
||||||
|
|
||||||
private void EndListDrag(ListBox listBox)
|
|
||||||
{
|
|
||||||
if (_isDragging)
|
|
||||||
listBox.ReleaseMouseCapture();
|
|
||||||
_dragIndex = -1;
|
|
||||||
_isDragging = false;
|
|
||||||
_lastHoveredItem = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
private static ListBoxItem? FindItemContainerAt(ListBox listBox, Point position)
|
|
||||||
{
|
|
||||||
var hit = listBox.InputHitTest(position) as DependencyObject;
|
|
||||||
while (hit != null && hit != listBox)
|
|
||||||
{
|
|
||||||
if (hit is ListBoxItem item) return item;
|
|
||||||
hit = VisualTreeHelper.GetParent(hit);
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
private Models.SceneElement? _snapshotElement;
|
|
||||||
private string _snapshotBorderColor = string.Empty;
|
|
||||||
private int _snapshotBorderWidth;
|
|
||||||
private int _snapshotTimerMinutes = 15;
|
|
||||||
private string? _snapshotWebUri;
|
|
||||||
|
|
||||||
private void TakeSnapshot()
|
|
||||||
{
|
|
||||||
if (_viewModel.SelectedElement is Models.Source src)
|
|
||||||
{
|
|
||||||
_snapshotElement = src;
|
|
||||||
_snapshotBorderColor = src.BorderColor;
|
|
||||||
_snapshotBorderWidth = src.BorderWidth;
|
|
||||||
_snapshotTimerMinutes = src.TimerMinutes;
|
|
||||||
_snapshotWebUri = src.WebUri;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private void WebcamBorderColorPicker_Click(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (_viewModel.SelectedElement is not SceneElement src) return;
|
|
||||||
if (sender is FrameworkElement fe && fe.ContextMenu == null)
|
|
||||||
{
|
|
||||||
var menu = new System.Windows.Controls.ContextMenu();
|
|
||||||
string[] colors = ["#FFFFFF", "#000000", "#FF0000", "#00FF00", "#0000FF",
|
|
||||||
"#FFFF00", "#FF00FF", "#00FFFF", "#FF8800", "#8800FF",
|
|
||||||
"#e94560", "#22c55e", "#3b82f6", "#f59e0b"];
|
|
||||||
foreach (var c in colors)
|
|
||||||
{
|
|
||||||
var item = new System.Windows.Controls.MenuItem { Header = c, ToolTip = c };
|
|
||||||
var brush = new System.Windows.Media.SolidColorBrush(
|
|
||||||
(System.Windows.Media.Color)System.Windows.Media.ColorConverter.ConvertFromString(c));
|
|
||||||
item.Icon = new System.Windows.Controls.Border
|
|
||||||
{
|
|
||||||
Width = 16, Height = 16,
|
|
||||||
Background = brush,
|
|
||||||
CornerRadius = new System.Windows.CornerRadius(2)
|
|
||||||
};
|
|
||||||
var color = c;
|
|
||||||
item.Click += (_, _) => src.BorderColor = color;
|
|
||||||
menu.Items.Add(item);
|
|
||||||
}
|
|
||||||
fe.ContextMenu = menu;
|
|
||||||
}
|
|
||||||
if (sender is FrameworkElement fe2)
|
|
||||||
fe2.ContextMenu.IsOpen = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void WebcamBorderRevert_Click(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (_snapshotElement is Models.Source src)
|
|
||||||
{
|
|
||||||
src.BorderColor = _snapshotBorderColor;
|
|
||||||
src.BorderWidth = _snapshotBorderWidth;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private void WebcamBorderAccept_Click(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (_snapshotElement is Models.Source src)
|
|
||||||
{
|
|
||||||
_snapshotBorderColor = src.BorderColor;
|
|
||||||
_snapshotBorderWidth = src.BorderWidth;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private void CountdownRevert_Click(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (_snapshotElement is Models.Source src)
|
|
||||||
src.TimerMinutes = _snapshotTimerMinutes;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void CountdownAccept_Click(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (_snapshotElement is Models.Source src)
|
|
||||||
_snapshotTimerMinutes = src.TimerMinutes;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void WebRevert_Click(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (_snapshotElement is Models.Source src)
|
|
||||||
src.WebUri = string.Empty;
|
|
||||||
_snapshotWebUri = string.Empty;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void WebAccept_Click(object sender, RoutedEventArgs e)
|
|
||||||
{
|
|
||||||
if (_snapshotElement is Models.Source src)
|
|
||||||
_snapshotWebUri = src.WebUri;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+13
-1
@@ -1,5 +1,6 @@
|
|||||||
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||||
|
xmlns:Helpers="clr-namespace:ytLive.Helpers">
|
||||||
|
|
||||||
<!-- Base button style -->
|
<!-- Base button style -->
|
||||||
<Style x:Key="YtButton" TargetType="Button">
|
<Style x:Key="YtButton" TargetType="Button">
|
||||||
@@ -631,4 +632,15 @@
|
|||||||
</Setter>
|
</Setter>
|
||||||
</Style>
|
</Style>
|
||||||
|
|
||||||
|
<!-- Value-to-visibility converters, promoted from MainWindow.Window.Resources
|
||||||
|
so extracted UserControls can resolve them (AGENTS: controls must not
|
||||||
|
reach into a window's own resources; they share the app-level theme). -->
|
||||||
|
<BooleanToVisibilityConverter x:Key="BoolToVis"/>
|
||||||
|
<Helpers:InverseBoolToVisibilityConverter x:Key="InverseBoolToVis"/>
|
||||||
|
<Helpers:NotNullToVisibilityConverter x:Key="NotNullToVis"/>
|
||||||
|
<Helpers:NullToVisibilityConverter x:Key="NullToVis"/>
|
||||||
|
<Helpers:HiddenBoolToVisibilityConverter x:Key="HiddenBoolToVis"/>
|
||||||
|
<Helpers:EnumToBoolConverter x:Key="EnumToBool"/>
|
||||||
|
<Helpers:AllTrueToVisibilityConverter x:Key="AllTrueToVis"/>
|
||||||
|
|
||||||
</ResourceDictionary>
|
</ResourceDictionary>
|
||||||
|
|||||||
+6
-1
@@ -54,7 +54,12 @@ Progress (Commit N/12 · tag):
|
|||||||
- [x] **Phase 1 complete:** core `MainViewModel.cs` split into 10 functional partials (1,890 → 758 lines).
|
- [x] **Phase 1 complete:** core `MainViewModel.cs` split into 10 functional partials (1,890 → 758 lines).
|
||||||
|
|
||||||
**Phase 2 — `MainWindow.xaml` split into UserControls** (new `Controls/` folder, namespace `ytLive.Controls`):
|
**Phase 2 — `MainWindow.xaml` split into UserControls** (new `Controls/` folder, namespace `ytLive.Controls`):
|
||||||
- [x] **Commit 12 · `refactor-commit-12`** — **BottomBar** → `Controls/BottomBar.xaml(.cs)` (gear menu + stream stats + quality dropdown; `GearButton_Click` moved to the control's code-behind). Pending: TopBar, health banner, left scene/chat panel, preview pane, overlay host.
|
- [x] **Commit 12 · `refactor-commit-12`** — **BottomBar** → `Controls/BottomBar.xaml(.cs)` (gear menu + stream stats + quality dropdown; `GearButton_Click` moved to the control's code-behind).
|
||||||
|
- [x] **Commit 13 · `refactor-commit-13`** — **HealthBanner** → `Controls/HealthBanner.xaml` (Row 1). Also promoted the 7 value↔visibility converters out of `MainWindow.Window.Resources` into `Themes/Controls.xaml` so extracted controls can resolve them (app-level, not window-level).
|
||||||
|
- [x] **Commit 14 · `refactor-commit-14`** — **TopBar** → `Controls/TopBar.xaml(.cs)` (Row 0: logo, REC/ON-AIR pills + signs, avatar, Sign In/Start/End buttons). Avatar fetch moved (async-preserved) into the control; window exposes `_topBar.RefreshAvatar()` invoked on `IsConnected`/`AccountAvatarUrl` changes.
|
||||||
|
- [x] **Commit 15 · `refactor-commit-15`** — **PreviewPane** → `Controls/PreviewPane.xaml(.cs)` (Row 1 Col 1 center preview pane). Moved the 1920×1080 canvas (OverlayCanvas/SelectionOverlay/BrandFlashLayer/SocialBarElement), text pull-out, and the live-controls row (TRAX/game/mic meters + sliders + speakers + socials button). Code-behind moved: preview drag/select/resize/hit-test (Preview_Mouse*, HitHandle, HitElement), webcam-context-menu handlers (WebcamMenu_*), social-bar glow (SocialBar_*, SocialsButton_*, SocialGlowTick), audio sliders/speakers (VolumeSlider_*, GameVolumeSlider_*, MicSpeaker_*, GameSpeaker_*, SetSliderValueFromClick, FindParent), TraxButton_*. Window keeps the source-list left panel + thumbnail strip + edit UI, and routes selection-overlay via `_previewPane.UpdateSelectionOverlay(bool)` plus `_previewPane.IsClickInsidePreview/Drawer`. `BackgroundMenu_*` stayed in the window (used by the left-panel source context menu).
|
||||||
|
- [x] **Commit 16 · `refactor-commit-16`** — **SceneThumbnailStrip** → `Controls/SceneThumbnailStrip.xaml(.cs)` (Row 0 scene-picker strip). `Thumbnail_MouseLeftButtonDown` moved into the control (transitions via `DataContext.TransitionToScene`).
|
||||||
|
- [x] **Commit 17 · `refactor-commit-17`** — **LeftPanel** → `Controls/LeftPanel.xaml(.cs)` (Row 1 Col 0 left panel: layers/properties edit UI + live chat list). Moved ALL property-editor and chat handlers: `SourceNameBox_*`/`CommitSourceEdit`, `AddSourceButton_Click`, `OnChatMessagesChanged` (now self-subscribed on Loaded), `MirrorButton_Click`, `ShapeButton_Click`, `SourceMenu_Remove`, `BackgroundMenu_*`, `OpacitySlider_ValueChanged`, list drag-to-reorder (`_dragStartPoint`+`List_Preview*`+`EndListDrag`+`FindItemContainerAt`), and the snapshot family (`TakeSnapshot`, `WebcamBorder*`, `Countdown*`, `Web*`). Window exposes via `_leftPanel.IsClickInside(original)` (deselect guard) and `_leftPanel.OnSelectionChanged(vm)` (opacity label + snapshot). Pending: overlay host region.
|
||||||
|
|
||||||
The partial `.cs` files land next to `MainViewModel.cs` in this folder as the split
|
The partial `.cs` files land next to `MainViewModel.cs` in this folder as the split
|
||||||
proceeds; each partial carries its own `using`s and re-declares nothing from core.
|
proceeds; each partial carries its own `using`s and re-declares nothing from core.
|
||||||
Reference in New Issue
Block a user