@ -1,15 +1,34 @@
|
||||
<UserControl x:Class="WhackerLinkConsoleV2.Controls.AlertTone"
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
Height="70" Width="150"
|
||||
Height="55" Width="105"
|
||||
MouseLeftButtonDown="AlertTone_MouseLeftButtonDown"
|
||||
MouseMove="AlertTone_MouseMove"
|
||||
MouseRightButtonDown="AlertTone_MouseRightButtonDown"
|
||||
DataContext="{Binding RelativeSource={RelativeSource Self}}">
|
||||
<Border BorderBrush="Gray" BorderThickness="1" CornerRadius="5" Background="Gray">
|
||||
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
|
||||
<TextBlock Text="{Binding AlertFileName}" Margin="5" TextWrapping="Wrap" Foreground="White" HorizontalAlignment="Center"/>
|
||||
<Button Content="Play Alert" Background="Green" Click="PlayAlert_Click" Foreground="White" Width="80" />
|
||||
</StackPanel>
|
||||
</Border>
|
||||
DataContext="{Binding RelativeSource={RelativeSource Self}}" Background="#FF848484">
|
||||
<Grid Margin="1,1,1,1" Background="#FF00BC48">
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="31*"/>
|
||||
<RowDefinition Height="39*"/>
|
||||
</Grid.RowDefinitions>
|
||||
|
||||
<Button Click="PlayAlert_Click" VerticalContentAlignment="Bottom" HorizontalAlignment="Left" Margin="46,21,0,0" VerticalAlignment="Top" Height="28" Width="48" BorderBrush="#FFC1C1C1" BorderThickness="1,1,1,1" FontSize="10" FontFamily="Arial" Grid.RowSpan="2">
|
||||
<Button.Resources>
|
||||
<Style TargetType="{x:Type Border}">
|
||||
<Setter Property="CornerRadius" Value="2"/>
|
||||
</Style>
|
||||
</Button.Resources>
|
||||
<Button.Background>
|
||||
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
|
||||
<GradientStop Color="#FFF0F0F0" Offset="0.485"/>
|
||||
<GradientStop Color="#FFE3E3E3" Offset="0.517"/>
|
||||
</LinearGradientBrush>
|
||||
</Button.Background>
|
||||
<Image Height="40" Width="63" Source="/page.png" Margin="0,-8,0,0"/>
|
||||
</Button>
|
||||
<TextBox HorizontalAlignment="Center" FontWeight="Bold" FontSize="10" TextWrapping="Wrap" Text="{Binding AlertFileName}" TextAlignment="Center" VerticalAlignment="Top" Width="100" Background="{x:Null}" BorderThickness="0,0,0,0" Height="24" Margin="0,4,0,0" Grid.RowSpan="2" TextChanged="TextBox_TextChanged" Foreground="White"/>
|
||||
|
||||
</Grid>
|
||||
|
||||
</UserControl>
|
||||
|
||||
|
||||
|
After Width: | Height: | Size: 7.5 KiB |
|
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 7.6 KiB |
|
Before Width: | Height: | Size: 5.8 KiB After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 22 KiB |
@ -1,69 +1,114 @@
|
||||
<UserControl x:Class="WhackerLinkConsoleV2.Controls.ChannelBox"
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
Width="220" Height="96" Background="DodgerBlue">
|
||||
Width="220" Height="100" Background="#FF0B004B">
|
||||
<!-- Border wraps the entire Grid -->
|
||||
<Border BorderBrush="Gray" BorderThickness="1" CornerRadius="0">
|
||||
<Grid Margin="5">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="41"/>
|
||||
<ColumnDefinition/>
|
||||
<ColumnDefinition Width="30"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
|
||||
<UserControl.Resources>
|
||||
<Style TargetType="Button">
|
||||
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="Button">
|
||||
<Border Background="{TemplateBinding Background}">
|
||||
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
||||
</Border>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
|
||||
<!-- Hover Effect -->
|
||||
<Style.Triggers>
|
||||
<Trigger Property="IsMouseOver" Value="True">
|
||||
<Setter Property="Background" Value="#2980b9"/>
|
||||
<!-- Hover Color -->
|
||||
</Trigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
</UserControl.Resources>
|
||||
<Grid Margin="5">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="41"/>
|
||||
<ColumnDefinition/>
|
||||
<ColumnDefinition Width="30"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="2*"/>
|
||||
<RowDefinition Height="51*"/>
|
||||
<RowDefinition Height="32.25"/>
|
||||
<RowDefinition Height="7.75"/>
|
||||
</Grid.RowDefinitions>
|
||||
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="2*"/>
|
||||
<RowDefinition Height="51*"/>
|
||||
<RowDefinition Height="Auto"/>
|
||||
</Grid.RowDefinitions>
|
||||
<!-- Left Side PTT Button -->
|
||||
|
||||
<!-- Left Side PTT Button -->
|
||||
<Button MouseEnter="PttButton_MouseEnter" MouseLeave="PttButton_MouseLeave" Background="#FF2870AF" Name="PttButton" Click="PTTButton_Click" Grid.RowSpan="3" HorizontalAlignment="Left" Width="52" Margin="-7,-5,0,-5" Grid.ColumnSpan="2" BorderThickness="0,0,0,0">
|
||||
<Image Source="pack://application:,,,/WhackerLinkConsoleV2;component/Assets/instantptt.png" Width="52" Height="90"/>
|
||||
</Button>
|
||||
<!-- Main Info Section -->
|
||||
<Rectangle Grid.ColumnSpan="2" HorizontalAlignment="Left" Height="40" Margin="1,0,0,0"
|
||||
Grid.RowSpan="2" Grid.Row="2" VerticalAlignment="Top"
|
||||
Width="116" StrokeThickness="0"
|
||||
RadiusX="2" RadiusY="2">
|
||||
<Rectangle.Fill>
|
||||
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
|
||||
<GradientStop Color="#FFF0F0F0" Offset="0.485"/>
|
||||
<GradientStop Color="#FFE3E3E3" Offset="0.517"/>
|
||||
</LinearGradientBrush>
|
||||
</Rectangle.Fill>
|
||||
</Rectangle>
|
||||
|
||||
<!-- Main Info Section -->
|
||||
<StackPanel Grid.Column="1" HorizontalAlignment="Left" Width="129" Margin="8,-4,0,39" Grid.RowSpan="3">
|
||||
<TextBlock Text="{Binding ChannelName}" FontWeight="Bold" Foreground="White" FontSize="15"/>
|
||||
<TextBlock Text="{Binding LastSrcId}" Foreground="LightGray" FontSize="12"/>
|
||||
<TextBlock Text="{Binding SystemName}" Foreground="LightGray" FontSize="12"/>
|
||||
</StackPanel>
|
||||
<!-- Main Info Section -->
|
||||
<StackPanel Grid.Column="1" HorizontalAlignment="Left" Width="119" Margin="48,0,0,1" Grid.RowSpan="2" Grid.ColumnSpan="2">
|
||||
<TextBlock Text="{Binding ChannelName}" FontWeight="Bold" Foreground="White" FontSize="12"/>
|
||||
<TextBlock Text="{Binding LastSrcId}" Foreground="Gold" FontSize="10"/>
|
||||
<TextBlock Text="{Binding SystemName}" Foreground="Gold" FontSize="10"/>
|
||||
</StackPanel>
|
||||
|
||||
<!-- Volume Slider -->
|
||||
<Slider Minimum="0" Maximum="4" Value="{Binding Volume, Mode=TwoWay}"
|
||||
Height="21" VerticalAlignment="Top" x:Name="VolumeSlider"
|
||||
ValueChanged="VolumeSlider_ValueChanged" Margin="11,10,65,0"
|
||||
Grid.ColumnSpan="2" Grid.Row="2">
|
||||
<Slider.Style>
|
||||
<Style TargetType="Slider">
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="Slider">
|
||||
<Grid>
|
||||
<!-- Background Track -->
|
||||
<Rectangle Name="PART_TrackBackground" Height="4" Fill="Gray"
|
||||
VerticalAlignment="Center" Margin="4"/>
|
||||
|
||||
<!-- Track with Functional Movement -->
|
||||
<Track Name="PART_Track" VerticalAlignment="Center">
|
||||
<Track.DecreaseRepeatButton>
|
||||
<!-- Make the left-side button invisible -->
|
||||
<RepeatButton Width="0" Background="Transparent" BorderThickness="0"/>
|
||||
</Track.DecreaseRepeatButton>
|
||||
<Track.IncreaseRepeatButton>
|
||||
<!-- Make the right-side button invisible -->
|
||||
<RepeatButton Width="0" Background="Transparent" BorderThickness="0"/>
|
||||
</Track.IncreaseRepeatButton>
|
||||
<Track.Thumb>
|
||||
<Thumb Name="PART_Thumb" Width="10" Height="20" Background="DarkGray"/>
|
||||
</Track.Thumb>
|
||||
</Track>
|
||||
</Grid>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
</Slider.Style>
|
||||
</Slider>
|
||||
|
||||
<!-- Volume Slider -->
|
||||
<Slider Grid.Column="2" Grid.RowSpan="3" Minimum="0" Maximum="4" Value="{Binding Volume, Mode=TwoWay}"
|
||||
Orientation="Vertical" Height="80" VerticalAlignment="Top" Name="VolumeSlider"
|
||||
ValueChanged="VolumeSlider_ValueChanged" Margin="5,1,5,0"/>
|
||||
|
||||
<!-- Bottom Buttons -->
|
||||
<StackPanel Grid.Column="1" Grid.Row="2" Orientation="Horizontal" Margin="5,5,49,-5">
|
||||
<Button Width="40" Height="40" Background="#FF2870AF" x:Name="PageSelectButton" Click="PageSelectButton_Click" BorderThickness="0,0,0,0">
|
||||
<Image Source="pack://application:,,,/WhackerLinkConsoleV2;component/Assets/pageselect.png" Width="24" Height="24"/>
|
||||
</Button>
|
||||
<Button Width="40" Height="40" Background="#FF2870AF" x:Name="ChannelMarkerBtn" Click="ChannelMarkerBtn_Click" BorderThickness="0,0,0,0" Margin="1,0,0,0">
|
||||
<Image Source="pack://application:,,,/WhackerLinkConsoleV2;component/Assets/channelmarker.png" Width="24" Height="24"/>
|
||||
</Button>
|
||||
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
</UserControl>
|
||||
<!-- Bottom Buttons -->
|
||||
<StackPanel Grid.Column="1" Grid.Row="2" Orientation="Horizontal" Margin="81,0,-2,0" Grid.RowSpan="2" Grid.ColumnSpan="2">
|
||||
<Button Width="40" Height="40" x:Name="PageSelectButton" Click="PageSelectButton_Click" BorderThickness="0,0,0,0">
|
||||
<Button.Resources>
|
||||
<Style TargetType="{x:Type Border}">
|
||||
<Setter Property="CornerRadius" Value="2"/>
|
||||
</Style>
|
||||
</Button.Resources>
|
||||
|
||||
<Image Source="pack://application:,,,/WhackerLinkConsoleV2;component/Assets/pageselect.png" Width="39" Height="39"/>
|
||||
</Button>
|
||||
<Button Width="40" Height="40" x:Name="ChannelMarkerBtn" Click="ChannelMarkerBtn_Click" BorderThickness="0,0,0,0" Margin="5,0,0,0">
|
||||
<Button.Resources>
|
||||
<Style TargetType="{x:Type Border}">
|
||||
<Setter Property="CornerRadius" Value="2"/>
|
||||
</Style>
|
||||
</Button.Resources>
|
||||
|
||||
<Image Source="pack://application:,,,/WhackerLinkConsoleV2;component/Assets/channelmarker.png" Width="36" Height="36"/>
|
||||
</Button>
|
||||
</StackPanel>
|
||||
<Button Background= "lightgray" x:Name="PttButton" Click="PTTButton_Click" HorizontalAlignment="Left" Width="42" Margin="41,1,0,4" Grid.ColumnSpan="2" BorderThickness="1,1,1,1" BorderBrush="#FFC1C1C1" UseLayoutRounding="False" Grid.RowSpan="2">
|
||||
<Button.Resources>
|
||||
<Style TargetType="{x:Type Border}">
|
||||
<Setter Property="CornerRadius" Value="2"/>
|
||||
</Style>
|
||||
</Button.Resources>
|
||||
|
||||
<Image Source="/Assets/instantptt.png" Width="39" Height="40" Stretch="Fill"/>
|
||||
</Button>
|
||||
</Grid>
|
||||
</Border>
|
||||
</UserControl>
|
||||
|
||||
@ -1,13 +1,11 @@
|
||||
<UserControl x:Class="WhackerLinkConsoleV2.Controls.SystemStatusBox"
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
Width="220" Height="96" Background="#334455" BorderBrush="Gray">
|
||||
<Border Background="{Binding Background, RelativeSource={RelativeSource AncestorType=UserControl}}" CornerRadius="5" Padding="10">
|
||||
<StackPanel>
|
||||
<TextBlock Text="{Binding SystemName}" FontWeight="Bold" Foreground="White" FontSize="14"/>
|
||||
<TextBlock Text="{Binding AddressPort}" Foreground="LightGray" FontSize="12"/>
|
||||
<TextBlock Text="Connection State:" Foreground="LightGray" FontSize="12"/>
|
||||
<TextBlock Text="{Binding ConnectionState}" Foreground="White" FontSize="12"/>
|
||||
Width="105" Height="55" Background="#FF0B004B" BorderBrush="Gray" BorderThickness="1">
|
||||
<Border Background="{Binding Background, RelativeSource={RelativeSource AncestorType=UserControl}}" CornerRadius="5" Padding="10" BorderThickness="1,1,1,1">
|
||||
<StackPanel Margin="-3,-1,-4,1">
|
||||
<TextBlock Text="System 1" FontWeight="Bold" Foreground="White" FontSize="12"/>
|
||||
<TextBlock Text="Connected" Foreground="Gold" FontSize="10"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
</UserControl>
|
||||
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 22 KiB |