osukey/osu.Game/Overlays/Chat/ChannelListItem.cs

// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE

using OpenTK;
using OpenTK.Graphics;
using osu.Framework.Allocation;
using osu.Framework.Graphics;
using osu.Framework.Graphics.Containers;
using osu.Game.Graphics;
using osu.Game.Graphics.Sprites;

namespace osu.Game.Overlays.Chat
{
    public class ChannelListItem : ClickableContainer
    {
        private const float channel_width = 150;
        private const float topic_width = 380;
        private const float text_size = 15;
        private const float transition_duration = 100;

        private readonly OsuSpriteText topic;
        private readonly TextAwesome joinedCheckmark;

        private Color4? joinedColour;
        private Color4? topicColour;

        private bool joined;
        public bool Joined
        {
            get { return joined; }
            set
            {
                if (value == joined) return;
                joined = value;

                updateColour();
            }
        }

        public ChannelListItem()
        {
            RelativeSizeAxes = Axes.X;
            AutoSizeAxes = Axes.Y;

            Children = new Drawable[]
            {
                new FillFlowContainer
                {
                    RelativeSizeAxes = Axes.X,
                    AutoSizeAxes = Axes.Y,
                    Direction = FillDirection.Horizontal,
                    Spacing = new Vector2(5f, 0f),
                    Padding = new MarginPadding { Left = ChannelSelectionOverlay.WIDTH_PADDING, Right = ChannelSelectionOverlay.WIDTH_PADDING },
                    Children = new Drawable[]
                    {
                        new Container
                        {
                            Children = new[]
                            {
                                joinedCheckmark = new TextAwesome
                                {
                                    Anchor = Anchor.TopRight,
                                    Origin = Anchor.TopRight,
                                    Icon = FontAwesome.fa_check_circle,
                                    TextSize = text_size,
                                    Margin = new MarginPadding { Right = 10f },
                                    Alpha = 0f,
                                },
                            },
                        },
                        new Container
                        {
                            Width = channel_width,
                            AutoSizeAxes = Axes.Y,
                            Children = new[]
                            {
                                new OsuSpriteText
                                {
                                    Text = @"#osu!",
                                    TextSize = text_size,
                                    Font = @"Exo2.0-Bold",
                                },
                            },
                        },
                        new Container
                        {
                            Width = topic_width,
                            AutoSizeAxes = Axes.Y,
                            Children = new[]
                            {
                                topic = new OsuSpriteText
                                {
                                    Text = @"I dunno, the default channel I guess?",
                                    TextSize = text_size,
                                    Font = @"Exo2.0-SemiBold",
                                    Alpha = 0.8f,
                                },
                            },
                        },
                        new FillFlowContainer
                        {
                            AutoSizeAxes = Axes.Both,
                            Direction = FillDirection.Horizontal,
                            Spacing = new Vector2(3f, 0f),
                            Children = new Drawable[]
                            {
                                new TextAwesome
                                {
                                    Icon = FontAwesome.fa_user,
                                    TextSize = text_size - 2,
                                    Margin = new MarginPadding { Top = 1 },
                                },
                                new OsuSpriteText
                                {
                                    Text = @"543145",
                                    TextSize = text_size,
                                    Font = @"Exo2.0-SemiBold",
                                },
                            },
                        },
                    },
                },
            };
        }

        [BackgroundDependencyLoader]
        private void load(OsuColour colours)
        {
            topicColour = colours.Gray9;
            joinedColour = colours.Blue;

            updateColour();
        }

        private void updateColour()
        {
            joinedCheckmark.FadeTo(joined ? 1f : 0f, transition_duration);
            topic.FadeTo(joined ? 0.8f : 1f, transition_duration);
            topic.FadeColour(joined ? Color4.White : topicColour ?? Color4.White, transition_duration);
            FadeColour(joined ? joinedColour ?? Color4.White : Color4.White, transition_duration);
        }
    }
}