From e772822bd5ee46afddc5bc14398e73f84ff84564 Mon Sep 17 00:00:00 2001
From: Andrei Zavatski <megaman9919@gmail.com>
Date: Mon, 7 Oct 2019 17:49:20 +0300
Subject: [PATCH] Basic implementation

---
 .../Online/TestSceneCommentsContainer.cs      |  29 +++++
 osu.Game/Overlays/CommentsContainer.cs        | 110 ++++++++++++++++++
 2 files changed, 139 insertions(+)
 create mode 100644 osu.Game.Tests/Visual/Online/TestSceneCommentsContainer.cs
 create mode 100644 osu.Game/Overlays/CommentsContainer.cs

diff --git a/osu.Game.Tests/Visual/Online/TestSceneCommentsContainer.cs b/osu.Game.Tests/Visual/Online/TestSceneCommentsContainer.cs
new file mode 100644
index 0000000000..c99062d59b
--- /dev/null
+++ b/osu.Game.Tests/Visual/Online/TestSceneCommentsContainer.cs
@@ -0,0 +1,29 @@
+// 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.
+
+using System;
+using System.Collections.Generic;
+using NUnit.Framework;
+using osu.Game.Overlays;
+using osu.Game.Online.API.Requests;
+
+namespace osu.Game.Tests.Visual.Online
+{
+    [TestFixture]
+    public class TestSceneCommentsContainer : OsuTestScene
+    {
+        public override IReadOnlyList<Type> RequiredTypes => new[]
+        {
+            typeof(CommentsContainer),
+        };
+
+        public TestSceneCommentsContainer()
+        {
+            AddStep("Big Black comments", () =>
+            {
+                Clear();
+                Add(new CommentsContainer(CommentableType.Beatmapset, 41823));
+            });
+        }
+    }
+}
diff --git a/osu.Game/Overlays/CommentsContainer.cs b/osu.Game/Overlays/CommentsContainer.cs
new file mode 100644
index 0000000000..8ed6fd0878
--- /dev/null
+++ b/osu.Game/Overlays/CommentsContainer.cs
@@ -0,0 +1,110 @@
+// 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.
+
+using osu.Framework.Allocation;
+using osu.Framework.Graphics.Containers;
+using osu.Game.Online.API;
+using osu.Game.Online.API.Requests;
+using osu.Framework.Graphics;
+using osu.Framework.Bindables;
+using osu.Framework.Graphics.Shapes;
+using osu.Game.Graphics;
+using osu.Framework.Graphics.Sprites;
+using osuTK;
+
+namespace osu.Game.Overlays
+{
+    public class CommentsContainer : CompositeDrawable
+    {
+        private readonly CommentableType type;
+        private readonly long id;
+
+        public readonly Bindable<SortCommentsBy> Sort = new Bindable<SortCommentsBy>();
+
+        [Resolved]
+        private IAPIProvider api { get; set; }
+
+        private readonly CommentsHeader header;
+        private readonly Box background;
+
+        public CommentsContainer(CommentableType type, long id)
+        {
+            this.type = type;
+            this.id = id;
+
+            RelativeSizeAxes = Axes.X;
+            AutoSizeAxes = Axes.Y;
+            AddRangeInternal(new Drawable[]
+            {
+                background = new Box
+                {
+                    RelativeSizeAxes = Axes.Both,
+                },
+                header = new CommentsHeader
+                {
+                    Sort = { BindTarget = Sort }
+                }
+            });
+        }
+
+        [BackgroundDependencyLoader]
+        private void load(OsuColour colours)
+        {
+            background.Colour = colours.Gray3;
+        }
+
+        private class CommentsHeader : CompositeDrawable
+        {
+            private const int height = 40;
+            private const int spacing = 10;
+            private const int padding = 50;
+
+            public readonly Bindable<SortCommentsBy> Sort = new Bindable<SortCommentsBy>();
+
+            private readonly Box background;
+
+            public CommentsHeader()
+            {
+                RelativeSizeAxes = Axes.X;
+                Height = height;
+                AddRangeInternal(new Drawable[]
+                {
+                    background = new Box
+                    {
+                        RelativeSizeAxes = Axes.Both,
+                    },
+                    new Container
+                    {
+                        RelativeSizeAxes = Axes.Both,
+                        Padding = new MarginPadding { Horizontal = padding },
+                        Children = new Drawable[]
+                        {
+                            new FillFlowContainer
+                            {
+                                AutoSizeAxes = Axes.Both,
+                                Direction = FillDirection.Horizontal,
+                                Spacing = new Vector2(spacing, 0),
+                                Anchor = Anchor.CentreLeft,
+                                Origin = Anchor.CentreLeft,
+                                Children = new Drawable[]
+                                {
+                                    new SpriteText
+                                    {
+                                        Font = OsuFont.GetFont(size: 14),
+                                        Text = @"Sort by"
+                                    }
+                                }
+                            }
+                        }
+                    }
+                });
+            }
+
+            [BackgroundDependencyLoader]
+            private void load(OsuColour colours)
+            {
+                background.Colour = colours.Gray4;
+            }
+        }
+    }
+}