Port only MVVM work and related fixes

RedBookPlayer.GUI/App.xaml.cs

@@ -5,14 +5,20 @@ using Avalonia;
 using Avalonia.Controls;
 using Avalonia.Controls.ApplicationLifetimes;
 using Avalonia.Markup.Xaml;
-using RedBookPlayer.GUI;
+using RedBookPlayer.GUI.ViewModels;
 using RedBookPlayer.GUI.Views;
 
 namespace RedBookPlayer
 {
     public class App : Application
     {
-        public static Settings Settings;
+        public static MainWindow        MainWindow;
+        public static SettingsViewModel Settings;
+
+        /// <summary>
+        /// Read-only access to the current player view
+        /// </summary>
+        public static PlayerView PlayerView => MainWindow?.ViewModel?.PlayerView;
 
         static App() =>
             Directory.SetCurrentDirectory(Path.GetDirectoryName(Process.GetCurrentProcess().MainModule.FileName));
@@ -24,6 +30,7 @@ namespace RedBookPlayer
                 Console.WriteLine(((Exception)f.ExceptionObject).ToString());
             };
 
+            Settings = SettingsViewModel.Load("settings.json");
             AvaloniaXamlLoader.Load(this);
         }
 
@@ -31,10 +38,11 @@ namespace RedBookPlayer
         {
             if(ApplicationLifetime is IClassicDesktopStyleApplicationLifetime desktop)
             {
-                desktop.MainWindow   = new MainWindow();
+                MainWindow           = new MainWindow();
+                desktop.MainWindow   = MainWindow;
                 desktop.ShutdownMode = ShutdownMode.OnMainWindowClose;
 
-                Settings = Settings.Load("settings.json");
+                PlayerView.ViewModel.ApplyTheme(Settings.SelectedTheme);
             }
 
             base.OnFrameworkInitializationCompleted();

RedBookPlayer.GUI/Program.cs

@@ -4,6 +4,7 @@ using System.Runtime.InteropServices;
 #endif
 using Avalonia;
 using Avalonia.Logging.Serilog;
+using Avalonia.ReactiveUI;
 
 namespace RedBookPlayer.GUI
 {
@@ -24,6 +25,6 @@ namespace RedBookPlayer.GUI
         static extern bool AllocConsole();
 #endif
 
-        public static AppBuilder BuildAvaloniaApp() => AppBuilder.Configure<App>().UsePlatformDetect().LogToDebug();
+        public static AppBuilder BuildAvaloniaApp() => AppBuilder.Configure<App>().UseReactiveUI().UsePlatformDetect().LogToDebug();
     }
 }

RedBookPlayer.GUI/RedBookPlayer.GUI.csproj

@@ -13,7 +13,7 @@
     <Compile Update="**\*.xaml.cs">
       <DependentUpon>%(Filename)</DependentUpon>
     </Compile>
-    <AvaloniaResource Include="**\*.xaml" Exclude="bin\**;obj\**">
+    <AvaloniaResource Include="**\*.xaml" Exclude="bin\**;obj\**;themes\**">
       <SubType>Designer</SubType>
     </AvaloniaResource>
   </ItemGroup>
@@ -28,4 +28,11 @@
   <ItemGroup>
     <AvaloniaResource Include="Assets\*" />
   </ItemGroup>
+  <ItemGroup>
+    <None Update="themes\**">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+      <CopyToPublishDirectory>Always</CopyToPublishDirectory>
+      <ExcludeFromSingleFile>true</ExcludeFromSingleFile> 
+    </None>
+  </ItemGroup>
 </Project>

RedBookPlayer.GUI/ViewModels/MainViewModel.cs

@@ -0,0 +1,159 @@
+using System;
+using System.Collections.Generic;
+using System.ComponentModel;
+using Avalonia.Controls;
+using Avalonia.Input;
+using RedBookPlayer.GUI.Views;
+
+namespace RedBookPlayer.GUI.ViewModels
+{
+    public class MainViewModel
+    {
+        /// <summary>
+        /// Read-only access to the control
+        /// </summary>
+        public ContentControl ContentControl => App.MainWindow.FindControl<ContentControl>("Content");
+
+        /// <summary>
+        /// Read-only access to the view
+        /// </summary>
+        public PlayerView PlayerView => ContentControl?.Content as PlayerView;
+
+        #region Helpers
+
+        /// <summary>
+        /// Execute the result of a keypress
+        /// </summary>
+        public async void ExecuteKeyPress(object sender, KeyEventArgs e)
+        {
+            // Open settings window
+            if(e.Key == App.Settings.OpenSettingsKey)
+            {
+                SettingsWindow settingsWindow = new SettingsWindow() { DataContext = App.Settings };
+                settingsWindow.Closed += OnSettingsClosed;
+                settingsWindow.ShowDialog(App.MainWindow);
+            }
+
+            // Load image
+            else if(e.Key == App.Settings.LoadImageKey)
+            {
+                PlayerView?.ViewModel?.ExecuteLoad();
+            }
+
+            // Toggle playback
+            else if(e.Key == App.Settings.TogglePlaybackKey || e.Key == Key.MediaPlayPause)
+            {
+                PlayerView?.ViewModel?.ExecuteTogglePlayPause();
+            }
+
+            // Stop playback
+            else if(e.Key == App.Settings.StopPlaybackKey || e.Key == Key.MediaStop)
+            {
+                PlayerView?.ViewModel?.ExecuteStop();
+            }
+
+            // Next Track
+            else if(e.Key == App.Settings.NextTrackKey || e.Key == Key.MediaNextTrack)
+            {
+                PlayerView?.ViewModel?.ExecuteNextTrack();
+            }
+
+            // Previous Track
+            else if(e.Key == App.Settings.PreviousTrackKey || e.Key == Key.MediaPreviousTrack)
+            {
+                PlayerView?.ViewModel?.ExecutePreviousTrack();
+            }
+
+            // Next Index
+            else if(e.Key == App.Settings.NextIndexKey)
+            {
+                PlayerView?.ViewModel?.ExecuteNextIndex();
+            }
+
+            // Previous Index
+            else if(e.Key == App.Settings.PreviousIndexKey)
+            {
+                PlayerView?.ViewModel?.ExecutePreviousIndex();
+            }
+
+            // Fast Foward
+            else if(e.Key == App.Settings.FastForwardPlaybackKey)
+            {
+                PlayerView?.ViewModel?.ExecuteFastForward();
+            }
+
+            // Rewind
+            else if(e.Key == App.Settings.RewindPlaybackKey)
+            {
+                PlayerView?.ViewModel?.ExecuteRewind();
+            }
+
+            // Volume Up
+            else if(e.Key == App.Settings.VolumeUpKey || e.Key == Key.VolumeUp)
+            {
+                int increment = 1;
+                if(e.KeyModifiers.HasFlag(KeyModifiers.Control))
+                    increment *= 2;
+                if(e.KeyModifiers.HasFlag(KeyModifiers.Shift))
+                    increment *= 5;
+
+                if(PlayerView?.ViewModel?.Volume != null)
+                    PlayerView.ViewModel.ExecuteSetVolume(PlayerView.ViewModel.Volume + increment);
+            }
+
+            // Volume Down
+            else if(e.Key == App.Settings.VolumeDownKey || e.Key == Key.VolumeDown)
+            {
+                int decrement = 1;
+                if(e.KeyModifiers.HasFlag(KeyModifiers.Control))
+                    decrement *= 2;
+                if(e.KeyModifiers.HasFlag(KeyModifiers.Shift))
+                    decrement *= 5;
+
+                if(PlayerView?.ViewModel?.Volume != null)
+                    PlayerView.ViewModel.ExecuteSetVolume(PlayerView.ViewModel.Volume - decrement);
+            }
+
+            // Mute Toggle
+            else if(e.Key == App.Settings.ToggleMuteKey || e.Key == Key.VolumeMute)
+            {
+                PlayerView?.ViewModel?.ExecuteToggleMute();
+            }
+
+            // Emphasis Toggle
+            else if(e.Key == App.Settings.ToggleDeEmphasisKey)
+            {
+                PlayerView?.ViewModel?.ExecuteToggleDeEmphasis();
+            }
+        }
+
+        /// <summary>
+        /// Load the first valid drag-and-dropped disc image
+        /// </summary>
+        public async void ExecuteLoadDragDrop(object sender, DragEventArgs e)
+        {
+            if(PlayerView?.ViewModel == null)
+                return;
+
+            IEnumerable<string> fileNames = e.Data.GetFileNames();
+            foreach(string filename in fileNames)
+            {
+                bool loaded = await PlayerView.ViewModel.LoadImage(filename);
+                if(loaded)
+                    break;
+            }
+        }
+
+        /// <summary>
+        /// Stop current playback
+        /// </summary>
+        public void ExecuteStop(object sender, CancelEventArgs e) => PlayerView?.ViewModel?.ExecuteStop();
+
+        /// <summary>
+        /// Handle the settings window closing
+        /// </summary>
+        private void OnSettingsClosed(object sender, EventArgs e) => PlayerView?.ViewModel?.RefreshFromSettings();
+
+        #endregion
+    }
+}

RedBookPlayer.GUI/ViewModels/PlayerViewModel.cs

@@ -5,13 +5,16 @@ using System.IO;
 using System.Linq;
 using System.Reactive;
 using System.Threading.Tasks;
+using System.Xml;
 using Avalonia;
 using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
 using Avalonia.Media.Imaging;
 using Avalonia.Platform;
 using Avalonia.Threading;
 using ReactiveUI;
-using RedBookPlayer.GUI.Views;
+using RedBookPlayer.Models;
+using RedBookPlayer.Models.Discs;
 using RedBookPlayer.Models.Hardware;
 
 namespace RedBookPlayer.GUI.ViewModels
