2017-05-21 08:38:36 +08:00
|
|
|
// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
|
2017-05-21 05:06:25 +08:00
|
|
|
// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
|
|
|
|
|
2017-05-21 08:26:39 +08:00
|
|
|
using System;
|
2017-09-13 22:18:02 +08:00
|
|
|
using System.Collections.Generic;
|
2017-05-21 05:06:25 +08:00
|
|
|
using OpenTK;
|
|
|
|
using OpenTK.Graphics;
|
|
|
|
using osu.Framework.Allocation;
|
2017-06-01 18:55:01 +08:00
|
|
|
using osu.Framework.Configuration;
|
2017-05-21 05:06:25 +08:00
|
|
|
using osu.Framework.Graphics;
|
|
|
|
using osu.Framework.Graphics.Containers;
|
2017-05-30 09:04:53 +08:00
|
|
|
using osu.Framework.Input;
|
2017-05-21 05:06:25 +08:00
|
|
|
using osu.Game.Graphics;
|
|
|
|
using osu.Game.Graphics.Sprites;
|
2017-05-21 05:29:57 +08:00
|
|
|
using osu.Game.Online.Chat;
|
2017-06-29 01:19:04 +08:00
|
|
|
using osu.Game.Graphics.Containers;
|
2017-05-21 05:06:25 +08:00
|
|
|
|
|
|
|
namespace osu.Game.Overlays.Chat
|
|
|
|
{
|
2017-06-29 01:19:04 +08:00
|
|
|
public class ChannelListItem : OsuClickableContainer, IFilterable
|
2017-05-21 05:06:25 +08:00
|
|
|
{
|
2017-05-21 05:29:57 +08:00
|
|
|
private const float width_padding = 5;
|
2017-05-21 05:06:25 +08:00
|
|
|
private const float channel_width = 150;
|
|
|
|
private const float text_size = 15;
|
|
|
|
private const float transition_duration = 100;
|
|
|
|
|
2017-05-28 04:49:57 +08:00
|
|
|
private readonly Channel channel;
|
|
|
|
|
2017-06-01 18:55:01 +08:00
|
|
|
private readonly Bindable<bool> joinedBind = new Bindable<bool>();
|
2017-05-30 09:04:53 +08:00
|
|
|
private readonly OsuSpriteText name;
|
2017-05-21 05:06:25 +08:00
|
|
|
private readonly OsuSpriteText topic;
|
2017-08-03 13:36:21 +08:00
|
|
|
private readonly SpriteIcon joinedCheckmark;
|
2017-05-21 05:06:25 +08:00
|
|
|
|
2017-06-01 18:55:01 +08:00
|
|
|
private Color4 joinedColour;
|
|
|
|
private Color4 topicColour;
|
2017-05-30 09:04:53 +08:00
|
|
|
private Color4 hoverColour;
|
2017-05-21 05:06:25 +08:00
|
|
|
|
2017-09-13 22:18:02 +08:00
|
|
|
public IEnumerable<string> FilterTerms => new[] { channel.Name };
|
2017-06-01 09:39:03 +08:00
|
|
|
public bool MatchingFilter
|
2017-05-26 14:38:52 +08:00
|
|
|
{
|
2017-05-26 15:02:04 +08:00
|
|
|
set
|
2017-05-26 14:38:52 +08:00
|
|
|
{
|
2017-07-15 00:18:12 +08:00
|
|
|
this.FadeTo(value ? 1f : 0f, 100);
|
2017-05-21 07:22:55 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-05-21 08:26:39 +08:00
|
|
|
public Action<Channel> OnRequestJoin;
|
2017-05-26 14:56:10 +08:00
|
|
|
public Action<Channel> OnRequestLeave;
|
2017-05-21 08:26:39 +08:00
|
|
|
|
2017-05-28 04:35:42 +08:00
|
|
|
public ChannelListItem(Channel channel)
|
2017-05-21 05:06:25 +08:00
|
|
|
{
|
2017-05-28 04:35:42 +08:00
|
|
|
this.channel = channel;
|
|
|
|
|
2017-05-21 05:06:25 +08:00
|
|
|
RelativeSizeAxes = Axes.X;
|
|
|
|
AutoSizeAxes = Axes.Y;
|
|
|
|
|
2017-05-28 04:35:42 +08:00
|
|
|
Action = () => { (channel.Joined ? OnRequestLeave : OnRequestJoin)?.Invoke(channel); };
|
2017-05-21 08:26:39 +08:00
|
|
|
|
2017-05-21 05:06:25 +08:00
|
|
|
Children = new Drawable[]
|
|
|
|
{
|
|
|
|
new FillFlowContainer
|
|
|
|
{
|
|
|
|
RelativeSizeAxes = Axes.X,
|
|
|
|
AutoSizeAxes = Axes.Y,
|
|
|
|
Direction = FillDirection.Horizontal,
|
|
|
|
Children = new Drawable[]
|
|
|
|
{
|
|
|
|
new Container
|
|
|
|
{
|
|
|
|
Children = new[]
|
|
|
|
{
|
2017-08-03 13:36:21 +08:00
|
|
|
joinedCheckmark = new SpriteIcon
|
2017-05-21 05:06:25 +08:00
|
|
|
{
|
|
|
|
Anchor = Anchor.TopRight,
|
|
|
|
Origin = Anchor.TopRight,
|
|
|
|
Icon = FontAwesome.fa_check_circle,
|
2017-08-03 13:36:21 +08:00
|
|
|
Size = new Vector2(text_size),
|
2017-05-21 08:38:36 +08:00
|
|
|
Shadow = false,
|
2017-05-21 05:06:25 +08:00
|
|
|
Margin = new MarginPadding { Right = 10f },
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
new Container
|
|
|
|
{
|
|
|
|
Width = channel_width,
|
|
|
|
AutoSizeAxes = Axes.Y,
|
|
|
|
Children = new[]
|
|
|
|
{
|
2017-05-30 09:04:53 +08:00
|
|
|
name = new OsuSpriteText
|
2017-05-21 05:06:25 +08:00
|
|
|
{
|
2017-05-28 04:35:42 +08:00
|
|
|
Text = channel.ToString(),
|
2017-05-21 05:06:25 +08:00
|
|
|
TextSize = text_size,
|
|
|
|
Font = @"Exo2.0-Bold",
|
2017-05-21 08:38:36 +08:00
|
|
|
Shadow = false,
|
2017-05-21 05:06:25 +08:00
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
new Container
|
|
|
|
{
|
2017-05-26 14:51:09 +08:00
|
|
|
RelativeSizeAxes = Axes.X,
|
|
|
|
Width = 0.7f,
|
2017-05-21 05:06:25 +08:00
|
|
|
AutoSizeAxes = Axes.Y,
|
2017-05-21 05:29:57 +08:00
|
|
|
Margin = new MarginPadding { Left = width_padding },
|
2017-05-21 05:06:25 +08:00
|
|
|
Children = new[]
|
|
|
|
{
|
|
|
|
topic = new OsuSpriteText
|
|
|
|
{
|
2017-05-28 04:35:42 +08:00
|
|
|
Text = channel.Topic,
|
2017-05-21 05:06:25 +08:00
|
|
|
TextSize = text_size,
|
|
|
|
Font = @"Exo2.0-SemiBold",
|
2017-05-21 08:38:36 +08:00
|
|
|
Shadow = false,
|
2017-05-21 05:06:25 +08:00
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
new FillFlowContainer
|
|
|
|
{
|
|
|
|
AutoSizeAxes = Axes.Both,
|
|
|
|
Direction = FillDirection.Horizontal,
|
2017-05-21 05:29:57 +08:00
|
|
|
Margin = new MarginPadding { Left = width_padding },
|
2017-05-21 05:06:25 +08:00
|
|
|
Spacing = new Vector2(3f, 0f),
|
|
|
|
Children = new Drawable[]
|
|
|
|
{
|
2017-08-03 13:36:21 +08:00
|
|
|
new SpriteIcon
|
2017-05-21 05:06:25 +08:00
|
|
|
{
|
|
|
|
Icon = FontAwesome.fa_user,
|
2017-08-03 13:36:21 +08:00
|
|
|
Size = new Vector2(text_size - 2),
|
2017-05-21 08:38:36 +08:00
|
|
|
Shadow = false,
|
2017-05-21 05:06:25 +08:00
|
|
|
Margin = new MarginPadding { Top = 1 },
|
|
|
|
},
|
|
|
|
new OsuSpriteText
|
|
|
|
{
|
2017-05-21 06:30:40 +08:00
|
|
|
Text = @"0",
|
2017-05-21 05:06:25 +08:00
|
|
|
TextSize = text_size,
|
|
|
|
Font = @"Exo2.0-SemiBold",
|
2017-05-21 08:38:36 +08:00
|
|
|
Shadow = false,
|
2017-05-21 05:06:25 +08:00
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
[BackgroundDependencyLoader]
|
|
|
|
private void load(OsuColour colours)
|
|
|
|
{
|
|
|
|
topicColour = colours.Gray9;
|
|
|
|
joinedColour = colours.Blue;
|
2017-05-30 09:04:53 +08:00
|
|
|
hoverColour = colours.Yellow;
|
2017-05-21 05:06:25 +08:00
|
|
|
|
2017-06-01 18:55:01 +08:00
|
|
|
joinedBind.ValueChanged += updateColour;
|
|
|
|
joinedBind.BindTo(channel.Joined);
|
2017-09-08 23:47:23 +08:00
|
|
|
|
|
|
|
joinedBind.TriggerChange();
|
|
|
|
FinishTransforms(true);
|
2017-05-21 08:26:39 +08:00
|
|
|
}
|
|
|
|
|
2017-05-30 09:04:53 +08:00
|
|
|
protected override bool OnHover(InputState state)
|
|
|
|
{
|
|
|
|
if (!channel.Joined.Value)
|
2017-07-23 02:50:25 +08:00
|
|
|
name.FadeColour(hoverColour, 50, Easing.OutQuint);
|
2017-05-30 09:04:53 +08:00
|
|
|
|
|
|
|
return base.OnHover(state);
|
|
|
|
}
|
|
|
|
|
|
|
|
protected override void OnHoverLost(InputState state)
|
|
|
|
{
|
|
|
|
if (!channel.Joined.Value)
|
|
|
|
name.FadeColour(Color4.White, transition_duration);
|
|
|
|
}
|
|
|
|
|
2017-05-21 08:26:39 +08:00
|
|
|
private void updateColour(bool joined)
|
2017-05-21 05:29:57 +08:00
|
|
|
{
|
2017-05-26 14:46:50 +08:00
|
|
|
if (joined)
|
|
|
|
{
|
2017-05-30 09:04:53 +08:00
|
|
|
name.FadeColour(Color4.White, transition_duration);
|
2017-05-26 14:46:50 +08:00
|
|
|
joinedCheckmark.FadeTo(1f, transition_duration);
|
|
|
|
topic.FadeTo(0.8f, transition_duration);
|
|
|
|
topic.FadeColour(Color4.White, transition_duration);
|
2017-07-15 00:18:12 +08:00
|
|
|
this.FadeColour(joinedColour, transition_duration);
|
2017-05-26 14:46:50 +08:00
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
joinedCheckmark.FadeTo(0f, transition_duration);
|
|
|
|
topic.FadeTo(1f, transition_duration);
|
2017-06-01 18:55:01 +08:00
|
|
|
topic.FadeColour(topicColour, transition_duration);
|
2017-07-15 00:18:12 +08:00
|
|
|
this.FadeColour(Color4.White, transition_duration);
|
2017-05-26 14:46:50 +08:00
|
|
|
}
|
2017-05-21 05:06:25 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|