// Copyright (c) ppy Pty Ltd . Licensed under the MIT Licence. // See the LICENCE file in the repository root for full licence text. using System; using osu.Framework.Allocation; using osu.Framework.Bindables; using osu.Framework.Graphics; using osu.Framework.Graphics.Containers; using osu.Framework.Graphics.Shapes; using osu.Framework.Graphics.UserInterface; using osu.Framework.Input.Events; using osu.Game.Graphics; using osu.Game.Graphics.UserInterface; using osu.Game.Overlays.Chat; using osu.Game.Resources.Localisation.Web; using osuTK.Graphics; using osuTK.Input; namespace osu.Game.Online.Chat { /// /// Display a chat channel in an insolated region. /// public class StandAloneChatDisplay : CompositeDrawable { public readonly Bindable Channel = new Bindable(); protected readonly ChatTextBox TextBox; private ChannelManager channelManager; private StandAloneDrawableChannel drawableChannel; private readonly bool postingTextBox; protected readonly Box Background; private const float text_box_height = 30; /// /// Construct a new instance. /// /// Whether a textbox for posting new messages should be displayed. public StandAloneChatDisplay(bool postingTextBox = false) { const float corner_radius = 10; this.postingTextBox = postingTextBox; CornerRadius = corner_radius; Masking = true; InternalChildren = new Drawable[] { Background = new Box { Colour = Color4.Black, Alpha = 0.8f, RelativeSizeAxes = Axes.Both }, }; if (postingTextBox) { AddInternal(TextBox = new ChatTextBox { RelativeSizeAxes = Axes.X, Height = text_box_height, PlaceholderText = ChatStrings.InputPlaceholder, CornerRadius = corner_radius, ReleaseFocusOnCommit = false, HoldFocus = true, Anchor = Anchor.BottomLeft, Origin = Anchor.BottomLeft, }); TextBox.OnCommit += postMessage; } Channel.BindValueChanged(channelChanged); } [BackgroundDependencyLoader(true)] private void load(ChannelManager manager) { channelManager ??= manager; } protected virtual StandAloneDrawableChannel CreateDrawableChannel(Channel channel) => new StandAloneDrawableChannel(channel); private void postMessage(TextBox sender, bool newText) { string text = TextBox.Text.Trim(); if (string.IsNullOrWhiteSpace(text)) return; if (text[0] == '/') channelManager?.PostCommand(text.Substring(1), Channel.Value); else channelManager?.PostMessage(text, target: Channel.Value); TextBox.Text = string.Empty; } protected virtual ChatLine CreateMessage(Message message) => new StandAloneMessage(message); private void channelChanged(ValueChangedEvent e) { drawableChannel?.Expire(); if (e.NewValue == null) return; drawableChannel = CreateDrawableChannel(e.NewValue); drawableChannel.CreateChatLineAction = CreateMessage; drawableChannel.Padding = new MarginPadding { Bottom = postingTextBox ? text_box_height : 0 }; AddInternal(drawableChannel); } public class ChatTextBox : FocusedTextBox { protected override bool OnKeyDown(KeyDownEvent e) { // Chat text boxes are generally used in places where they retain focus, but shouldn't block interaction with other // elements on the same screen. switch (e.Key) { case Key.Up: case Key.Down: return false; } return base.OnKeyDown(e); } protected override void LoadComplete() { base.LoadComplete(); BackgroundUnfocused = new Color4(10, 10, 10, 10); BackgroundFocused = new Color4(10, 10, 10, 255); } protected override void OnFocusLost(FocusLostEvent e) { base.OnFocusLost(e); FocusLost?.Invoke(); } public Action FocusLost; } public class StandAloneDrawableChannel : DrawableChannel { public Func CreateChatLineAction; [Resolved] private OsuColour colours { get; set; } public StandAloneDrawableChannel(Channel channel) : base(channel) { } [BackgroundDependencyLoader] private void load() { ChatLineFlow.Padding = new MarginPadding { Horizontal = 0 }; } protected override ChatLine CreateChatLine(Message m) => CreateChatLineAction(m); protected override Drawable CreateDaySeparator(DateTimeOffset time) => new DaySeparator(time) { TextSize = 14, Colour = colours.Yellow, LineHeight = 1, Padding = new MarginPadding { Horizontal = 10 }, Margin = new MarginPadding { Vertical = 5 }, }; } protected class StandAloneMessage : ChatLine { protected override float TextSize => 15; protected override float HorizontalPadding => 10; protected override float MessagePadding => 120; protected override float TimestampPadding => 50; public StandAloneMessage(Message message) : base(message) { } } } }