<UserControl
    x:Class="StellarConquest.Presentation.Unity.UI.EmotesControl"
    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" mc:Ignorable="d"
    xmlns:local="clr-namespace:StellarConquest.Presentation.Unity.UI">
    <Grid x:Name="_LayoutRoot" HorizontalAlignment="Center" VerticalAlignment="Center">
        <local:BorderControlTitle x:Name="_BorderControl" TitleText="Emotes" BlurLayer="{DynamicResource BaseLayerBlurSource}">
            <Grid x:Name="_Grid" Margin="25, 15, 25, 25">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>

                <StackPanel Grid.Row="0" Orientation="Horizontal" HorizontalAlignment="Left" Margin="0, 0, 0, 15" Visibility="Collapsed">
                    <ToggleButton x:Name="_SortButton" Style="{StaticResource DefaultUI.ToggleBlue}" Margin="0, 0, 33, 0">
                        <ContentControl ContentTemplate="{StaticResource sort_svg}" Width="30" Height="30"/>
                    </ToggleButton>
                </StackPanel>

                <StackPanel x:Name="_RecentEmotesStackPanel" Grid.Row="1" Orientation="Vertical" Margin="0, 0, 0, 3" Visibility="Collapsed">
                    <ListBox x:Name="_RecentEmotesListBox" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled"/>
                    <local:DecorLineControl VerticalAlignment="Top" HorizontalAlignment="Center" Margin="0, -2, 0, -2"/>
                </StackPanel>

                <ListBox x:Name="_EmotesListBox" Grid.Row="2" ScrollViewer.HorizontalScrollBarVisibility="Disabled" BorderBrush="Transparent" Background="Transparent" Height="300"/>
            </Grid>
        </local:BorderControlTitle>
    </Grid>
</UserControl>

using Noesis;
using System.Collections.Generic;
using System.Linq;
using GUI = Noesis.GUI;
using NoesisEventArgs = Noesis.EventArgs;
using StellarConquest.Model.Extensions;

namespace StellarConquest.Presentation.Unity.UI
{
    public partial class EmotesControl : OverlayControl
    {
        public static readonly IReadOnlyList<string> Emotes = new List<string>()
        {
            "angry hurt", "angry point", "anticipate", "apex", "argue", "ashamed", "backhand", "beckon", "blame", "bow", "boxing", "brush off", "cheer", "chicken", "come at me", "conduct", "cough", "cough arm", "crazy", "cry", "cry slow", "dab left", "dab right", "dang", "despair", "drum", "embrace", "encourage", "exasperation", "exhaustion", "explain", "face palm", "faint", "frustration", "giggle", "glory spin", "grateful", "groin", "gunslinger", "hat tip", "headache", "hook line", "horns", "i can't hear you", "idea", "ignore", "impatient", "impatient foot", "jig", "karate kick", "kick ground", "knuckles", "lasso", "laugh", "laugh belly", "maca", "mime", "moonwalk", "mr universe", "nailed it", "nervous", "no more", "no way", "no", "nod", "nod left", "nod right", "over here", "pain", "please", "point behind", "point down", "point forward", "point left", "point right", "raise the roof", "rally", "regret", "relief", "ride bull", "ride bull circle", "robot", "sad", "salutations", "salute", "sarcastic clap", "scared", "shake behind", "shoot me now", "shut up", "slit throat", "stair walk", "stop", "that way", "the finger", "the wave", "think", "tired", "tired stretch", "touchdown", "up yours", "victory", "waiting", "warm up", "wave", "wave gentle", "wave long", "what", "winning", "yes"
        };

        private FrameworkElement _Root;
        private ToggleButton _SortButton;
        private StackPanel _RecentEmotesStackPanel;
        private ListBox _RecentEmotesListBox;
        private ListBox _EmotesListBox;

        private List<string> _Emotes = new List<string>(Emotes);
        private List<string> _RecentEmotes = new List<string>();

        public string SelectedEmote { get; private set; }

        public EmotesControl()
        {
            Name = nameof(EmotesControl);
            Initialized += OnInitialized;
            InitializeComponent();
        }

        protected override void InitializeComponent()
        {
            base.InitializeComponent();
            GUI.LoadComponent(this, "Assets/User Interface/Screens/Game/Overlay/Emotes/EmotesControl.xaml");

            _Root = Content as FrameworkElement;
            _SortButton = _Root.FindName(nameof(_SortButton)) as ToggleButton;
            _RecentEmotesStackPanel = _Root.FindName("_RecentEmotesStackPanel") as StackPanel;
            _RecentEmotesListBox = _Root.FindName("_RecentEmotesListBox") as ListBox;
            _EmotesListBox = _Root.FindName("_EmotesListBox") as ListBox;
        }

        protected override void OnInitialized(object sender, NoesisEventArgs args)
        {
            base.OnInitialized(sender, args);

            _SortButton.Checked += (sender, e) =>
            {
                _Emotes = _Emotes.OrderBy(a => a).ToList();
                Update();
            };

            _SortButton.Unchecked += (sender, e) =>
            {
                _Emotes = _Emotes.OrderByDescending(a => a).ToList();
                Update();
            };

            UIUtility.SetToolTip(_SortButton, "Sort Emotes", null, "sort_svg", "Sorts emotes by name or last used date");
        }

        public void Update(List<string> emotes = null)
        {
            if (emotes != null)
                _Emotes = emotes.OrderByDescending(a => a).ToList();

            SelectedEmote = null;

            if (_RecentEmotes.Count == 0)
                _RecentEmotesStackPanel.Visibility = Visibility.Collapsed;
            else
            {
                _RecentEmotesListBox.Items.Clear();
                foreach (string emote in _RecentEmotes)
                {
                    ListBoxItem item = CreateRow(emote);
                    _RecentEmotesListBox.Items.Add(item);
                }
                _RecentEmotesStackPanel.Visibility = Visibility.Visible;
            }

            _EmotesListBox.Items.Clear();
            foreach (string emote in _Emotes)
            {
                ListBoxItem item = CreateRow(emote);
                _EmotesListBox.Items.Add(item);
            }

            _EmotesListBox.ScrollIntoView(_EmotesListBox.Items[0]);
            _EmotesListBox.UpdateLayout();
        }

        private ListBoxItem CreateRow(string emote)
        {
            string svgIcon = "emoteminimal_svg";

            string emoteLabel = emote.ToTitleCase();
            StackPanel stackPanel = UIUtility.CreateActionLabel(_Root, emoteLabel, svgIcon, emoteLabel);

            ((FrameworkElement)stackPanel.Children[1]).Margin = new Thickness(0, 0, 5, 0);
            ((FrameworkElement)stackPanel.Children[1]).HorizontalAlignment = HorizontalAlignment.Stretch;

            ListBoxItem item = new ListBoxItem();
            item.Content = stackPanel;
            item.Margin = new Thickness(0, 0, 3, 0);

            item.PreviewKeyDown += (sender, e) =>
            {
                SelectedEmote = emote;
                _RecentEmotes.Insert(0, SelectedEmote);
                if (_RecentEmotes.Count > 3)
                    _RecentEmotes.RemoveAt(3);
                Hide();
            };

            item.MouseDown += (sender, e) =>
            {
                SelectedEmote = emote;
            };

            item.MouseDoubleClick += (sender, e) =>
            {
                SelectedEmote = emote;
                _RecentEmotes.Insert(0, SelectedEmote);
                if (_RecentEmotes.Count > 3)
                    _RecentEmotes.RemoveAt(3);
                Hide();
            };

            item.Content = stackPanel;

            return item;
        }
    }
}