@@ -21,7 +24,7 @@ namespace RedBookPlayer.GUI.ViewModels
         /// <summary>
         /// Player representing the internal state
         /// </summary>
-        private Player _player;
+        private readonly Player _player;
 
         /// <summary>
         /// Set of images representing the digits for the UI
@@ -50,6 +53,15 @@ namespace RedBookPlayer.GUI.ViewModels
             private set => this.RaiseAndSetIfChanged(ref _currentTrackIndex, value);
         }
 
+        /// <summary>
+        /// Current track session
+        /// </summary>
+        public ushort CurrentTrackSession
+        {
+            get => _currentTrackSession;
+            private set => this.RaiseAndSetIfChanged(ref _currentTrackSession, value);
+        }
+
         /// <summary>
         /// Current sector number
         /// </summary>
@@ -140,6 +152,7 @@ namespace RedBookPlayer.GUI.ViewModels
 
         private int _currentTrackNumber;
         private ushort _currentTrackIndex;
+        private ushort _currentTrackSession;
         private ulong _currentSector;
         private ulong _sectionStartSector;
 
@@ -156,15 +169,28 @@ namespace RedBookPlayer.GUI.ViewModels
         /// <summary>
         /// Indicate if the model is ready to be used
         /// </summary>
-        public bool Initialized => _player?.Initialized ?? false;
+        public bool Initialized
+        {
+            get => _initialized;
+            private set => this.RaiseAndSetIfChanged(ref _initialized, value);
+        }
 
         /// <summary>
         /// Indicate if the output is playing
         /// </summary>
-        public bool? Playing
+        public PlayerState PlayerState
         {
-            get => _playing;
-            private set => this.RaiseAndSetIfChanged(ref _playing, value);
+            get => _playerState;
+            private set => this.RaiseAndSetIfChanged(ref _playerState, value);
+        }
+
+        /// <summary>
+        /// Indicates how to handle playback of data tracks
+        /// </summary>
+        public DataPlayback DataPlayback
+        {
+            get => _dataPlayback;
+            private set => this.RaiseAndSetIfChanged(ref _dataPlayback, value);
         }
 
         /// <summary>
@@ -185,7 +211,9 @@ namespace RedBookPlayer.GUI.ViewModels
             private set => this.RaiseAndSetIfChanged(ref _volume, value);
         }
 
-        private bool? _playing;
+        private bool _initialized;
+        private PlayerState _playerState;
+        private DataPlayback _dataPlayback;
         private bool _applyDeEmphasis;
         private int _volume;
 
@@ -299,6 +327,7 @@ namespace RedBookPlayer.GUI.ViewModels
         /// </summary>
         public PlayerViewModel()
         {
+            // Initialize commands
             LoadCommand = ReactiveCommand.Create(ExecuteLoad);
 
             PlayCommand = ReactiveCommand.Create(ExecutePlay);
@@ -319,25 +348,27 @@ namespace RedBookPlayer.GUI.ViewModels
             EnableDeEmphasisCommand = ReactiveCommand.Create(ExecuteEnableDeEmphasis);
             DisableDeEmphasisCommand = ReactiveCommand.Create(ExecuteDisableDeEmphasis);
             ToggleDeEmphasisCommand = ReactiveCommand.Create(ExecuteToggleDeEmphasis);
+
+            // Initialize Player
+            _player = new Player(App.Settings.Volume);
+            PlayerState = PlayerState.NoDisc;
         }
 
         /// <summary>
         /// Initialize the view model with a given image path
         /// </summary>
         /// <param name="path">Path to the disc image</param>
-        /// <param name="generateMissingToc">Generate a TOC if the disc is missing one [CompactDisc only]</param>
-        /// <param name="loadHiddenTracks">Load hidden tracks for playback [CompactDisc only]</param>
-        /// <param name="loadDataTracks">Load data tracks for playback [CompactDisc only]</param>
+        /// <param name="options">Options to pass to the optical disc factory</param>
         /// <param name="autoPlay">True if playback should begin immediately, false otherwise</param>
-        /// <param name="defaultVolume">Default volume between 0 and 100 to use when starting playback</param>
-        public void Init(string path, bool generateMissingToc, bool loadHiddenTracks, bool loadDataTracks, bool autoPlay, int defaultVolume)
+        public void Init(string path, OpticalDiscOptions options, bool autoPlay)
         {
             // Stop current playback, if necessary
-            if(Playing != null) ExecuteStop();
+            if(PlayerState != PlayerState.NoDisc)
+                ExecuteStop();
 
-            // Create and attempt to initialize new Player
-            _player = new Player(path, generateMissingToc, loadHiddenTracks, loadDataTracks, autoPlay, defaultVolume);
-            if(Initialized)
+            // Attempt to initialize Player
+            _player.Init(path, options, autoPlay);
+            if(_player.Initialized)
             {
                 _player.PropertyChanged += PlayerStateChanged;
                 PlayerStateChanged(this, null);
@@ -444,6 +475,46 @@ namespace RedBookPlayer.GUI.ViewModels
 
         #region Helpers
 
+        /// <summary>
+        /// Apply a custom theme to the player
+        /// </summary>
+        /// <param name="theme">Path to the theme under the themes directory</param>
+        public void ApplyTheme(string theme)
+        {
+            // If the PlayerView isn't set, don't do anything
+            if(App.PlayerView == null)
+                return;
+
+            // If no theme path is provided, we can ignore
+            if(string.IsNullOrWhiteSpace(theme))
+                return;
+
+            string themeDirectory = $"{Directory.GetCurrentDirectory()}/themes/{theme}";
+            string xamlPath = $"{themeDirectory}/view.xaml";
+
+            if(!File.Exists(xamlPath))
+            {
+                Console.WriteLine("Warning: specified theme doesn't exist, reverting to default");
+                return;
+            }
+
+            try
+            {
+                string xaml = File.ReadAllText(xamlPath);
+                xaml = xaml.Replace("Source=\"", $"Source=\"file://{themeDirectory}/");
+                LoadTheme(xaml);
+            }
+            catch(XmlException ex)
+            {
+                Console.WriteLine($"Error: invalid theme XAML ({ex.Message}), reverting to default");
+                LoadTheme(null);
+            }
+
+            App.MainWindow.Width = App.PlayerView.Width;
+            App.MainWindow.Height = App.PlayerView.Height;
+            InitializeDigits();
+        }
+
         /// <summary>
         /// Load a disc image from a selection box
         /// </summary>
@@ -461,35 +532,36 @@ namespace RedBookPlayer.GUI.ViewModels
         /// </summary>
         public void InitializeDigits()
         {
-            PlayerView playerView = MainWindow.Instance.ContentControl.Content as PlayerView;
+            if(App.PlayerView == null)
+                return;
 
             _digits = new Image[]
             {
-                playerView.FindControl<Image>("TrackDigit1"),
-                playerView.FindControl<Image>("TrackDigit2"),
+                App.PlayerView.FindControl<Image>("TrackDigit1"),
+                App.PlayerView.FindControl<Image>("TrackDigit2"),
 
-                playerView.FindControl<Image>("IndexDigit1"),
-                playerView.FindControl<Image>("IndexDigit2"),
+                App.PlayerView.FindControl<Image>("IndexDigit1"),
+                App.PlayerView.FindControl<Image>("IndexDigit2"),
 
-                playerView.FindControl<Image>("TimeDigit1"),
-                playerView.FindControl<Image>("TimeDigit2"),
-                playerView.FindControl<Image>("TimeDigit3"),
-                playerView.FindControl<Image>("TimeDigit4"),
-                playerView.FindControl<Image>("TimeDigit5"),
-                playerView.FindControl<Image>("TimeDigit6"),
+                App.PlayerView.FindControl<Image>("TimeDigit1"),
+                App.PlayerView.FindControl<Image>("TimeDigit2"),
+                App.PlayerView.FindControl<Image>("TimeDigit3"),
+                App.PlayerView.FindControl<Image>("TimeDigit4"),
+                App.PlayerView.FindControl<Image>("TimeDigit5"),
+                App.PlayerView.FindControl<Image>("TimeDigit6"),
 
-                playerView.FindControl<Image>("TotalTracksDigit1"),
-                playerView.FindControl<Image>("TotalTracksDigit2"),
+                App.PlayerView.FindControl<Image>("TotalTracksDigit1"),
+                App.PlayerView.FindControl<Image>("TotalTracksDigit2"),
 
-                playerView.FindControl<Image>("TotalIndexesDigit1"),
-                playerView.FindControl<Image>("TotalIndexesDigit2"),
+                App.PlayerView.FindControl<Image>("TotalIndexesDigit1"),
+                App.PlayerView.FindControl<Image>("TotalIndexesDigit2"),
 
-                playerView.FindControl<Image>("TotalTimeDigit1"),
-                playerView.FindControl<Image>("TotalTimeDigit2"),
-                playerView.FindControl<Image>("TotalTimeDigit3"),
-                playerView.FindControl<Image>("TotalTimeDigit4"),
-                playerView.FindControl<Image>("TotalTimeDigit5"),
-                playerView.FindControl<Image>("TotalTimeDigit6"),
+                App.PlayerView.FindControl<Image>("TotalTimeDigit1"),
+                App.PlayerView.FindControl<Image>("TotalTimeDigit2"),
+                App.PlayerView.FindControl<Image>("TotalTimeDigit3"),
+                App.PlayerView.FindControl<Image>("TotalTimeDigit4"),
+                App.PlayerView.FindControl<Image>("TotalTimeDigit5"),
+                App.PlayerView.FindControl<Image>("TotalTimeDigit6"),
             };
         }
 
@@ -501,19 +573,39 @@ namespace RedBookPlayer.GUI.ViewModels
         {
             return await Dispatcher.UIThread.InvokeAsync(() =>
             {
-                Init(path, App.Settings.GenerateMissingTOC, App.Settings.PlayHiddenTracks, App.Settings.PlayDataTracks, App.Settings.AutoPlay, App.Settings.Volume);
+                OpticalDiscOptions options = new OpticalDiscOptions
+                {
+                    DataPlayback = App.Settings.DataPlayback,
+                    GenerateMissingToc = App.Settings.GenerateMissingTOC,
+                    LoadHiddenTracks = App.Settings.PlayHiddenTracks,
+                };
+
+                // Ensure the context and view model are set
+                App.PlayerView.DataContext = this;
+                App.PlayerView.ViewModel = this;
+
+                Init(path, options, App.Settings.AutoPlay);
                 if(Initialized)
-                    MainWindow.Instance.Title = "RedBookPlayer - " + path.Split('/').Last().Split('\\').Last();
+                    App.MainWindow.Title = "RedBookPlayer - " + path.Split('/').Last().Split('\\').Last();
 
                 return Initialized;
             });
         }
 
         /// <summary>
-        /// Set the value for loading data tracks [CompactDisc only]
+        /// Refresh the view model from the current settings
         /// </summary>
-        /// <param name="load">True to enable loading data tracks, false otherwise</param>
-        public void SetLoadDataTracks(bool load) => _player?.SetLoadDataTracks(load);
+        public void RefreshFromSettings()
+        {
+            SetDataPlayback(App.Settings.DataPlayback);
+            SetLoadHiddenTracks(App.Settings.PlayHiddenTracks);
+        }
+
+        /// <summary>
+        /// Set data playback method [CompactDisc only]
+        /// </summary>
+        /// <param name="dataPlayback">New playback value</param>
+        public void SetDataPlayback(DataPlayback dataPlayback) => _player?.SetDataPlayback(dataPlayback);
 
         /// <summary>
         /// Set the value for loading hidden tracks [CompactDisc only]
@@ -569,18 +661,9 @@ namespace RedBookPlayer.GUI.ViewModels
         {
             try
             {
-                if(App.Settings.SelectedTheme == "default")
-                {
-                    IAssetLoader assets = AvaloniaLocator.Current.GetService<IAssetLoader>();
-
-                    return new Bitmap(assets.Open(new Uri($"avares://RedBookPlayer/Assets/{character}.png")));
-                }
-                else
-                {
-                    string themeDirectory = $"{Directory.GetCurrentDirectory()}/themes/{App.Settings.SelectedTheme}";
-                    using FileStream stream = File.Open($"{themeDirectory}/{character}.png", FileMode.Open);
-                    return new Bitmap(stream);
-                }
+                string themeDirectory = $"{Directory.GetCurrentDirectory()}/themes/{App.Settings.SelectedTheme}";
+                using FileStream stream = File.Open($"{themeDirectory}/{character}.png", FileMode.Open);
+                return new Bitmap(stream);
             }
             catch
             {
@@ -619,18 +702,56 @@ namespace RedBookPlayer.GUI.ViewModels
                     Extensions = knownExtensions.ConvertAll(e => e.TrimStart('.'))
                 });
 
-                return (await dialog.ShowAsync(MainWindow.Instance))?.FirstOrDefault();
+                return (await dialog.ShowAsync(App.MainWindow))?.FirstOrDefault();
             });
         }
 
