KeyboardAudioVisualizer/KeyboardAudioVisualizer/UI/ConfigurationWindow.xaml

<controls:BlurredDecorationWindow x:Class="KeyboardAudioVisualizer.UI.ConfigurationWindow"
                                  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                                  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                                  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                                  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                                  xmlns:ui="clr-namespace:KeyboardAudioVisualizer.UI"
                                  xmlns:controls="clr-namespace:KeyboardAudioVisualizer.Controls"
                                  xmlns:styles="clr-namespace:KeyboardAudioVisualizer.Styles"
                                  xmlns:core="clr-namespace:RGB.NET.Core;assembly=RGB.NET.Core"
                                  xmlns:keyboardAudioVisualizer="clr-namespace:KeyboardAudioVisualizer"
                                  xmlns:converter="clr-namespace:KeyboardAudioVisualizer.Converter"
                                  xmlns:visualizationProvider="clr-namespace:KeyboardAudioVisualizer.AudioProcessing.VisualizationProvider"
                                  xmlns:sys="clr-namespace:System;assembly=mscorlib"
                                  xmlns:attached="clr-namespace:KeyboardAudioVisualizer.Attached"
                                  xmlns:helper="clr-namespace:KeyboardAudioVisualizer.Helper"
                                  mc:Ignorable="d"
                                  Title="Keyboard Audio-Visualizer # Configuration" 
                                  Icon="pack://application:,,,/KeyboardAudioVisualizer;component/Resources/Icon.ico"
                                  IconCommand="{Binding OpenHomepageCommand}"
                                  Width="1280"  Height="720"
                                  Closed="ConfigurationWindow_OnClosed">

    <controls:BlurredDecorationWindow.Resources>
        <styles:CachedResourceDictionary>
            <styles:CachedResourceDictionary.MergedDictionaries>
                <styles:CachedResourceDictionary Source="/KeyboardAudioVisualizer;component/Styles/Navigation.xaml" />
                <styles:CachedResourceDictionary Source="/KeyboardAudioVisualizer;component/UI/Configuration/FrequencyBarsConfiguration.xaml" />
                <styles:CachedResourceDictionary Source="/KeyboardAudioVisualizer;component/UI/Visualization/FrequencyBarsVisualization.xaml" />
                <styles:CachedResourceDictionary Source="/KeyboardAudioVisualizer;component/UI/Configuration/LevelConfiguration.xaml" />
                <styles:CachedResourceDictionary Source="/KeyboardAudioVisualizer;component/UI/Visualization/LevelVisualization.xaml" />
                <styles:CachedResourceDictionary Source="/KeyboardAudioVisualizer;component/UI/Configuration/BeatConfiguration.xaml" />
                <styles:CachedResourceDictionary Source="/KeyboardAudioVisualizer;component/UI/Visualization/BeatVisualization.xaml" />
            </styles:CachedResourceDictionary.MergedDictionaries>

            <converter:VisualizationTypeSelectableConverter x:Key="VisualizationProviderSelectableConverter" />
            <converter:VisualizationProviderDisplayNameConverter x:Key="VisualizationProviderDisplayNameConverter" />
            <converter:VisualizationToLastChildFillConverter x:Key="VisualizationToLastChildFillConverter" />

            <DataTemplate x:Key="DataTemplateVisualizationSelection" DataType="{x:Type visualizationProvider:VisualizationType}">
                <TextBlock Text="{Binding Converter={StaticResource VisualizationProviderDisplayNameConverter}}" />
            </DataTemplate>

            <ObjectDataProvider x:Key="DataProviderVisualizationTypes" ObjectType="{x:Type sys:Enum}" MethodName="GetValues">
                <ObjectDataProvider.MethodParameters>
                    <x:Type TypeName="visualizationProvider:VisualizationType" />
                </ObjectDataProvider.MethodParameters>
            </ObjectDataProvider>
        </styles:CachedResourceDictionary>
    </controls:BlurredDecorationWindow.Resources>

    <controls:BlurredDecorationWindow.DataContext>
        <ui:ConfigurationViewModel />
    </controls:BlurredDecorationWindow.DataContext>

    <TabControl Style="{StaticResource StyleTabControlNavigation}">
        <TabItem Header="Keyboard">
            <AdornerDecorator>
                <DockPanel LastChildFill="{Binding Source={x:Static keyboardAudioVisualizer:ApplicationManager.Instance}, Path=Visualizations[(helper:VisualizationIndex)Primary], Converter={StaticResource VisualizationToLastChildFillConverter}}">
                    <GroupBox DockPanel.Dock="Top">
                        <controls:GradientEditor Gradient="{Binding Source={x:Static keyboardAudioVisualizer:ApplicationManager.Instance}, Path=Settings[(helper:VisualizationIndex)Primary].Gradient}"
                                                 ToolTip="Defines the gradient that's drawed on the device. Usage:&#x0a;   Left click inside the preview to add a new stop.&#x0a;   Left-click stop to change the color or move it.&#x0a;   Right-click stop to remove it.&#x0a;" />
                    </GroupBox>

                    <GroupBox Margin="0,8,0,0" DockPanel.Dock="Top">
                        <controls:Form>
                            <controls:Form.Resources>
                                <Style BasedOn="{StaticResource StyleLabelForm}" TargetType="Label" />
                                <Style BasedOn="{StaticResource StyleTextBlockForm}" TargetType="TextBlock" />
                                <Style BasedOn="{StaticResource StyleListBoxForm}" TargetType="ListBox" />
                            </controls:Form.Resources>

                            <Label controls:Form.IsLabel="True" Content="Visualization: " />
                            <ComboBox controls:Form.Fill="True" SelectedIndex="0" 
                                      ItemTemplate="{StaticResource DataTemplateVisualizationSelection}"
                                      ItemsSource="{Binding Source={StaticResource DataProviderVisualizationTypes},
                                                            Converter={StaticResource VisualizationProviderSelectableConverter}, ConverterParameter={x:Static core:RGBDeviceType.Keyboard}}"
                                      SelectedItem="{Binding SelectedPrimaryVisualization}"
                                      ToolTip="The visualization shown on the device.&#x0a; - Frequency Bars: Shows vertical bars representing the frequencies of the song.&#x0a; - Level: Shows two horizontal bars representing the loudness of the song (left and right).&#x0a; - Beat: Shows a flash to the beat of the song (this doesn't work too well right now :()" />
                        </controls:Form>
                    </GroupBox>

                    <GroupBox Margin="0,8,0,0" DockPanel.Dock="Top">
                        <ContentControl Content="{Binding Source={x:Static keyboardAudioVisualizer:ApplicationManager.Instance}, Path=Visualizations[(helper:VisualizationIndex)Primary].Configuration}" />
                    </GroupBox>

                    <GroupBox Margin="0,8,0,0" DockPanel.Dock="Top">
                        <ContentControl Content="{Binding Source={x:Static keyboardAudioVisualizer:ApplicationManager.Instance}, Path=Visualizations[(helper:VisualizationIndex)Primary]}" Tag="0" />
                    </GroupBox>
                </DockPanel>
            </AdornerDecorator>
        </TabItem>

        <TabItem Header="Mouse/Headset">
            <AdornerDecorator>
                <DockPanel LastChildFill="{Binding Source={x:Static keyboardAudioVisualizer:ApplicationManager.Instance}, Path=Visualizations[(helper:VisualizationIndex)Secondary], Converter={StaticResource VisualizationToLastChildFillConverter}}">
                    <GroupBox DockPanel.Dock="Top">
                        <controls:GradientEditor Gradient="{Binding Source={x:Static keyboardAudioVisualizer:ApplicationManager.Instance}, Path=Settings[(helper:VisualizationIndex)Secondary].Gradient}"
                                                 CanAddOrDeleteStops="False" />
                    </GroupBox>

                    <GroupBox Margin="0,8,0,0" DockPanel.Dock="Top">
                        <controls:Form>
                            <controls:Form.Resources>
                                <Style BasedOn="{StaticResource StyleLabelForm}" TargetType="Label" />
                                <Style BasedOn="{StaticResource StyleTextBlockForm}" TargetType="TextBlock" />
                                <Style BasedOn="{StaticResource StyleListBoxForm}" TargetType="ListBox" />
                            </controls:Form.Resources>

                            <Label controls:Form.IsLabel="True" Content="Visualization: " />
                            <ComboBox controls:Form.Fill="True" SelectedIndex="0" 
                                      ItemTemplate="{StaticResource DataTemplateVisualizationSelection}"
                                      ItemsSource="{Binding Source={StaticResource DataProviderVisualizationTypes},
                                                            Converter={StaticResource VisualizationProviderSelectableConverter}, ConverterParameter={x:Static core:RGBDeviceType.Mouse}}"
                                      SelectedItem="{Binding SelectedSecondaryVisualization}" />
                        </controls:Form>
                    </GroupBox>

                    <GroupBox Margin="0,8,0,0" DockPanel.Dock="Top">
                        <ContentControl Content="{Binding Source={x:Static keyboardAudioVisualizer:ApplicationManager.Instance}, Path=Visualizations[(helper:VisualizationIndex)Secondary].Configuration}" />
                    </GroupBox>

                    <GroupBox Margin="0,8,0,0" DockPanel.Dock="Top">
                        <ContentControl Content="{Binding Source={x:Static keyboardAudioVisualizer:ApplicationManager.Instance}, Path=Visualizations[(helper:VisualizationIndex)Secondary]}" Tag="1" />
                    </GroupBox>
                </DockPanel>
            </AdornerDecorator>
        </TabItem>

        <TabItem Header="Lightbar/Mousepad">
            <AdornerDecorator>
                <DockPanel LastChildFill="{Binding Source={x:Static keyboardAudioVisualizer:ApplicationManager.Instance}, Path=Visualizations[(helper:VisualizationIndex)Tertiary], Converter={StaticResource VisualizationToLastChildFillConverter}}">
                    <GroupBox DockPanel.Dock="Top">
                        <controls:GradientEditor Gradient="{Binding Source={x:Static keyboardAudioVisualizer:ApplicationManager.Instance}, Path=Settings[(helper:VisualizationIndex)Tertiary].Gradient}" />
                    </GroupBox>

                    <GroupBox Margin="0,8,0,0" DockPanel.Dock="Top">
                        <controls:Form>
                            <controls:Form.Resources>
                                <Style BasedOn="{StaticResource StyleLabelForm}" TargetType="Label" />
                                <Style BasedOn="{StaticResource StyleTextBlockForm}" TargetType="TextBlock" />
                                <Style BasedOn="{StaticResource StyleListBoxForm}" TargetType="ListBox" />
                            </controls:Form.Resources>

                            <Label controls:Form.IsLabel="True" Content="Visualization: " />
                            <ComboBox controls:Form.Fill="True" SelectedIndex="0" 
                                      ItemTemplate="{StaticResource DataTemplateVisualizationSelection}"
                                      ItemsSource="{Binding Source={StaticResource DataProviderVisualizationTypes},
                                                            Converter={StaticResource VisualizationProviderSelectableConverter}, ConverterParameter={x:Static core:RGBDeviceType.Mousepad}}"
                                      SelectedItem="{Binding SelectedTertiaryVisualization}" />
                        </controls:Form>
                    </GroupBox>

                    <GroupBox Margin="0,8,0,0" DockPanel.Dock="Top">
                        <ContentControl Content="{Binding Source={x:Static keyboardAudioVisualizer:ApplicationManager.Instance}, Path=Visualizations[(helper:VisualizationIndex)Tertiary].Configuration}" />
                    </GroupBox>

                    <GroupBox Margin="0,8,0,0" DockPanel.Dock="Top">
                        <ContentControl Content="{Binding Source={x:Static keyboardAudioVisualizer:ApplicationManager.Instance}, Path=Visualizations[(helper:VisualizationIndex)Tertiary]}" Tag="2" />
                    </GroupBox>
                </DockPanel>
            </AdornerDecorator>
        </TabItem>

        <TabItem Header="Settings">
            <AdornerDecorator>
                <DockPanel LastChildFill="False">
                    <DockPanel.Resources>
                        <Style BasedOn="{StaticResource StyleLabelForm}" TargetType="Label" />
                        <Style BasedOn="{StaticResource StyleTextBlockForm}" TargetType="TextBlock" />
                        <Style BasedOn="{StaticResource StyleListBoxForm}" TargetType="ListBox" />
                    </DockPanel.Resources>

                    <GroupBox DockPanel.Dock="Top">
                        <controls:Form>
                            <Label controls:Form.IsLabel="True" Content="Version" />
                            <TextBlock Text="{Binding Version}" />

                            <Label controls:Form.IsLabel="True" Content="Update-Rate" />
                            <Slider Minimum="1" Maximum="60" controls:Form.Fill="True"  IsSnapToTickEnabled="True" TickFrequency="1" TickPlacement="BottomRight"
                                    Value="{Binding UpdateRate}"
                                    attached:SliderValue.Unit="FPS"
                                    ToolTip="Defines how fast the data is updated.&#x0a;Low values can reduce CPU-usage but will cause stuttering.&#x0a;Values above 40 will only affect the internal calculations and wont make the keyboard update faster.&#x0a;It's not recommended to select a value > 40." />

                            <Label controls:Form.IsLabel="True" Content="Fix Volume" />
                            <CheckBox VerticalAlignment="Center"
                                      IsChecked="{Binding EnableAudioPrescale}"
                                      ToolTip="Scales the audio signal inverse to the OS-master-volume.&#x0a;This might (depending on the system) lead to decrased performance&#x0a;   -> only activate it if you need it." />

                        </controls:Form>
                    </GroupBox>

                    <GroupBox Margin="0,8,0,0" DockPanel.Dock="Top">
                        <StackPanel Orientation="Vertical">
                            <Border HorizontalAlignment="Left" Width="111">
                                <Label HorizontalAlignment="Right" 
                                       Content="Background" />
                            </Border>

                            <controls:GradientEditor Margin="120,-18,0,0" 
                                                     Gradient="{Binding Source={x:Static keyboardAudioVisualizer:ApplicationManager.Instance}, Path=Settings.Background}"
                                                     ToolTip="Defines the gradient used as the background. Use transparency to create some kind of blur. Usage:&#x0a;   Left click inside the preview to add a new stop.&#x0a;   Left-click stop to change the color or move it.&#x0a;   Right-click stop to remove it.&#x0a;" />
                        </StackPanel>
                    </GroupBox>

                    <GroupBox Margin="0,8,0,0" DockPanel.Dock="Top">
                        <StackPanel Orientation="Vertical">
                            <Border HorizontalAlignment="Left" Width="111">
                                <Label HorizontalAlignment="Right" 
                                       Content="Devices" />
                            </Border>

                            <ItemsControl VerticalAlignment="Top" HorizontalAlignment="Left" Margin="120,-18,0,0" ItemsSource="{Binding Source={x:Static core:RGBSurface.Instance}, Path=Devices}">
                                <ItemsControl.ItemTemplate>
                                    <DataTemplate>
                                        <TextBlock Style="{StaticResource StyleTextBlockForm}">
                                            <TextBlock.Text>
                                                <MultiBinding StringFormat=">  {0} {1} ({2})">
                                                    <Binding Path="DeviceInfo.Manufacturer" />
                                                    <Binding Path="DeviceInfo.Model" />
                                                    <Binding Path="DeviceInfo.DeviceType" />
                                                </MultiBinding>
                                            </TextBlock.Text>
                                        </TextBlock>
                                    </DataTemplate>
                                </ItemsControl.ItemTemplate>
                            </ItemsControl>
                        </StackPanel>
                    </GroupBox>
                </DockPanel>
            </AdornerDecorator>
        </TabItem>
    </TabControl>

</controls:BlurredDecorationWindow>