2019-01-24 16:43:03 +08:00
|
|
|
// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
|
|
|
|
// See the LICENCE file in the repository root for full licence text.
|
2018-04-13 17:19:50 +08:00
|
|
|
|
2019-06-03 18:54:29 +08:00
|
|
|
using System.Collections.Generic;
|
2023-05-05 12:58:13 +08:00
|
|
|
using System.Linq;
|
2017-08-21 16:43:26 +08:00
|
|
|
using osu.Framework.Allocation;
|
2022-11-07 10:32:13 +08:00
|
|
|
using osu.Framework.Bindables;
|
2023-05-05 12:58:13 +08:00
|
|
|
using osu.Framework.Extensions;
|
2017-08-21 16:43:26 +08:00
|
|
|
using osu.Framework.Extensions.Color4Extensions;
|
2022-12-16 07:05:47 +08:00
|
|
|
using osu.Framework.Extensions.LocalisationExtensions;
|
2016-09-27 19:45:26 +08:00
|
|
|
using osu.Framework.Graphics;
|
|
|
|
using osu.Framework.Graphics.Containers;
|
2023-05-05 12:58:13 +08:00
|
|
|
using osu.Framework.Graphics.Cursor;
|
2020-07-16 14:05:01 +08:00
|
|
|
using osu.Framework.Graphics.Shapes;
|
2023-05-05 12:58:13 +08:00
|
|
|
using osu.Framework.Graphics.Sprites;
|
|
|
|
using osu.Framework.Graphics.UserInterface;
|
2022-11-07 10:32:13 +08:00
|
|
|
using osu.Game.Configuration;
|
2017-02-20 20:09:56 +08:00
|
|
|
using osu.Game.Graphics;
|
2017-08-21 16:43:26 +08:00
|
|
|
using osu.Game.Graphics.Containers;
|
2017-01-31 17:53:52 +08:00
|
|
|
using osu.Game.Graphics.Sprites;
|
2024-08-07 00:18:45 +08:00
|
|
|
using osu.Game.Online.API;
|
2023-06-12 20:47:13 +08:00
|
|
|
using osu.Game.Online.API.Requests.Responses;
|
2017-05-12 13:21:57 +08:00
|
|
|
using osu.Game.Online.Chat;
|
2024-07-30 16:16:27 +08:00
|
|
|
using osuTK;
|
2023-06-12 23:39:25 +08:00
|
|
|
using osuTK.Graphics;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
2017-05-12 13:21:57 +08:00
|
|
|
namespace osu.Game.Overlays.Chat
|
2016-09-27 19:45:26 +08:00
|
|
|
{
|
2023-05-05 12:58:13 +08:00
|
|
|
public partial class ChatLine : CompositeDrawable, IHasPopover
|
2016-09-27 19:45:26 +08:00
|
|
|
{
|
2022-11-29 09:50:12 +08:00
|
|
|
private Message message = null!;
|
|
|
|
|
2017-08-21 16:43:26 +08:00
|
|
|
public Message Message
|
|
|
|
{
|
2017-12-31 07:51:47 +08:00
|
|
|
get => message;
|
2017-08-21 16:43:26 +08:00
|
|
|
set
|
|
|
|
{
|
|
|
|
if (message == value) return;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
2017-12-05 02:31:48 +08:00
|
|
|
message = MessageFormatter.FormatMessage(value);
|
2018-04-13 17:19:50 +08:00
|
|
|
|
2017-08-21 16:43:26 +08:00
|
|
|
if (!IsLoaded)
|
|
|
|
return;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
2017-08-21 16:43:26 +08:00
|
|
|
updateMessageContent();
|
|
|
|
}
|
|
|
|
}
|
2018-04-13 17:19:50 +08:00
|
|
|
|
2022-11-29 09:50:12 +08:00
|
|
|
public IReadOnlyCollection<Drawable> DrawableContentFlow => drawableContentFlow;
|
2022-06-08 20:42:30 +08:00
|
|
|
|
2024-10-03 15:21:27 +08:00
|
|
|
private const float font_size = 13;
|
2022-06-08 20:42:30 +08:00
|
|
|
|
|
|
|
protected virtual float Spacing => 15;
|
|
|
|
|
2024-07-30 16:16:27 +08:00
|
|
|
protected virtual float UsernameWidth => 150;
|
2022-06-08 20:42:30 +08:00
|
|
|
|
2022-11-29 09:50:12 +08:00
|
|
|
[Resolved]
|
|
|
|
private ChannelManager? chatManager { get; set; }
|
2022-06-08 20:42:30 +08:00
|
|
|
|
2022-11-29 09:50:12 +08:00
|
|
|
[Resolved]
|
|
|
|
private OverlayColourProvider? colourProvider { get; set; }
|
2022-06-08 20:42:30 +08:00
|
|
|
|
2023-06-07 13:03:04 +08:00
|
|
|
private OsuSpriteText drawableTimestamp = null!;
|
2022-06-08 20:42:30 +08:00
|
|
|
|
2023-06-07 13:03:04 +08:00
|
|
|
private DrawableChatUsername drawableUsername = null!;
|
2022-11-22 16:31:22 +08:00
|
|
|
|
2023-06-07 13:03:04 +08:00
|
|
|
private LinkFlowContainer drawableContentFlow = null!;
|
2022-06-08 20:42:30 +08:00
|
|
|
|
2022-11-07 10:32:13 +08:00
|
|
|
private readonly Bindable<bool> prefer24HourTime = new Bindable<bool>();
|
|
|
|
|
2022-11-29 09:50:12 +08:00
|
|
|
private Container? highlight;
|
2022-06-08 20:42:30 +08:00
|
|
|
|
2024-07-27 17:25:44 +08:00
|
|
|
private Drawable? background;
|
|
|
|
|
2024-07-29 19:16:41 +08:00
|
|
|
private bool alternatingBackground;
|
2024-07-30 15:59:32 +08:00
|
|
|
private bool requiresTimestamp = true;
|
|
|
|
|
|
|
|
public bool RequiresTimestamp
|
|
|
|
{
|
|
|
|
get => requiresTimestamp;
|
|
|
|
set
|
|
|
|
{
|
|
|
|
if (requiresTimestamp == value)
|
|
|
|
return;
|
|
|
|
|
|
|
|
requiresTimestamp = value;
|
|
|
|
|
|
|
|
if (!IsLoaded)
|
|
|
|
return;
|
|
|
|
|
|
|
|
updateMessageContent();
|
|
|
|
}
|
|
|
|
}
|
2024-07-27 17:25:44 +08:00
|
|
|
|
2024-07-29 19:16:41 +08:00
|
|
|
public bool AlternatingBackground
|
2024-07-27 17:25:44 +08:00
|
|
|
{
|
2024-07-29 19:16:41 +08:00
|
|
|
get => alternatingBackground;
|
2024-07-27 17:25:44 +08:00
|
|
|
set
|
|
|
|
{
|
2024-07-29 19:25:02 +08:00
|
|
|
if (alternatingBackground == value)
|
|
|
|
return;
|
|
|
|
|
2024-07-29 19:16:41 +08:00
|
|
|
alternatingBackground = value;
|
2024-07-29 13:39:08 +08:00
|
|
|
updateBackground();
|
2024-07-27 17:25:44 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2024-08-07 00:18:45 +08:00
|
|
|
private bool isMention;
|
|
|
|
|
2023-06-12 20:47:13 +08:00
|
|
|
/// <summary>
|
2023-06-24 03:20:25 +08:00
|
|
|
/// The colour used to paint the author's username.
|
2023-06-12 20:47:13 +08:00
|
|
|
/// </summary>
|
2023-06-19 00:37:28 +08:00
|
|
|
/// <remarks>
|
|
|
|
/// The colour can be set explicitly by consumers via the property initialiser.
|
|
|
|
/// If unspecified, the colour is by default initialised to:
|
|
|
|
/// <list type="bullet">
|
|
|
|
/// <item><see cref="APIUser.Colour">message.Sender.Colour</see>, if non-empty,</item>
|
2023-06-19 00:43:55 +08:00
|
|
|
/// <item>a random colour from <see cref="default_username_colours"/> if the above is empty.</item>
|
2023-06-19 00:37:28 +08:00
|
|
|
/// </list>
|
|
|
|
/// </remarks>
|
2023-06-13 14:47:44 +08:00
|
|
|
public Color4 UsernameColour { get; init; }
|
2023-06-12 20:47:13 +08:00
|
|
|
|
2022-06-08 20:42:30 +08:00
|
|
|
public ChatLine(Message message)
|
|
|
|
{
|
|
|
|
Message = message;
|
2023-06-07 13:03:04 +08:00
|
|
|
|
2022-06-08 20:42:30 +08:00
|
|
|
RelativeSizeAxes = Axes.X;
|
|
|
|
AutoSizeAxes = Axes.Y;
|
2023-06-13 14:47:44 +08:00
|
|
|
|
2023-06-19 00:37:28 +08:00
|
|
|
// initialise using sane defaults.
|
|
|
|
// consumers can use the initialiser of `UsernameColour` to override this if they wish to.
|
2023-06-13 14:47:44 +08:00
|
|
|
UsernameColour = !string.IsNullOrEmpty(message.Sender.Colour)
|
|
|
|
? Color4Extensions.FromHex(message.Sender.Colour)
|
2023-06-19 00:43:55 +08:00
|
|
|
: default_username_colours[message.SenderId % default_username_colours.Length];
|
2023-06-07 13:03:04 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
[BackgroundDependencyLoader]
|
|
|
|
private void load(OsuConfigManager configManager)
|
|
|
|
{
|
|
|
|
configManager.BindWith(OsuSetting.Prefer24HourTime, prefer24HourTime);
|
|
|
|
prefer24HourTime.BindValueChanged(_ => updateTimestamp());
|
2022-11-22 16:31:22 +08:00
|
|
|
|
2024-07-30 15:02:49 +08:00
|
|
|
Padding = new MarginPadding { Right = 5 };
|
|
|
|
|
2024-07-29 19:16:41 +08:00
|
|
|
InternalChildren = new[]
|
2017-07-18 15:53:41 +08:00
|
|
|
{
|
2024-07-29 19:16:41 +08:00
|
|
|
background = new Container
|
2024-07-29 17:50:23 +08:00
|
|
|
{
|
2024-07-29 19:16:41 +08:00
|
|
|
Masking = true,
|
|
|
|
CornerRadius = 4,
|
2024-07-29 19:25:02 +08:00
|
|
|
Alpha = 0,
|
2024-07-29 19:16:41 +08:00
|
|
|
RelativeSizeAxes = Axes.Both,
|
2024-07-30 14:13:07 +08:00
|
|
|
Blending = BlendingParameters.Additive,
|
2024-07-29 19:16:41 +08:00
|
|
|
Child = new Box
|
|
|
|
{
|
2024-07-30 14:13:07 +08:00
|
|
|
Colour = Colour4.FromHex("#3b3234"),
|
2024-07-29 19:16:41 +08:00
|
|
|
RelativeSizeAxes = Axes.Both,
|
|
|
|
},
|
2022-06-07 08:37:46 +08:00
|
|
|
},
|
2024-07-29 19:16:41 +08:00
|
|
|
new GridContainer
|
2022-06-07 08:37:46 +08:00
|
|
|
{
|
2024-07-30 15:02:49 +08:00
|
|
|
Padding = new MarginPadding
|
2017-08-21 16:43:26 +08:00
|
|
|
{
|
2024-07-30 15:02:49 +08:00
|
|
|
Horizontal = 2,
|
|
|
|
Vertical = 2,
|
2024-07-29 19:16:41 +08:00
|
|
|
},
|
|
|
|
RelativeSizeAxes = Axes.X,
|
|
|
|
AutoSizeAxes = Axes.Y,
|
|
|
|
RowDimensions = new[] { new Dimension(GridSizeMode.AutoSize) },
|
|
|
|
ColumnDimensions = new[]
|
|
|
|
{
|
2024-07-30 16:16:27 +08:00
|
|
|
new Dimension(GridSizeMode.Absolute, 45),
|
2024-07-29 19:16:41 +08:00
|
|
|
new Dimension(GridSizeMode.Absolute, Spacing + UsernameWidth + Spacing),
|
|
|
|
new Dimension(),
|
|
|
|
},
|
|
|
|
Content = new[]
|
|
|
|
{
|
|
|
|
new Drawable[]
|
2023-06-19 00:37:04 +08:00
|
|
|
{
|
2024-07-29 19:16:41 +08:00
|
|
|
drawableTimestamp = new OsuSpriteText
|
|
|
|
{
|
|
|
|
Shadow = false,
|
2024-07-30 16:16:27 +08:00
|
|
|
Anchor = Anchor.TopLeft,
|
|
|
|
Origin = Anchor.TopLeft,
|
|
|
|
Spacing = new Vector2(-1, 0),
|
2024-10-03 15:21:27 +08:00
|
|
|
Font = OsuFont.GetFont(size: font_size, weight: FontWeight.SemiBold, fixedWidth: true),
|
2024-07-29 19:16:41 +08:00
|
|
|
AlwaysPresent = true,
|
|
|
|
},
|
|
|
|
drawableUsername = new DrawableChatUsername(message.Sender)
|
|
|
|
{
|
|
|
|
Width = UsernameWidth,
|
2024-10-03 15:21:27 +08:00
|
|
|
FontSize = font_size,
|
2024-07-29 19:16:41 +08:00
|
|
|
AutoSizeAxes = Axes.Y,
|
|
|
|
Origin = Anchor.TopRight,
|
|
|
|
Anchor = Anchor.TopRight,
|
|
|
|
Margin = new MarginPadding { Horizontal = Spacing },
|
|
|
|
AccentColour = UsernameColour,
|
|
|
|
Inverted = !string.IsNullOrEmpty(message.Sender.Colour),
|
|
|
|
},
|
|
|
|
drawableContentFlow = new LinkFlowContainer(styleMessageContent)
|
|
|
|
{
|
|
|
|
AutoSizeAxes = Axes.Y,
|
|
|
|
RelativeSizeAxes = Axes.X,
|
|
|
|
}
|
2023-06-19 00:37:04 +08:00
|
|
|
},
|
2024-07-29 19:16:41 +08:00
|
|
|
}
|
2016-11-14 16:23:33 +08:00
|
|
|
}
|
|
|
|
};
|
2024-07-29 19:16:41 +08:00
|
|
|
|
|
|
|
updateBackground();
|
2022-11-29 09:50:12 +08:00
|
|
|
}
|
2022-11-07 10:32:13 +08:00
|
|
|
|
2019-06-20 21:37:05 +08:00
|
|
|
protected override void LoadComplete()
|
|
|
|
{
|
|
|
|
base.LoadComplete();
|
2021-01-22 15:05:45 +08:00
|
|
|
|
2022-11-29 09:50:12 +08:00
|
|
|
drawableTimestamp.Colour = colourProvider?.Background1 ?? Colour4.White;
|
|
|
|
|
2021-01-22 15:05:45 +08:00
|
|
|
updateMessageContent();
|
2017-08-21 16:43:26 +08:00
|
|
|
FinishTransforms(true);
|
2023-06-07 13:03:04 +08:00
|
|
|
|
|
|
|
if (this.FindClosestParent<PopoverContainer>() != null)
|
|
|
|
{
|
|
|
|
// This guards against cases like in-game chat where there's no available popover container.
|
|
|
|
// There may be a future where a global one becomes available, at which point this code may be unnecessary.
|
|
|
|
//
|
|
|
|
// See:
|
|
|
|
// https://github.com/ppy/osu/pull/23698
|
|
|
|
// https://github.com/ppy/osu/pull/14554
|
|
|
|
drawableUsername.ReportRequested = this.ShowPopover;
|
|
|
|
}
|
2017-08-21 16:43:26 +08:00
|
|
|
}
|
2018-04-13 17:19:50 +08:00
|
|
|
|
2023-05-05 12:58:13 +08:00
|
|
|
public Popover GetPopover() => new ReportChatPopover(message);
|
|
|
|
|
2022-03-05 04:21:29 +08:00
|
|
|
/// <summary>
|
2022-03-10 08:47:48 +08:00
|
|
|
/// Performs a highlight animation on this <see cref="ChatLine"/>.
|
2022-03-05 04:21:29 +08:00
|
|
|
/// </summary>
|
2022-03-10 08:47:48 +08:00
|
|
|
public void Highlight()
|
|
|
|
{
|
|
|
|
if (highlight?.IsAlive != true)
|
|
|
|
{
|
|
|
|
AddInternal(highlight = new Container
|
|
|
|
{
|
|
|
|
CornerRadius = 2f,
|
|
|
|
Masking = true,
|
|
|
|
RelativeSizeAxes = Axes.Both,
|
2023-06-19 00:37:04 +08:00
|
|
|
Colour = drawableUsername.AccentColour.Darken(1f),
|
2022-03-10 08:47:48 +08:00
|
|
|
Depth = float.MaxValue,
|
|
|
|
Child = new Box { RelativeSizeAxes = Axes.Both }
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
highlight.FadeTo(0.5f).FadeOut(1500, Easing.InQuint);
|
|
|
|
highlight.Expire();
|
|
|
|
}
|
2022-03-05 04:21:29 +08:00
|
|
|
|
2022-11-29 09:50:12 +08:00
|
|
|
private void styleMessageContent(SpriteText text)
|
|
|
|
{
|
|
|
|
text.Shadow = false;
|
2024-10-03 15:21:27 +08:00
|
|
|
text.Font = text.Font.With(size: font_size, italics: Message.IsAction, weight: isMention ? FontWeight.SemiBold : FontWeight.Medium);
|
2024-08-07 00:18:45 +08:00
|
|
|
|
|
|
|
Color4 messageColour = colourProvider?.Content1 ?? Colour4.White;
|
|
|
|
|
|
|
|
if (isMention)
|
|
|
|
messageColour = colourProvider?.Highlight1 ?? Color4.Orange;
|
|
|
|
else if (Message.IsAction && !string.IsNullOrEmpty(message.Sender.Colour))
|
|
|
|
messageColour = Color4Extensions.FromHex(message.Sender.Colour);
|
2022-11-29 09:50:12 +08:00
|
|
|
|
2024-08-07 00:18:45 +08:00
|
|
|
text.Colour = messageColour;
|
2022-11-29 09:50:12 +08:00
|
|
|
}
|
|
|
|
|
2024-08-07 00:18:45 +08:00
|
|
|
[Resolved]
|
|
|
|
private IAPIProvider api { get; set; } = null!;
|
|
|
|
|
2017-08-21 16:43:26 +08:00
|
|
|
private void updateMessageContent()
|
|
|
|
{
|
|
|
|
this.FadeTo(message is LocalEchoMessage ? 0.4f : 1.0f, 500, Easing.OutQuint);
|
2018-04-13 17:19:50 +08:00
|
|
|
|
2024-07-30 15:59:32 +08:00
|
|
|
if (requiresTimestamp && !(message is LocalEchoMessage))
|
|
|
|
{
|
|
|
|
drawableTimestamp.Show();
|
|
|
|
updateTimestamp();
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
drawableTimestamp.Hide();
|
|
|
|
}
|
|
|
|
|
2022-11-29 09:50:12 +08:00
|
|
|
drawableUsername.Text = $@"{message.Sender.Username}";
|
2018-04-13 17:19:50 +08:00
|
|
|
|
2018-01-12 01:51:20 +08:00
|
|
|
// remove non-existent channels from the link list
|
2021-11-08 13:17:47 +08:00
|
|
|
message.Links.RemoveAll(link => link.Action == LinkAction.OpenChannel && chatManager?.AvailableChannels.Any(c => c.Name == link.Argument.ToString()) != true);
|
2018-04-13 17:19:50 +08:00
|
|
|
|
2024-08-07 00:18:45 +08:00
|
|
|
isMention = MessageNotifier.CheckContainsUsername(message.DisplayContent, api.LocalUser.Value.Username);
|
|
|
|
|
2022-11-29 09:50:12 +08:00
|
|
|
drawableContentFlow.Clear();
|
|
|
|
drawableContentFlow.AddLinks(message.DisplayContent, message.Links);
|
2016-09-27 19:45:26 +08:00
|
|
|
}
|
2018-04-13 17:19:50 +08:00
|
|
|
|
2022-11-07 10:32:13 +08:00
|
|
|
private void updateTimestamp()
|
|
|
|
{
|
2024-07-30 15:59:46 +08:00
|
|
|
drawableTimestamp.Text = message.Timestamp.LocalDateTime.ToLocalisableString(prefer24HourTime.Value ? @"HH:mm" : @"hh:mm tt");
|
2022-11-07 10:32:13 +08:00
|
|
|
}
|
2023-06-13 14:47:44 +08:00
|
|
|
|
2023-06-19 00:43:55 +08:00
|
|
|
private static readonly Color4[] default_username_colours =
|
2023-06-13 14:47:44 +08:00
|
|
|
{
|
|
|
|
Color4Extensions.FromHex("588c7e"),
|
|
|
|
Color4Extensions.FromHex("b2a367"),
|
|
|
|
Color4Extensions.FromHex("c98f65"),
|
|
|
|
Color4Extensions.FromHex("bc5151"),
|
|
|
|
Color4Extensions.FromHex("5c8bd6"),
|
|
|
|
Color4Extensions.FromHex("7f6ab7"),
|
|
|
|
Color4Extensions.FromHex("a368ad"),
|
|
|
|
Color4Extensions.FromHex("aa6880"),
|
|
|
|
|
|
|
|
Color4Extensions.FromHex("6fad9b"),
|
|
|
|
Color4Extensions.FromHex("f2e394"),
|
|
|
|
Color4Extensions.FromHex("f2ae72"),
|
|
|
|
Color4Extensions.FromHex("f98f8a"),
|
|
|
|
Color4Extensions.FromHex("7daef4"),
|
|
|
|
Color4Extensions.FromHex("a691f2"),
|
|
|
|
Color4Extensions.FromHex("c894d3"),
|
|
|
|
Color4Extensions.FromHex("d895b0"),
|
|
|
|
|
|
|
|
Color4Extensions.FromHex("53c4a1"),
|
|
|
|
Color4Extensions.FromHex("eace5c"),
|
|
|
|
Color4Extensions.FromHex("ea8c47"),
|
|
|
|
Color4Extensions.FromHex("fc4f4f"),
|
|
|
|
Color4Extensions.FromHex("3d94ea"),
|
|
|
|
Color4Extensions.FromHex("7760ea"),
|
|
|
|
Color4Extensions.FromHex("af52c6"),
|
|
|
|
Color4Extensions.FromHex("e25696"),
|
|
|
|
|
|
|
|
Color4Extensions.FromHex("677c66"),
|
|
|
|
Color4Extensions.FromHex("9b8732"),
|
|
|
|
Color4Extensions.FromHex("8c5129"),
|
|
|
|
Color4Extensions.FromHex("8c3030"),
|
|
|
|
Color4Extensions.FromHex("1f5d91"),
|
|
|
|
Color4Extensions.FromHex("4335a5"),
|
|
|
|
Color4Extensions.FromHex("812a96"),
|
|
|
|
Color4Extensions.FromHex("992861"),
|
|
|
|
};
|
2024-07-29 13:39:08 +08:00
|
|
|
|
|
|
|
private void updateBackground()
|
|
|
|
{
|
2024-07-29 19:16:41 +08:00
|
|
|
if (background != null)
|
2024-07-30 14:13:07 +08:00
|
|
|
background.Alpha = alternatingBackground ? 0.2f : 0;
|
2024-07-29 13:39:08 +08:00
|
|
|
}
|
2016-09-27 19:45:26 +08:00
|
|
|
}
|
|
|
|
}
|