+        /// <summary>
+        /// Load the theme from a XAML, if possible
+        /// </summary>
+        /// <param name="xaml">XAML data representing the theme, null for default</param>
+        private void LoadTheme(string xaml)
+        {
+            // If the view is null, we can't load the theme
+            if(App.PlayerView == null)
+                return;
+
+            try
+            {
+                if(xaml != null)
+                    new AvaloniaXamlLoader().Load(xaml, null, App.PlayerView);
+                else
+                    AvaloniaXamlLoader.Load(App.PlayerView);
+            }
+            catch(Exception ex)
+            {
+                Console.Error.WriteLine(ex);
+            }
+
+            // Ensure the context and view model are set
+            App.PlayerView.DataContext = this;
+            App.PlayerView.ViewModel = this;
+            UpdateDigits();
+        }
+
         /// <summary>
         /// Update the view-model from the Player
         /// </summary>
         private void PlayerStateChanged(object sender, PropertyChangedEventArgs e)
         {
-            if(_player?.Initialized != true)
+            if(_player == null)
                 return;
 
+            if(!_player.Initialized)
+            {
+                Dispatcher.UIThread.InvokeAsync(() =>
+                {
+                    App.MainWindow.Title = "RedBookPlayer";
+                });
+            }
+
+            Initialized = _player.Initialized;
+
             CurrentTrackNumber = _player.CurrentTrackNumber;
             CurrentTrackIndex = _player.CurrentTrackIndex;
             CurrentSector = _player.CurrentSector;
@@ -643,7 +764,8 @@ namespace RedBookPlayer.GUI.ViewModels
             CopyAllowed = _player.CopyAllowed;
             TrackHasEmphasis = _player.TrackHasEmphasis;
 
-            Playing = _player.Playing;
+            PlayerState = _player.PlayerState;
+            DataPlayback = _player.DataPlayback;
             ApplyDeEmphasis = _player.ApplyDeEmphasis;
             Volume = _player.Volume;
 
@@ -655,6 +777,10 @@ namespace RedBookPlayer.GUI.ViewModels
         /// </summary>
         private void UpdateDigits()
         {
+            // Ensure the digits
+            if(_digits == null)
+                InitializeDigits();
+
             Dispatcher.UIThread.Post(() =>
             {
                 string digitString = GenerateDigitString() ?? string.Empty.PadLeft(20, '-');

RedBookPlayer.GUI/ViewModels/SettingsViewModel.cs

@@ -1,15 +1,32 @@
 using System;
+using System.Collections.Generic;
 using System.IO;
+using System.Linq;
+using System.Reactive;
 using System.Text.Json;
+using System.Text.Json.Serialization;
 using Avalonia.Input;
-using RedBookPlayer.GUI.Views;
+using ReactiveUI;
+using RedBookPlayer.Models;
 
-namespace RedBookPlayer.GUI
+namespace RedBookPlayer.GUI.ViewModels
 {
-    public class Settings
+    public class SettingsViewModel : ReactiveObject
     {
         #region Player Settings
 
+        /// <summary>
+        /// List of all data playback values
+        /// </summary>
+        [JsonIgnore]
+        public List<DataPlayback> DataPlaybackValues => GenerateDataPlaybackList();
+
+        /// <summary>
+        /// List of all themes
+        /// </summary>
+        [JsonIgnore]
+        public List<string> ThemeValues => GenerateThemeList();
+
         /// <summary>
         /// Indicates if discs should start playing on load
         /// </summary>
@@ -30,42 +47,51 @@ namespace RedBookPlayer.GUI
         /// </remarks>
         public bool PlayHiddenTracks { get; set; } = false;
 
-        /// <summary>
-        /// Indicates if data tracks should be played like old, non-compliant players
-        /// </summary>
-        public bool PlayDataTracks { get; set; } = false;
-
         /// <summary>
         /// Generate a TOC if the disc is missing one
         /// </summary>
         public bool GenerateMissingTOC { get; set; } = true;
 
+        /// <summary>
+        /// Indicates how to deal with data tracks
+        /// </summary>
+        public DataPlayback DataPlayback { get; set; } = DataPlayback.Skip;
+
         /// <summary>
         /// Indicates the default playback volume
         /// </summary>
         public int Volume
         {
             get => _volume;
-            set
+            private set
             {
+                int tempValue;
                 if(value > 100)
-                    _volume = 100;
+                    tempValue = 100;
                 else if(value < 0)
-                    _volume = 0;
+                    tempValue = 0;
                 else
-                    _volume = value;
+                    tempValue = value;
+
+                this.RaiseAndSetIfChanged(ref _volume, tempValue);
             }
         }
 
         /// <summary>
         /// Indicates the currently selected theme
         /// </summary>
-        public string SelectedTheme { get; set; } = "default";
+        public string SelectedTheme { get; set; } = "Default";
 
         #endregion
 
         #region Key Mappings
 
+        /// <summary>
+        /// List of all keyboard keys
+        /// </summary>
+        [JsonIgnore]
+        public List<Key> KeyboardList => GenerateKeyList();
+
         /// <summary>
         /// Key assigned to open settings
         /// </summary>
@@ -86,6 +112,11 @@ namespace RedBookPlayer.GUI
         /// </summary>
         public Key StopPlaybackKey { get; set; } = Key.Escape;
 
+        /// <summary>
+        /// Key assigned to eject the disc
+        /// </summary>
+        public Key EjectKey { get; set; } = Key.OemTilde;
+
         /// <summary>
         /// Key assigned to move to the next track
         /// </summary>
@@ -138,6 +169,15 @@ namespace RedBookPlayer.GUI
 
         #endregion
 
+        #region Commands
+
+        /// <summary>
+        /// Command for applying settings
+        /// </summary>
+        public ReactiveCommand<Unit, Unit> ApplySettingsCommand { get; }
+
+        #endregion
+
         /// <summary>
         /// Path to the settings file
         /// </summary>
@@ -148,44 +188,50 @@ namespace RedBookPlayer.GUI
         /// </summary>
         private int _volume = 100;
 
-        public Settings() {}
+        public SettingsViewModel() : this(null) { }
 
-        public Settings(string filePath) => _filePath = filePath;
+        public SettingsViewModel(string filePath)
+        {
+            _filePath = filePath;
+
+            ApplySettingsCommand = ReactiveCommand.Create(ExecuteApplySettings);
+        }
 
         /// <summary>
         /// Load settings from a file
         /// </summary>
         /// <param name="filePath">Path to the settings JSON file</param>
         /// <returns>Settings derived from the input file, if possible</returns>
-        public static Settings Load(string filePath)
+        public static SettingsViewModel Load(string filePath)
         {
             if(File.Exists(filePath))
             {
                 try
                 {
-                    Settings settings = JsonSerializer.Deserialize<Settings>(File.ReadAllText(filePath));
+                    SettingsViewModel settings = JsonSerializer.Deserialize<SettingsViewModel>(File.ReadAllText(filePath));
                     settings._filePath = filePath;
 
-                    MainWindow.ApplyTheme(settings.SelectedTheme);
-
                     return settings;
                 }
                 catch(JsonException)
                 {
                     Console.WriteLine("Couldn't parse settings, reverting to default");
 
-                    return new Settings(filePath);
+                    return new SettingsViewModel(filePath);
                 }
             }
 
-            return new Settings(filePath);
+            return new SettingsViewModel(filePath);
         }
 
         /// <summary>
-        /// Save settings to a file
+        /// Apply settings from the UI
         /// </summary>
-        public void Save()
+        public void ExecuteApplySettings()
         {
+            if(!string.IsNullOrWhiteSpace(SelectedTheme))
+                App.PlayerView?.ViewModel?.ApplyTheme(SelectedTheme);
+
             var options = new JsonSerializerOptions
             {
                 WriteIndented = true
@@ -194,5 +240,45 @@ namespace RedBookPlayer.GUI
             string json = JsonSerializer.Serialize(this, options);
             File.WriteAllText(_filePath, json);
         }
+
+        #region Generation
+
+        /// <summary>
+        /// Generate the list of DataPlayback values
+        /// </summary>
+        private List<DataPlayback> GenerateDataPlaybackList() => Enum.GetValues(typeof(DataPlayback)).Cast<DataPlayback>().ToList();
+
+        /// <summary>
+        /// Generate the list of Key values
+        /// </summary>
+        private List<Key> GenerateKeyList() => Enum.GetValues(typeof(Key)).Cast<Key>().ToList();
+
+        /// <summary>
+        /// Generate the list of valid themes
+        /// </summary>
+        private List<string> GenerateThemeList()
+        {
+            // Create a list of all found themes
+            List<string> items = new List<string>();
+
+            // Ensure the theme directory exists
+            if(!Directory.Exists("themes/"))
+                Directory.CreateDirectory("themes/");
+
+            // Add all theme directories if they're valid
+            foreach(string dir in Directory.EnumerateDirectories("themes/"))
+            {
+                string themeName = dir.Split('/')[1];
+
+                if(!File.Exists($"themes/{themeName}/view.xaml"))
+                    continue;
+
+                items.Add(themeName);
+            }
+
+            return items;
+        }
+
+        #endregion
     }
 }

RedBookPlayer.GUI/Views/MainWindow.xaml

@@ -1,7 +1,17 @@
-<Window xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+<ReactiveWindow xmlns="https://github.com/avaloniaui" 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" mc:Ignorable="d"
+        xmlns:rxui="clr-namespace:Avalonia;assembly=Avalonia.ReactiveUI"
+        xmlns:viewModels="clr-namespace:RedBookPlayer.GUI.ViewModels;assembly=RedBookPlayer.GUI"
+        xmlns:views="clr-namespace:RedBookPlayer.GUI.Views;assembly=RedBookPlayer.GUI"
         x:Class="RedBookPlayer.GUI.Views.MainWindow" Title="RedBookPlayer" SizeToContent="WidthAndHeight"
-        DragDrop.AllowDrop="True">
-    <ContentControl Name="Content" />
-</Window>
+        CanResize="False" DragDrop.AllowDrop="True">
+    <ReactiveWindow.ViewModel>
+        <viewModels:MainViewModel/>
+    </ReactiveWindow.ViewModel>
+    <ContentControl Name="Content">
+        <ContentControl.Content>
+            <views:PlayerView/>
+        </ContentControl.Content>
+    </ContentControl>
+</ReactiveWindow>

RedBookPlayer.GUI/Views/MainWindow.xaml.cs

@@ -1,73 +1,13 @@
-using System;
-using System.Collections.Generic;
-using System.IO;
-using System.Xml;
-using Avalonia.Controls;
 using Avalonia.Input;
 using Avalonia.Markup.Xaml;
+using Avalonia.ReactiveUI;
 using RedBookPlayer.GUI.ViewModels;
 
 namespace RedBookPlayer.GUI.Views
 {
-    public class MainWindow : Window
+    public class MainWindow : ReactiveWindow<MainViewModel>
     {
-        public static MainWindow     Instance;
-        public        ContentControl ContentControl;
-        public        Window         settingsWindow;
-
-        public MainWindow()
-        {
-            Instance = this;
-            InitializeComponent();
-        }
-
-        /// <summary>
-        /// Apply a custom theme to the player
-        /// </summary>
-        /// <param name="theme">Path to the theme under the themes directory</param>
-        public static void ApplyTheme(string theme)
-        {
-            // If no theme path is provided, we can ignore
-            if(string.IsNullOrWhiteSpace(theme))
-                return;
-
-            // If we already have a view, cache the view model
-            PlayerViewModel pvm = ((PlayerView)Instance.ContentControl.Content).PlayerViewModel;
-
-            // If the theme name is "default", we assume the internal theme is used
-            if(theme.Equals("default", StringComparison.CurrentCultureIgnoreCase))
-            {
-                Instance.ContentControl.Content = new PlayerView(pvm);
-            }
-            else
-            {
-                string themeDirectory = $"{Directory.GetCurrentDirectory()}/themes/{theme}";
-                string xamlPath       = $"{themeDirectory}/view.xaml";
-
-                if(!File.Exists(xamlPath))
-                {
-                    Console.WriteLine("Warning: specified theme doesn't exist, reverting to default");
-                    return;
-                }
-
-                try
-                {
-                    string xaml = File.ReadAllText(xamlPath);
-                    xaml = xaml.Replace("Source=\"", $"Source=\"file://{themeDirectory}/");
-                    Instance.ContentControl.Content = new PlayerView(xaml, pvm);
-                }
-                catch(XmlException ex)
-                {
-                    Console.WriteLine($"Error: invalid theme XAML ({ex.Message}), reverting to default");
-                    Instance.ContentControl.Content = new PlayerView(pvm);
-                }
-            }
-
-            Instance.Width  = ((PlayerView)Instance.ContentControl.Content).Width;
-            Instance.Height = ((PlayerView)Instance.ContentControl.Content).Height;
-
-            pvm.InitializeDigits();
-        }
+        public MainWindow() => InitializeComponent();
 
         /// <summary>
         /// Initialize the main window
@@ -76,162 +16,10 @@ namespace RedBookPlayer.GUI.Views
         {
             AvaloniaXamlLoader.Load(this);
 
-            ContentControl         = this.FindControl<ContentControl>("Content");
-            ContentControl.Content = new PlayerView();
-
-            Instance.MaxWidth  = ((PlayerView)Instance.ContentControl.Content).Width;
-            Instance.MaxHeight = ((PlayerView)Instance.ContentControl.Content).Height;
-
-            ContentControl.Content = new PlayerView();
-
-            ((PlayerView)ContentControl.Content).PlayerViewModel.InitializeDigits();
-
-            CanResize = false;
-
-            KeyDown += OnKeyDown;
-
-            Closing += (s, e) =>
-            {
-                settingsWindow?.Close();
-                settingsWindow = null;
-            };
-
-            Closing += (e, f) =>
-            {
-                ((PlayerView)ContentControl.Content).PlayerViewModel.ExecuteStop();
-            };
-
-            AddHandler(DragDrop.DropEvent, MainWindow_Drop);
+            // Add handlers
+            Closing += ViewModel.ExecuteStop;
+            AddHandler(DragDrop.DropEvent, ViewModel.ExecuteLoadDragDrop);
+            KeyDown += ViewModel.ExecuteKeyPress;
         }
-
-        #region Event Handlers
-
-        public async void MainWindow_Drop(object sender, DragEventArgs e)
-        {
-            PlayerView playerView = ContentControl.Content as PlayerView;
-            if(playerView == null)
-                return;
-
-            IEnumerable<string> fileNames = e.Data.GetFileNames();
-            foreach(string filename in fileNames)
-            {
-                bool loaded = await playerView?.PlayerViewModel?.LoadImage(filename);
-                if(loaded)
-                    break;
-            }
-        }
-
-        public void OnKeyDown(object sender, KeyEventArgs e)
-        {
-            PlayerView playerView = ContentControl.Content as PlayerView;
-
-            // Open settings window
-            if(e.Key == App.Settings.OpenSettingsKey)
-            {
-                settingsWindow = new SettingsWindow(App.Settings);
-                settingsWindow.Closed += OnSettingsClosed;
-                settingsWindow.Show();
-            }
-
-            // Load image
-            else if (e.Key == App.Settings.LoadImageKey)
-            {
-                playerView?.PlayerViewModel?.ExecuteLoad();
-            }
-
-            // Toggle playback
-            else if(e.Key == App.Settings.TogglePlaybackKey || e.Key == Key.MediaPlayPause)
-            {
-                playerView?.PlayerViewModel?.ExecuteTogglePlayPause();
-            }
-
-            // Stop playback
-            else if(e.Key == App.Settings.StopPlaybackKey || e.Key == Key.MediaStop)
-            {
-                playerView?.PlayerViewModel?.ExecuteStop();
-            }
-
-            // Next Track
-            else if(e.Key == App.Settings.NextTrackKey || e.Key == Key.MediaNextTrack)
-            {
-                playerView?.PlayerViewModel?.ExecuteNextTrack();
-            }
-
-            // Previous Track
-            else if(e.Key == App.Settings.PreviousTrackKey || e.Key == Key.MediaPreviousTrack)
-            {
-                playerView?.PlayerViewModel?.ExecutePreviousTrack();
-            }
-
-            // Next Index
-            else if(e.Key == App.Settings.NextIndexKey)
-            {
-                playerView?.PlayerViewModel?.ExecuteNextIndex();
-            }
-
-            // Previous Index
-            else if(e.Key == App.Settings.PreviousIndexKey)
-            {
-                playerView?.PlayerViewModel?.ExecutePreviousIndex();
-            }
-
-            // Fast Foward
-            else if(e.Key == App.Settings.FastForwardPlaybackKey)
-            {
-                playerView?.PlayerViewModel?.ExecuteFastForward();
-            }
-
-            // Rewind
-            else if(e.Key == App.Settings.RewindPlaybackKey)
-            {
-                playerView?.PlayerViewModel?.ExecuteRewind();
-            }
-
-            // Volume Up
-            else if(e.Key == App.Settings.VolumeUpKey || e.Key == Key.VolumeUp)
-            {
-                int increment = 1;
-                if(e.KeyModifiers.HasFlag(KeyModifiers.Control))
-                    increment *= 2;
-                if(e.KeyModifiers.HasFlag(KeyModifiers.Shift))
-                    increment *= 5;
-
-                if(playerView?.PlayerViewModel?.Volume != null)
-                    playerView.PlayerViewModel.ExecuteSetVolume(playerView.PlayerViewModel.Volume + increment);
-            }
-
-            // Volume Down
-            else if(e.Key == App.Settings.VolumeDownKey || e.Key == Key.VolumeDown)
-            {
-                int decrement = 1;
-                if(e.KeyModifiers.HasFlag(KeyModifiers.Control))
-                    decrement *= 2;
-                if(e.KeyModifiers.HasFlag(KeyModifiers.Shift))
-                    decrement *= 5;
-
-                if (playerView?.PlayerViewModel?.Volume != null)
-                    playerView.PlayerViewModel.ExecuteSetVolume(playerView.PlayerViewModel.Volume - decrement);
-            }
-
-            // Mute Toggle
-            else if(e.Key == App.Settings.ToggleMuteKey || e.Key == Key.VolumeMute)
-            {
-                playerView?.PlayerViewModel?.ExecuteToggleMute();
-            }
-
-            // Emphasis Toggle
-            else if(e.Key == App.Settings.ToggleDeEmphasisKey)
-            {
-                playerView?.PlayerViewModel?.ExecuteToggleDeEmphasis();
-            }
-        }
-
-        public void OnSettingsClosed(object sender, EventArgs e)
-        {
-            PlayerView playerView = ContentControl.Content as PlayerView;
-            playerView?.UpdateViewModel();
-        }
-
-        #endregion
     }
 }

RedBookPlayer.GUI/Views/PlayerView.xaml

@@ -1,7 +1,12 @@
-<UserControl xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+<ReactiveUserControl xmlns="https://github.com/avaloniaui" 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" mc:Ignorable="d"
-             x:Class="RedBookPlayer.GUI.Views.PlayerView" Width="900" Height="400">
+             xmlns:rxui="clr-namespace:Avalonia;assembly=Avalonia.ReactiveUI"
+             xmlns:viewModels="clr-namespace:RedBookPlayer.GUI.ViewModels;assembly=RedBookPlayer.GUI"
+             x:Class="RedBookPlayer.GUI.Views.PlayerView" Width="900" Height="400" Background="White">
+    <ReactiveUserControl.ViewModel>
+        <viewModels:PlayerViewModel/>
+    </ReactiveUserControl.ViewModel>
     <StackPanel Margin="16" VerticalAlignment="Center">
         <Button Command="{Binding LoadCommand}" Margin="32,0,32,16">Load</Button>
         <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,0,0,16">
@@ -101,4 +106,4 @@
             <TextBlock Margin="0,0,16,0" Text="{Binding Volume}"/>
         </StackPanel>
     </StackPanel>
-</UserControl>
+</ReactiveUserControl>

RedBookPlayer.GUI/Views/PlayerView.xaml.cs

@@ -1,73 +1,9 @@
-using Avalonia.Controls;
-using Avalonia.Markup.Xaml;
+using Avalonia.ReactiveUI;
 using RedBookPlayer.GUI.ViewModels;
 
 namespace RedBookPlayer.GUI.Views
 {
-    public class PlayerView : UserControl
+    public class PlayerView : ReactiveUserControl<PlayerViewModel>
     {
-        /// <summary>
-        /// Read-only access to the view model
-        /// </summary>
-        public PlayerViewModel PlayerViewModel => DataContext as PlayerViewModel;
-
-        /// <summary>
-        /// Initialize the UI based on the default theme
-        /// </summary>
-        public PlayerView() : this(null, null) { }
-
-        /// <summary>
-        /// Initialize the UI based on the default theme with an existing view model
-        /// </summary>
-        /// <param name="xaml">XAML data representing the theme, null for default</param>
-        /// <param name="playerViewModel">Existing PlayerViewModel to load in instead of creating a new one</param>
-        public PlayerView(PlayerViewModel playerViewModel) : this(null, playerViewModel) { }
-
-        /// <summary>
-        /// Initialize the UI based on the currently selected theme
-        /// </summary>
-        /// <param name="xaml">XAML data representing the theme, null for default</param>
-        /// <param name="playerViewModel">Existing PlayerViewModel to load in instead of creating a new one</param>
-        public PlayerView(string xaml, PlayerViewModel playerViewModel)
-        {
-            LoadTheme(xaml);
-
-            if(playerViewModel != null)
-                DataContext = playerViewModel;
-            else
-                DataContext = new PlayerViewModel();
-        }
-
-        #region Helpers
-
-        /// <summary>
-        /// Update the view model with new settings
-        /// </summary>
-        public void UpdateViewModel()
-        {
-            PlayerViewModel.SetLoadDataTracks(App.Settings.PlayDataTracks);
-            PlayerViewModel.SetLoadHiddenTracks(App.Settings.PlayHiddenTracks);
-        }
-
-        /// <summary>
-        /// Load the theme from a XAML, if possible
-        /// </summary>
-        /// <param name="xaml">XAML data representing the theme, null for default</param>
-        private void LoadTheme(string xaml)
-        {
-            try
-            {
-                if(xaml != null)
-                    new AvaloniaXamlLoader().Load(xaml, null, this);
-                else
-                    AvaloniaXamlLoader.Load(this);
-            }
-            catch
-            {
-                AvaloniaXamlLoader.Load(this);
-            }
-        }
-
-        #endregion
     }
 }

RedBookPlayer.GUI/Views/SettingsWindow.xaml

@@ -1,7 +1,12 @@
-<Window xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+<ReactiveWindow xmlns="https://github.com/avaloniaui" 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" mc:Ignorable="d" d:DesignWidth="800"
+        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"
+        xmlns:rxui="clr-namespace:Avalonia;assembly=Avalonia.ReactiveUI" d:DesignWidth="800"
+        xmlns:viewModels="clr-namespace:RedBookPlayer.GUI.ViewModels;assembly=RedBookPlayer.GUI"
         d:DesignHeight="450" x:Class="RedBookPlayer.GUI.Views.SettingsWindow" Title="Settings" SizeToContent="WidthAndHeight">
+    <ReactiveWindow.ViewModel>
+        <viewModels:SettingsViewModel/>
+    </ReactiveWindow.ViewModel>
     <StackPanel>
         <TabControl>
             <TabItem Header="UI Settings">
@@ -21,8 +26,9 @@
                             <TextBlock VerticalAlignment="Center">Play hidden tracks</TextBlock>
                         </WrapPanel>
                         <WrapPanel Margin="0,0,0,16">
-                            <CheckBox IsChecked="{Binding PlayDataTracks}" Margin="0,0,8,0"/>
-                            <TextBlock VerticalAlignment="Center">Play data tracks like old, non-compliant players</TextBlock>
+                            <TextBlock Grid.Row="0" Grid.Column="0" Width="120">Data Track Playback</TextBlock>
+                            <ComboBox Grid.Row="0" Grid.Column="1" Name="DataPlayback" Margin="8,0,0,0" Width="120"
+                                      Items="{Binding DataPlaybackValues}" SelectedItem="{Binding DataPlayback, Mode=TwoWay}" />
                         </WrapPanel>
                         <WrapPanel Margin="0,0,0,16">
                             <CheckBox IsChecked="{Binding GenerateMissingTOC}" Margin="0,0,8,0"/>
@@ -33,11 +39,12 @@
                             <TextBlock VerticalAlignment="Center" DockPanel.Dock="Right" Text="%" />
                             <TextBlock VerticalAlignment="Center" Margin="8,0,0,0" DockPanel.Dock="Right" Text="{Binding Volume}"
                                        Name="VolumeLabel" />
-                            <Slider Minimum="0" Maximum="100" SmallChange="1" LargeChange="10" Value="{Binding Volume}"
-                                    Name="VolumeSlider" />
+                            <Slider Minimum="0" Maximum="100" SmallChange="1" LargeChange="10" Value="{Binding Volume, Mode=TwoWay}"
+                                    Name="VolumeSlider"/>
                         </DockPanel>
                     </StackPanel>
-                    <ListBox Name="ThemeList" SelectionMode="Single" Margin="0,0,0,16" />
+                    <ListBox Name="ThemeList" SelectionMode="Single" Margin="0,0,0,16"
+                             Items="{Binding ThemeValues}" SelectedItem="{Binding SelectedTheme, Mode=TwoWay}"/>
                 </DockPanel>
             </TabItem>
             <TabItem Header="Keyboard Bindings">
@@ -61,62 +68,96 @@
                         <RowDefinition/>
                         <RowDefinition/>
                         <RowDefinition/>
+                        <RowDefinition/>
+                        <RowDefinition/>
                     </Grid.RowDefinitions>
 
                     <!-- Load Image-->
                     <TextBlock Grid.Row="0" Grid.Column="0" Width="120">Load Image</TextBlock>
-                    <ComboBox Grid.Row="0" Grid.Column="1" HorizontalAlignment="Right" Name="LoadImageKeyBind" Margin="8,0,0,0" Width="120"/>
+                    <ComboBox Grid.Row="0" Grid.Column="1" Name="LoadImageKeyBind"
+                              Items="{Binding KeyboardList}" SelectedItem="{Binding LoadImageKey, Mode=TwoWay}"
+                              HorizontalAlignment="Right" Margin="8,0,0,0" Width="120"/>
 
                     <!-- Toggle Play/Pause -->
-                    <TextBlock Grid.Row="1" Grid.Column="0" Width="120">Toggle Play/Pause</TextBlock>
-                    <ComboBox Grid.Row="1" Grid.Column="1" HorizontalAlignment="Right" Name="TogglePlaybackKeyBind" Margin="8,0,0,0" Width="120"/>
+                    <TextBlock Grid.Row="2" Grid.Column="0" Width="120">Toggle Play/Pause</TextBlock>
+                    <ComboBox Grid.Row="2" Grid.Column="1" Name="TogglePlaybackKeyBind"
+                              Items="{Binding KeyboardList}" SelectedItem="{Binding TogglePlaybackKey, Mode=TwoWay}"
+                              HorizontalAlignment="Right" Margin="8,0,0,0" Width="120"/>
 
                     <!-- Stop Playback-->
-                    <TextBlock Grid.Row="2" Grid.Column="0" Width="120">Stop Playback</TextBlock>
-                    <ComboBox Grid.Row="2" Grid.Column="1" HorizontalAlignment="Right" Name="StopPlaybackKeyBind" Margin="8,0,0,0" Width="120"/>
+                    <TextBlock Grid.Row="3" Grid.Column="0" Width="120">Stop Playback</TextBlock>
+                    <ComboBox Grid.Row="3" Grid.Column="1" Name="StopPlaybackKeyBind"
+                              Items="{Binding KeyboardList}" SelectedItem="{Binding StopPlaybackKey, Mode=TwoWay}"
+                              HorizontalAlignment="Right" Margin="8,0,0,0" Width="120"/>
+
+                    <!-- Eject Disc-->
+                    <TextBlock Grid.Row="4" Grid.Column="0" Width="120">Eject Disc</TextBlock>
+                    <ComboBox Grid.Row="4" Grid.Column="1" Name="EjectKeyBind"
+                              Items="{Binding KeyboardList}" SelectedItem="{Binding EjectKey, Mode=TwoWay}"
+                              HorizontalAlignment="Right" Margin="8,0,0,0" Width="120"/>
 
                     <!-- Next Track -->
-                    <TextBlock Grid.Row="3" Grid.Column="0" Width="120">Next Track</TextBlock>
-                    <ComboBox Grid.Row="3" Grid.Column="1" HorizontalAlignment="Right" Name="NextTrackKeyBind" Margin="8,0,0,0" Width="120"/>
+                    <TextBlock Grid.Row="5" Grid.Column="0" Width="120">Next Track</TextBlock>
+                    <ComboBox Grid.Row="5" Grid.Column="1" Name="NextTrackKeyBind"
+                              Items="{Binding KeyboardList}" SelectedItem="{Binding NextTrackKey, Mode=TwoWay}"
+                              HorizontalAlignment="Right" Margin="8,0,0,0" Width="120"/>
 
                     <!-- Previous Track -->
-                    <TextBlock Grid.Row="4" Grid.Column="0" Width="120">Previous Track</TextBlock>
-                    <ComboBox Grid.Row="4" Grid.Column="1" HorizontalAlignment="Right" Name="PreviousTrackKeyBind" Margin="8,0,0,0" Width="120"/>
+                    <TextBlock Grid.Row="6" Grid.Column="0" Width="120">Previous Track</TextBlock>
+                    <ComboBox Grid.Row="6" Grid.Column="1" Name="PreviousTrackKeyBind"
+                              Items="{Binding KeyboardList}" SelectedItem="{Binding PreviousTrackKey, Mode=TwoWay}"
+                              HorizontalAlignment="Right" Margin="8,0,0,0" Width="120"/>
 
                     <!-- Next Index -->
-                    <TextBlock Grid.Row="5" Grid.Column="0" Width="120">Next Index</TextBlock>
-                    <ComboBox Grid.Row="5" Grid.Column="1" HorizontalAlignment="Right" Name="NextIndexKeyBind" Margin="8,0,0,0" Width="120"/>
+                    <TextBlock Grid.Row="7" Grid.Column="0" Width="120">Next Index</TextBlock>
+                    <ComboBox Grid.Row="7" Grid.Column="1" Name="NextIndexKeyBind"
+                              Items="{Binding KeyboardList}" SelectedItem="{Binding NextIndexKey, Mode=TwoWay}"
+                              HorizontalAlignment="Right" Margin="8,0,0,0" Width="120"/>
 
                     <!-- Previous Index -->
-                    <TextBlock Grid.Row="6" Grid.Column="0" Width="120">Previous Index</TextBlock>
-                    <ComboBox Grid.Row="6" Grid.Column="1" HorizontalAlignment="Right" Name="PreviousIndexKeyBind" Margin="8,0,0,0" Width="120"/>
+                    <TextBlock Grid.Row="8" Grid.Column="0" Width="120">Previous Index</TextBlock>
+                    <ComboBox Grid.Row="8" Grid.Column="1" Name="PreviousIndexKeyBind"
+                              Items="{Binding KeyboardList}" SelectedItem="{Binding PreviousIndexKey, Mode=TwoWay}"
+                              HorizontalAlignment="Right" Margin="8,0,0,0" Width="120"/>
 
                     <!-- Fast Forward -->
-                    <TextBlock Grid.Row="7" Grid.Column="0" Width="120">Fast-Forward</TextBlock>
-                    <ComboBox Grid.Row="7" Grid.Column="1" HorizontalAlignment="Right" Name="FastForwardPlaybackKeyBind" Margin="8,0,0,0" Width="120"/>
+                    <TextBlock Grid.Row="9" Grid.Column="0" Width="120">Fast-Forward</TextBlock>
+                    <ComboBox Grid.Row="9" Grid.Column="1" Name="FastForwardPlaybackKeyBind"
+                              Items="{Binding KeyboardList}" SelectedItem="{Binding FastForwardPlaybackKey, Mode=TwoWay}"
+                              HorizontalAlignment="Right" Margin="8,0,0,0" Width="120"/>
 
                     <!-- Rewind -->
-                    <TextBlock Grid.Row="8" Grid.Column="0" Width="120">Rewind</TextBlock>
-                    <ComboBox Grid.Row="8" Grid.Column="1" HorizontalAlignment="Right" Name="RewindPlaybackKeyBind" Margin="8,0,0,0" Width="120"/>
+                    <TextBlock Grid.Row="10" Grid.Column="0" Width="120">Rewind</TextBlock>
+                    <ComboBox Grid.Row="10" Grid.Column="1" Name="RewindPlaybackKeyBind"
+                              Items="{Binding KeyboardList}" SelectedItem="{Binding RewindPlaybackKey, Mode=TwoWay}"
+                              HorizontalAlignment="Right" Margin="8,0,0,0" Width="120"/>
 
                     <!-- Volume Up -->
-                    <TextBlock Grid.Row="9" Grid.Column="0" Width="120">Volume Up</TextBlock>
-                    <ComboBox Grid.Row="9" Grid.Column="1" HorizontalAlignment="Right" Name="VolumeUpKeyBind" Margin="8,0,0,0" Width="120"/>
+                    <TextBlock Grid.Row="11" Grid.Column="0" Width="120">Volume Up</TextBlock>
+                    <ComboBox Grid.Row="11" Grid.Column="1" Name="VolumeUpKeyBind"
+                              Items="{Binding KeyboardList}" SelectedItem="{Binding VolumeUpKey, Mode=TwoWay}"
+                              HorizontalAlignment="Right" Margin="8,0,0,0" Width="120"/>
 
                     <!-- Volume Down -->
-                    <TextBlock Grid.Row="10" Grid.Column="0" Width="120">Volume Down</TextBlock>
-                    <ComboBox Grid.Row="10" Grid.Column="1" HorizontalAlignment="Right" Name="VolumeDownKeyBind" Margin="8,0,0,0" Width="120"/>
+                    <TextBlock Grid.Row="12" Grid.Column="0" Width="120">Volume Down</TextBlock>
+                    <ComboBox Grid.Row="12" Grid.Column="1" Name="VolumeDownKeyBind"
+                              Items="{Binding KeyboardList}" SelectedItem="{Binding VolumeDownKey, Mode=TwoWay}"
+                              HorizontalAlignment="Right" Margin="8,0,0,0" Width="120"/>
 
                     <!-- Mute Toggle -->
-                    <TextBlock Grid.Row="11" Grid.Column="0" Width="120">Toggle Mute</TextBlock>
-                    <ComboBox Grid.Row="11" Grid.Column="1" HorizontalAlignment="Right" Name="ToggleMuteKeyBind" Margin="8,0,0,0" Width="120"/>
+                    <TextBlock Grid.Row="13" Grid.Column="0" Width="120">Toggle Mute</TextBlock>
+                    <ComboBox Grid.Row="13" Grid.Column="1" Name="ToggleMuteKeyBind"
+                              Items="{Binding KeyboardList}" SelectedItem="{Binding ToggleMuteKey, Mode=TwoWay}"
+                              HorizontalAlignment="Right" Margin="8,0,0,0" Width="120"/>
 
                     <!-- De-Emphasis Toggle -->
-                    <TextBlock Grid.Row="12" Grid.Column="0" Width="120">Toggle De-Emphasis</TextBlock>
-                    <ComboBox Grid.Row="12" Grid.Column="1" HorizontalAlignment="Right" Name="ToggleDeEmphasisKeyBind" Margin="8,0,0,0" Width="120"/>
+                    <TextBlock Grid.Row="14" Grid.Column="0" Width="120">Toggle De-Emphasis</TextBlock>
+                    <ComboBox Grid.Row="14" Grid.Column="1" Name="ToggleDeEmphasisKeyBind"
+                              Items="{Binding KeyboardList}" SelectedItem="{Binding ToggleDeEmphasisKey, Mode=TwoWay}"
+                              HorizontalAlignment="Right" Margin="8,0,0,0" Width="120"/>
                 </Grid>
             </TabItem>
         </TabControl>
-        <Button Name="ApplyButton">Apply</Button>
+        <Button Name="ApplyButton" Command="{Binding ApplySettingsCommand}">Apply</Button>
     </StackPanel>
-</Window>
+</ReactiveWindow>

RedBookPlayer.GUI/Views/SettingsWindow.xaml.cs

@@ -1,186 +1,9 @@
-using System;
-using System.Collections.Generic;
-using System.IO;
-using Avalonia.Controls;
-using Avalonia.Input;
-using Avalonia.Interactivity;
-using Avalonia.Markup.Xaml;
+using Avalonia.ReactiveUI;
+using RedBookPlayer.GUI.ViewModels;
 
 namespace RedBookPlayer.GUI.Views
 {
-    public class SettingsWindow : Window
+    public class SettingsWindow : ReactiveWindow<SettingsViewModel>
     {
-        private readonly Settings _settings;
-        private          string _selectedTheme;
-        private          ListBox _themeList;
-
-        public SettingsWindow() {}
-
-        public SettingsWindow(Settings settings)
-        {
-            DataContext = _settings = settings;
-            InitializeComponent();
-        }
-
-        public void ThemeList_SelectionChanged(object sender, SelectionChangedEventArgs e)
-        {
-            if (e.AddedItems.Count == 0)
-                return;
-
-            _selectedTheme = (string)e.AddedItems[0];
-        }
-
-        public void ApplySettings(object sender, RoutedEventArgs e)
-        {
-            if (!string.IsNullOrWhiteSpace(_selectedTheme))
-            {
-                _settings.SelectedTheme = _selectedTheme;
-                MainWindow.ApplyTheme(_selectedTheme);
-            }
-
-            SaveKeyboardList();
-            _settings.Save();
-        }
-
-        public void UpdateView() => this.FindControl<TextBlock>("VolumeLabel").Text = _settings.Volume.ToString();
-
-        void InitializeComponent()
-        {
-            AvaloniaXamlLoader.Load(this);
-            
-            PopulateThemes();
-            PopulateKeyboardList();
-
-            this.FindControl<Button>("ApplyButton").Click            += ApplySettings;
-            this.FindControl<Slider>("VolumeSlider").PropertyChanged += (s, e) => UpdateView();
-        }
-
-        /// <summary>
-        /// Populate the list of themes
-        /// </summary>
-        private void PopulateThemes()
-        {
-            // Get a reference to the theme list
-            _themeList = this.FindControl<ListBox>("ThemeList");
-            _themeList.SelectionChanged += ThemeList_SelectionChanged;
-
-            // Create a list of all found themes
-            List<string> items = new List<string>();
-            items.Add("default");
-
-            // Ensure the theme directory exists
-            if(!Directory.Exists("themes/"))
-                Directory.CreateDirectory("themes/");
-
-            // Add all theme directories if they're valid
-            foreach(string dir in Directory.EnumerateDirectories("themes/"))
-            {
-                string themeName = dir.Split('/')[1];
-
-                if(!File.Exists($"themes/{themeName}/view.xaml"))
-                    continue;
-
-                items.Add(themeName);
-            }
-
-            _themeList.Items = items;
-        }
-
-        /// <summary>
-        /// Populate all of the keyboard bindings
-        /// </summary>
-        private void PopulateKeyboardList()
-        {
-            // Access all of the combo boxes
-            ComboBox loadImageKeyBind = this.FindControl<ComboBox>("LoadImageKeyBind");
-            ComboBox togglePlaybackKeyBind = this.FindControl<ComboBox>("TogglePlaybackKeyBind");
-            ComboBox stopPlaybackKeyBind = this.FindControl<ComboBox>("StopPlaybackKeyBind");
-            ComboBox nextTrackKeyBind = this.FindControl<ComboBox>("NextTrackKeyBind");
-            ComboBox previousTrackKeyBind = this.FindControl<ComboBox>("PreviousTrackKeyBind");
-            ComboBox nextIndexKeyBind = this.FindControl<ComboBox>("NextIndexKeyBind");
-            ComboBox previousIndexKeyBind = this.FindControl<ComboBox>("PreviousIndexKeyBind");
-            ComboBox fastForwardPlaybackKeyBind = this.FindControl<ComboBox>("FastForwardPlaybackKeyBind");
-            ComboBox rewindPlaybackKeyBind = this.FindControl<ComboBox>("RewindPlaybackKeyBind");
-            ComboBox volumeUpKeyBind = this.FindControl<ComboBox>("VolumeUpKeyBind");
-            ComboBox volumeDownKeyBind = this.FindControl<ComboBox>("VolumeDownKeyBind");
-            ComboBox toggleMuteKeyBind = this.FindControl<ComboBox>("ToggleMuteKeyBind");
-            ComboBox toggleDeEmphasisKeyBind = this.FindControl<ComboBox>("ToggleDeEmphasisKeyBind");
-
-            // Assign the list of values to all of them
-            Array keyboardList = GenerateKeyboardList();
-            loadImageKeyBind.Items = keyboardList;
-            togglePlaybackKeyBind.Items = keyboardList;
-            stopPlaybackKeyBind.Items = keyboardList;
-            nextTrackKeyBind.Items = keyboardList;
-            previousTrackKeyBind.Items = keyboardList;
-            nextIndexKeyBind.Items = keyboardList;
-            previousIndexKeyBind.Items = keyboardList;
-            fastForwardPlaybackKeyBind.Items = keyboardList;
-            rewindPlaybackKeyBind.Items = keyboardList;
-            volumeUpKeyBind.Items = keyboardList;
-            volumeDownKeyBind.Items = keyboardList;
-            toggleMuteKeyBind.Items = keyboardList;
-            toggleDeEmphasisKeyBind.Items = keyboardList;
-
-            // Set all of the currently selected items
-            loadImageKeyBind.SelectedItem = _settings.LoadImageKey;
-            togglePlaybackKeyBind.SelectedItem = _settings.TogglePlaybackKey;
-            stopPlaybackKeyBind.SelectedItem = _settings.StopPlaybackKey;
-            nextTrackKeyBind.SelectedItem = _settings.NextTrackKey;
-            previousTrackKeyBind.SelectedItem = _settings.PreviousTrackKey;
-            nextIndexKeyBind.SelectedItem = _settings.NextIndexKey;
-            previousIndexKeyBind.SelectedItem = _settings.PreviousIndexKey;
-            fastForwardPlaybackKeyBind.SelectedItem = _settings.FastForwardPlaybackKey;
-            rewindPlaybackKeyBind.SelectedItem = _settings.RewindPlaybackKey;
-            volumeUpKeyBind.SelectedItem = _settings.VolumeUpKey;
-            volumeDownKeyBind.SelectedItem = _settings.VolumeDownKey;
-            toggleMuteKeyBind.SelectedItem = _settings.ToggleMuteKey;
-            toggleDeEmphasisKeyBind.SelectedItem = _settings.ToggleDeEmphasisKey;
-        }
-
-        /// <summary>
-        /// Save back all values from keyboard bindings
-        /// </summary>
-        private void SaveKeyboardList()
-        {
-            // Access all of the combo boxes
-            ComboBox loadImageKeyBind = this.FindControl<ComboBox>("LoadImageKeyBind");
-            ComboBox togglePlaybackKeyBind = this.FindControl<ComboBox>("TogglePlaybackKeyBind");
-            ComboBox stopPlaybackKeyBind = this.FindControl<ComboBox>("StopPlaybackKeyBind");
-            ComboBox nextTrackKeyBind = this.FindControl<ComboBox>("NextTrackKeyBind");
-            ComboBox previousTrackKeyBind = this.FindControl<ComboBox>("PreviousTrackKeyBind");
-            ComboBox nextIndexKeyBind = this.FindControl<ComboBox>("NextIndexKeyBind");
-            ComboBox previousIndexKeyBind = this.FindControl<ComboBox>("PreviousIndexKeyBind");
-            ComboBox fastForwardPlaybackKeyBind = this.FindControl<ComboBox>("FastForwardPlaybackKeyBind");
-            ComboBox rewindPlaybackKeyBind = this.FindControl<ComboBox>("RewindPlaybackKeyBind");
-            ComboBox volumeUpKeyBind = this.FindControl<ComboBox>("VolumeUpKeyBind");
-            ComboBox volumeDownKeyBind = this.FindControl<ComboBox>("VolumeDownKeyBind");
-            ComboBox toggleMuteKeyBind = this.FindControl<ComboBox>("ToggleMuteKeyBind");
-            ComboBox toggleDeEmphasisKeyBind = this.FindControl<ComboBox>("ToggleDeEmphasisKeyBind");
-
-            // Set all of the currently selected items
-            _settings.LoadImageKey = (Key)loadImageKeyBind.SelectedItem;
-            _settings.TogglePlaybackKey = (Key)togglePlaybackKeyBind.SelectedItem;
-            _settings.StopPlaybackKey = (Key)stopPlaybackKeyBind.SelectedItem;
-            _settings.NextTrackKey = (Key)nextTrackKeyBind.SelectedItem;
-            _settings.PreviousTrackKey = (Key)previousTrackKeyBind.SelectedItem;
-            _settings.NextIndexKey = (Key)nextIndexKeyBind.SelectedItem;
-            _settings.PreviousIndexKey = (Key)previousIndexKeyBind.SelectedItem;
-            _settings.FastForwardPlaybackKey = (Key)fastForwardPlaybackKeyBind.SelectedItem;
-            _settings.RewindPlaybackKey = (Key)rewindPlaybackKeyBind.SelectedItem;
-            _settings.VolumeUpKey = (Key)volumeUpKeyBind.SelectedItem;
-            _settings.VolumeDownKey = (Key)volumeDownKeyBind.SelectedItem;
-            _settings.ToggleMuteKey = (Key)toggleMuteKeyBind.SelectedItem;
-            _settings.ToggleDeEmphasisKey = (Key)toggleDeEmphasisKeyBind.SelectedItem;
-        }
-
-        /// <summary>
-        /// Generate a list of keyboard keys for mapping
-        /// </summary>
-        /// <returns></returns>
-        private Array GenerateKeyboardList()
-        {
-           return Enum.GetValues(typeof(Key));
-        }
     }
 }

RedBookPlayer.GUI/themes/Default/view.xaml

@@ -0,0 +1,109 @@
+<ReactiveUserControl xmlns="https://github.com/avaloniaui" 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" mc:Ignorable="d"
+             xmlns:rxui="clr-namespace:Avalonia;assembly=Avalonia.ReactiveUI"
+             xmlns:viewModels="clr-namespace:RedBookPlayer.GUI.ViewModels;assembly=RedBookPlayer.GUI"
+             x:Class="RedBookPlayer.GUI.Views.PlayerView" Width="900" Height="400" Background="White">
+    <ReactiveUserControl.ViewModel>
+        <viewModels:PlayerViewModel/>
+    </ReactiveUserControl.ViewModel>
+    <StackPanel Margin="16" VerticalAlignment="Center">
+        <Button Command="{Binding LoadCommand}" Margin="32,0,32,16">Load</Button>
+        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,0,0,16">
+            <Button Command="{Binding PlayCommand}" Width="100" Margin="0,0,16,0">Play</Button>
+            <Button Command="{Binding PauseCommand}" Width="100" Margin="0,0,16,0">Pause</Button>
+            <Button Command="{Binding StopCommand}" Width="100" Margin="0,0,16,0">Stop</Button>
+        </StackPanel>
+        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,0,0,16">
+            <Button Command="{Binding PreviousTrackCommand}" Width="100" Margin="0,0,16,0">Previous Track</Button>
+            <Button Command="{Binding NextTrackCommand}" Width="100" Margin="0,0,16,0">Next Track</Button>
+            <Button Command="{Binding PreviousIndexCommand}" Width="100" Margin="0,0,16,0">Previous Index</Button>
+            <Button Command="{Binding NextIndexCommand}" Width="100" Margin="0,0,16,0">Next Index</Button>
+            <RepeatButton Command="{Binding RewindCommand}" Width="100" Margin="0,0,16,0">Rewind</RepeatButton>
+            <RepeatButton Command="{Binding FastForwardCommand}" Width="100">Fast Forward</RepeatButton>
+        </StackPanel>
+        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,0,0,16">
+            <StackPanel Margin="0,0,32,0">
+                <TextBlock Margin="0,0,0,4">TRACK</TextBlock>
+                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+                    <Image Name="TrackDigit1" Width="42" Height="51" Source="/-.png" />
+                    <Image Name="TrackDigit2" Width="42" Height="51" Source="/-.png" />
+                </StackPanel>
+            </StackPanel>
+            <StackPanel Margin="0,0,32,0">
+                <TextBlock Margin="0,0,0,4">INDEX</TextBlock>
+                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+                    <Image Name="IndexDigit1" Width="42" Height="51" Source="/-.png" />
+                    <Image Name="IndexDigit2" Width="42" Height="51" Source="/-.png" />
+                </StackPanel>
+            </StackPanel>
+            <StackPanel>
+                <TextBlock Margin="0,0,0,4">TIME</TextBlock>
+                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+                    <Image Name="TimeDigit1" Width="42" Height="51" Source="/-.png" />
+                    <Image Name="TimeDigit2" Width="42" Height="51" Source="/-.png" />
+                    <Image Width="11" Height="51" Source="/colon.png" />
+                    <Image Name="TimeDigit3" Width="42" Height="51" Source="/-.png" />
+                    <Image Name="TimeDigit4" Width="42" Height="51" Source="/-.png" />
+                    <Image Width="11" Height="51" Source="/colon.png" />
+                    <Image Name="TimeDigit5" Width="42" Height="51" Source="/-.png" />
+                    <Image Name="TimeDigit6" Width="42" Height="51" Source="/-.png" />
+                </StackPanel>
+            </StackPanel>
+        </StackPanel>
+        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,0,0,16">
+            <StackPanel Margin="0,0,32,0">
+                <TextBlock Margin="0,0,0,4">TRACKS</TextBlock>
+                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+                    <Image Name="TotalTracksDigit1" Width="42" Height="51" Source="/-.png" />
+                    <Image Name="TotalTracksDigit2" Width="42" Height="51" Source="/-.png" />
+                </StackPanel>
+            </StackPanel>
+            <StackPanel Margin="0,0,32,0">
+                <TextBlock Margin="0,0,0,4">INDEXES</TextBlock>
+                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+                    <Image Name="TotalIndexesDigit1" Width="42" Height="51" Source="/-.png" />
+                    <Image Name="TotalIndexesDigit2" Width="42" Height="51" Source="/-.png" />
+                </StackPanel>
+            </StackPanel>
+            <StackPanel>
+                <TextBlock Margin="0,0,0,4">TOTAL</TextBlock>
+                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+                    <Image Name="TotalTimeDigit1" Width="42" Height="51" Source="/-.png" />
+                    <Image Name="TotalTimeDigit2" Width="42" Height="51" Source="/-.png" />
+                    <Image Width="11" Height="51" Source="/colon.png" />
+                    <Image Name="TotalTimeDigit3" Width="42" Height="51" Source="/-.png" />
+                    <Image Name="TotalTimeDigit4" Width="42" Height="51" Source="/-.png" />
+                    <Image Width="11" Height="51" Source="/colon.png" />
+                    <Image Name="TotalTimeDigit5" Width="42" Height="51" Source="/-.png" />
+                    <Image Name="TotalTimeDigit6" Width="42" Height="51" Source="/-.png" />
+                </StackPanel>
+            </StackPanel>
+        </StackPanel>
+        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,0,0,16">
+            <Button Command="{Binding EnableDeEmphasisCommand}" IsVisible="{Binding !ApplyDeEmphasis}" Width="200"
+                    Margin="0,0,16,0">
+                Enable De-Emphasis
+            </Button>
+            <Button Command="{Binding DisableDeEmphasisCommand}" IsVisible="{Binding ApplyDeEmphasis}" Width="200"
+                    Margin="0,0,16,0">
+                Disable De-Emphasis
+            </Button>
+        </StackPanel>
+        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+            <TextBlock Margin="0,0,16,0" Foreground="LightGray" IsVisible="{Binding IsDataTrack}">AUDIO</TextBlock>
+            <TextBlock Margin="0,0,16,0" IsVisible="{Binding !IsDataTrack}">AUDIO</TextBlock>
+            <TextBlock Margin="0,0,16,0" Foreground="LightGray" IsVisible="{Binding !IsDataTrack}">DATA</TextBlock>
+            <TextBlock Margin="0,0,16,0" IsVisible="{Binding IsDataTrack}">DATA</TextBlock>
+            <TextBlock Margin="0,0,16,0" Foreground="LightGray" IsVisible="{Binding !TrackHasEmphasis}">EMPHASIS</TextBlock>
+            <TextBlock Margin="0,0,16,0" IsVisible="{Binding TrackHasEmphasis}">EMPHASIS</TextBlock>
+            <TextBlock Margin="0,0,16,0" Foreground="LightGray" IsVisible="{Binding !CopyAllowed}">COPY</TextBlock>
+            <TextBlock Margin="0,0,16,0" IsVisible="{Binding CopyAllowed}">COPY</TextBlock>
+            <TextBlock Margin="0,0,16,0" Foreground="LightGray" IsVisible="{Binding !QuadChannel}">4CH</TextBlock>
+            <TextBlock Margin="0,0,16,0" IsVisible="{Binding QuadChannel}">4CH</TextBlock>
+            <TextBlock Margin="0,0,16,0" Foreground="LightGray" IsVisible="{Binding !HiddenTrack}">HIDDEN</TextBlock>
+            <TextBlock Margin="0,0,16,0" IsVisible="{Binding HiddenTrack}">HIDDEN</TextBlock>
+            <TextBlock Margin="0,0,16,0" Text="{Binding Volume}"/>
+        </StackPanel>
+    </StackPanel>
+</ReactiveUserControl>