From ddcd5ec286577b06c162d8985af3326af344494d Mon Sep 17 00:00:00 2001
From: Dean Herbert <pe@ppy.sh>
Date: Mon, 3 Oct 2016 20:39:32 +0900
Subject: [PATCH] Add basic layout for toolbar.

---
 osu.Game/GameModes/Menu/ButtonSystem.cs |   2 -
 osu.Game/Overlays/Toolbar.cs            | 132 +++++++++++++++++++++++-
 2 files changed, 127 insertions(+), 7 deletions(-)

diff --git a/osu.Game/GameModes/Menu/ButtonSystem.cs b/osu.Game/GameModes/Menu/ButtonSystem.cs
index a4fbf37886..0b01965394 100644
--- a/osu.Game/GameModes/Menu/ButtonSystem.cs
+++ b/osu.Game/GameModes/Menu/ButtonSystem.cs
@@ -701,6 +701,4 @@ namespace osu.Game.GameModes.Menu
         {
         }
     }
-
-
 }
diff --git a/osu.Game/Overlays/Toolbar.cs b/osu.Game/Overlays/Toolbar.cs
index 2db9f1ba96..cd1c65915a 100644
--- a/osu.Game/Overlays/Toolbar.cs
+++ b/osu.Game/Overlays/Toolbar.cs
@@ -1,22 +1,23 @@
 //Copyright (c) 2007-2016 ppy Pty Ltd <contact@ppy.sh>.
 //Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
 
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
 using osu.Framework.Graphics;
 using osu.Framework.Graphics.Containers;
 using osu.Framework.Graphics.Drawables;
 using OpenTK;
 using OpenTK.Graphics;
+using osu.Game.Graphics;
+using osu.Framework.Graphics.Sprites;
+using osu.Framework.Input;
+using osu.Game.Configuration;
 
 namespace osu.Game.Overlays
 {
     public class Toolbar : Container
     {
         const float height = 50;
+        private FlowContainer leftFlow;
+        private FlowContainer rightFlow;
 
         public override void Load()
         {
@@ -31,8 +32,129 @@ namespace osu.Game.Overlays
                 {
                     RelativeSizeAxes = Axes.Both,
                     Colour = new Color4(0.1f, 0.1f, 0.1f, 0.9f)
+                },
+                leftFlow = new FlowContainer
+                {
+                    Direction = FlowDirection.HorizontalOnly,
+                    RelativeSizeAxes = Axes.Y,
+                    Size = new Vector2(0, 1),
+                    Children = new []
+                    {
+                        new ToolbarButton(FontAwesome.gear),
+                        new ToolbarButton(FontAwesome.home),
+                        new ToolbarModeButton(FontAwesome.fa_osu_osu_o, @"osu!"),
+                        new ToolbarModeButton(FontAwesome.fa_osu_taiko_o, @"taiko"),
+                        new ToolbarModeButton(FontAwesome.fa_osu_fruits_o, @"catch"),
+                        new ToolbarModeButton(FontAwesome.fa_osu_mania_o, @"mania"),
+                    }
+                },
+                rightFlow = new FlowContainer
+                {
+                    Anchor = Anchor.TopRight,
+                    Origin = Anchor.TopRight,
+                    Direction = FlowDirection.HorizontalOnly,
+                    RelativeSizeAxes = Axes.Y,
+                    Size = new Vector2(0, 1),
+                    Children = new []
+                    {
+                        new ToolbarButton(FontAwesome.search),
+                        new ToolbarButton(FontAwesome.user, ((OsuGame)Game).Config.Get<string>(OsuConfig.Username)),
+                        new ToolbarButton(FontAwesome.bars),
+                    }
                 }
             };
         }
+
+        public class ToolbarModeButton : ToolbarButton
+        {
+            public ToolbarModeButton(FontAwesome icon, string text = null) : base(icon, text)
+            {
+            }
+
+            public override void Load()
+            {
+                base.Load();
+                Icon.TextSize = height * 0.7f;
+            }
+        }
+
+        public class ToolbarButton : FlowContainer
+        {
+            public TextAwesome Icon;
+            public SpriteText Text;
+            private Box background;
+            private Drawable paddingLeft;
+            private Drawable paddingRight;
+            private Drawable paddingIcon;
+
+            public new float Padding
+            {
+                get { return paddingLeft.Size.X; }
+                set
+                {
+                    paddingLeft.Size = new Vector2(value, 1);
+                    paddingRight.Size = new Vector2(value, 1);
+                }
+            }
+
+            public ToolbarButton(FontAwesome icon, string text = null)
+            {
+                background = new Box
+                {
+                    RelativeSizeAxes = Axes.Both,
+                    Colour = new Color4(20, 20, 20, 140),
+                };
+
+                this.Icon = new TextAwesome()
+                {
+                    Icon = icon,
+                    Anchor = Anchor.CentreLeft,
+                    Origin = Anchor.CentreLeft,
+                };
+
+                this.Text = new SpriteText
+                {
+                    Text = text,
+                    Anchor = Anchor.CentreLeft,
+                    Origin = Anchor.CentreLeft,
+                };
+
+                paddingLeft = new Container { RelativeSizeAxes = Axes.Y };
+                paddingRight = new Container { RelativeSizeAxes = Axes.Y };
+                paddingIcon = new Container { Size = new Vector2(string.IsNullOrEmpty(text) ? 0 : 5, 0) };
+
+                Padding = 10;
+            }
+
+            protected override bool OnHover(InputState state)
+            {
+                background.FadeColour(new Color4(130, 130, 130, 160), 100);
+                return base.OnHover(state);
+            }
+
+            protected override void OnHoverLost(InputState state)
+            {
+                background.FadeColour(new Color4(20, 20, 20, 140), 100);
+                base.OnHoverLost(state);
+            }
+
+            public override void Load()
+            {
+                base.Load();
+
+                RelativeSizeAxes = Axes.Y;
+                Direction = FlowDirection.HorizontalOnly;
+
+                Children = new Drawable[]
+                {
+                    background,
+                    paddingLeft,
+                    Icon,
+                    paddingIcon,
+                    Text,
+                    paddingRight,
+                };
+            }
+        }
     }
 }