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-27 11:11:04 +08:00
|
|
|
|
using System.Linq;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
using osu.Framework.Allocation;
|
2019-10-04 22:55:33 +08:00
|
|
|
|
using osu.Framework.Bindables;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
using osu.Framework.Extensions.Color4Extensions;
|
|
|
|
|
using osu.Framework.Graphics;
|
|
|
|
|
using osu.Framework.Graphics.Colour;
|
|
|
|
|
using osu.Framework.Graphics.Containers;
|
2019-04-02 13:51:28 +08:00
|
|
|
|
using osu.Framework.Graphics.Effects;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
using osu.Framework.Graphics.Shapes;
|
|
|
|
|
using osu.Game.Beatmaps.Drawables;
|
|
|
|
|
using osu.Game.Graphics;
|
|
|
|
|
using osu.Game.Graphics.Sprites;
|
2018-05-22 21:29:52 +08:00
|
|
|
|
using osu.Game.Graphics.UserInterface;
|
2019-06-12 01:31:01 +08:00
|
|
|
|
using osu.Game.Online;
|
2018-04-18 15:04:02 +08:00
|
|
|
|
using osu.Game.Overlays.BeatmapSet.Buttons;
|
2019-01-18 13:28:06 +08:00
|
|
|
|
using osu.Game.Overlays.Direct;
|
2019-10-04 22:55:33 +08:00
|
|
|
|
using osu.Game.Rulesets;
|
2018-11-20 15:51:59 +08:00
|
|
|
|
using osuTK;
|
|
|
|
|
using osuTK.Graphics;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
|
|
|
|
|
namespace osu.Game.Overlays.BeatmapSet
|
|
|
|
|
{
|
2019-06-12 01:31:01 +08:00
|
|
|
|
public class Header : BeatmapDownloadTrackingComposite
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
2018-04-18 15:04:02 +08:00
|
|
|
|
private const float transition_duration = 200;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
private const float tabs_height = 50;
|
|
|
|
|
private const float buttons_height = 45;
|
|
|
|
|
private const float buttons_spacing = 5;
|
|
|
|
|
|
|
|
|
|
private readonly Box tabsBg;
|
2018-05-29 06:31:20 +08:00
|
|
|
|
private readonly UpdateableBeatmapSetCover cover;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
private readonly OsuSpriteText title, artist;
|
|
|
|
|
private readonly AuthorInfo author;
|
2019-06-27 11:11:04 +08:00
|
|
|
|
private readonly FillFlowContainer downloadButtonsContainer;
|
2019-06-27 10:40:22 +08:00
|
|
|
|
private readonly BeatmapAvailability beatmapAvailability;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
private readonly BeatmapSetOnlineStatusPill onlineStatusPill;
|
|
|
|
|
public Details Details;
|
2019-06-27 03:42:34 +08:00
|
|
|
|
|
2019-06-27 11:47:05 +08:00
|
|
|
|
public bool DownloadButtonsVisible => downloadButtonsContainer.Any();
|
2018-04-13 17:19:50 +08:00
|
|
|
|
|
2019-10-04 22:55:33 +08:00
|
|
|
|
public readonly BeatmapRulesetSelector RulesetSelector;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
public readonly BeatmapPicker Picker;
|
|
|
|
|
|
2018-04-18 15:04:02 +08:00
|
|
|
|
private readonly FavouriteButton favouriteButton;
|
|
|
|
|
|
2019-06-25 13:47:29 +08:00
|
|
|
|
private readonly FillFlowContainer fadeContent;
|
|
|
|
|
|
|
|
|
|
private readonly LoadingAnimation loading;
|
|
|
|
|
|
2018-04-13 17:19:50 +08:00
|
|
|
|
public Header()
|
|
|
|
|
{
|
2018-05-22 21:29:52 +08:00
|
|
|
|
ExternalLinkButton externalLink;
|
2019-01-18 13:28:06 +08:00
|
|
|
|
|
2018-04-13 17:19:50 +08:00
|
|
|
|
RelativeSizeAxes = Axes.X;
|
2019-06-19 22:45:39 +08:00
|
|
|
|
AutoSizeAxes = Axes.Y;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
Masking = true;
|
2019-01-18 13:28:06 +08:00
|
|
|
|
|
2018-04-13 17:19:50 +08:00
|
|
|
|
EdgeEffect = new EdgeEffectParameters
|
|
|
|
|
{
|
|
|
|
|
Colour = Color4.Black.Opacity(0.25f),
|
|
|
|
|
Type = EdgeEffectType.Shadow,
|
|
|
|
|
Radius = 3,
|
|
|
|
|
Offset = new Vector2(0f, 1f),
|
|
|
|
|
};
|
2019-01-18 13:28:06 +08:00
|
|
|
|
|
|
|
|
|
InternalChildren = new Drawable[]
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
|
|
|
|
new Container
|
|
|
|
|
{
|
|
|
|
|
RelativeSizeAxes = Axes.X,
|
|
|
|
|
Height = tabs_height,
|
2019-10-04 22:55:33 +08:00
|
|
|
|
Children = new Drawable[]
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
|
|
|
|
tabsBg = new Box
|
|
|
|
|
{
|
|
|
|
|
RelativeSizeAxes = Axes.Both,
|
|
|
|
|
},
|
2019-10-04 22:55:33 +08:00
|
|
|
|
RulesetSelector = new BeatmapRulesetSelector
|
|
|
|
|
{
|
|
|
|
|
Anchor = Anchor.BottomCentre,
|
|
|
|
|
Origin = Anchor.BottomCentre,
|
|
|
|
|
}
|
2018-04-13 17:19:50 +08:00
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
new Container
|
|
|
|
|
{
|
2019-06-19 22:45:39 +08:00
|
|
|
|
RelativeSizeAxes = Axes.X,
|
|
|
|
|
AutoSizeAxes = Axes.Y,
|
2018-04-13 17:19:50 +08:00
|
|
|
|
Padding = new MarginPadding { Top = tabs_height },
|
|
|
|
|
Children = new Drawable[]
|
|
|
|
|
{
|
|
|
|
|
new Container
|
|
|
|
|
{
|
|
|
|
|
RelativeSizeAxes = Axes.Both,
|
|
|
|
|
Children = new Drawable[]
|
|
|
|
|
{
|
2018-05-29 06:31:20 +08:00
|
|
|
|
cover = new UpdateableBeatmapSetCover
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
|
|
|
|
RelativeSizeAxes = Axes.Both,
|
2019-06-20 02:20:00 +08:00
|
|
|
|
Masking = true,
|
2018-04-13 17:19:50 +08:00
|
|
|
|
},
|
|
|
|
|
new Box
|
|
|
|
|
{
|
|
|
|
|
RelativeSizeAxes = Axes.Both,
|
|
|
|
|
Colour = ColourInfo.GradientVertical(Color4.Black.Opacity(0.3f), Color4.Black.Opacity(0.8f)),
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
new Container
|
|
|
|
|
{
|
2019-06-27 11:04:01 +08:00
|
|
|
|
RelativeSizeAxes = Axes.X,
|
|
|
|
|
AutoSizeAxes = Axes.Y,
|
2019-06-19 22:47:47 +08:00
|
|
|
|
Padding = new MarginPadding
|
|
|
|
|
{
|
|
|
|
|
Top = 20,
|
|
|
|
|
Bottom = 30,
|
|
|
|
|
Left = BeatmapSetOverlay.X_PADDING,
|
|
|
|
|
Right = BeatmapSetOverlay.X_PADDING + BeatmapSetOverlay.RIGHT_WIDTH,
|
|
|
|
|
},
|
2019-06-25 13:47:29 +08:00
|
|
|
|
Children = new Drawable[]
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
2019-06-25 13:47:29 +08:00
|
|
|
|
fadeContent = new FillFlowContainer
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
2019-06-25 13:47:29 +08:00
|
|
|
|
RelativeSizeAxes = Axes.X,
|
|
|
|
|
AutoSizeAxes = Axes.Y,
|
|
|
|
|
Direction = FillDirection.Vertical,
|
|
|
|
|
Children = new Drawable[]
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
2019-06-25 13:47:29 +08:00
|
|
|
|
new Container
|
2018-05-22 21:29:52 +08:00
|
|
|
|
{
|
2019-06-25 13:47:29 +08:00
|
|
|
|
RelativeSizeAxes = Axes.X,
|
|
|
|
|
AutoSizeAxes = Axes.Y,
|
|
|
|
|
Child = Picker = new BeatmapPicker(),
|
|
|
|
|
},
|
|
|
|
|
new FillFlowContainer
|
|
|
|
|
{
|
|
|
|
|
Direction = FillDirection.Horizontal,
|
|
|
|
|
AutoSizeAxes = Axes.Both,
|
|
|
|
|
Children = new Drawable[]
|
2018-05-22 21:29:52 +08:00
|
|
|
|
{
|
2019-06-25 13:47:29 +08:00
|
|
|
|
title = new OsuSpriteText
|
|
|
|
|
{
|
|
|
|
|
Font = OsuFont.GetFont(size: 37, weight: FontWeight.Bold, italics: true)
|
|
|
|
|
},
|
|
|
|
|
externalLink = new ExternalLinkButton
|
|
|
|
|
{
|
|
|
|
|
Anchor = Anchor.BottomLeft,
|
|
|
|
|
Origin = Anchor.BottomLeft,
|
|
|
|
|
Margin = new MarginPadding { Left = 3, Bottom = 4 }, //To better lineup with the font
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
artist = new OsuSpriteText { Font = OsuFont.GetFont(size: 25, weight: FontWeight.SemiBold, italics: true) },
|
|
|
|
|
new Container
|
|
|
|
|
{
|
|
|
|
|
RelativeSizeAxes = Axes.X,
|
|
|
|
|
AutoSizeAxes = Axes.Y,
|
|
|
|
|
Margin = new MarginPadding { Top = 20 },
|
|
|
|
|
Child = author = new AuthorInfo(),
|
|
|
|
|
},
|
2019-06-27 10:40:22 +08:00
|
|
|
|
beatmapAvailability = new BeatmapAvailability(),
|
2019-06-25 13:47:29 +08:00
|
|
|
|
new Container
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
2019-06-25 13:47:29 +08:00
|
|
|
|
RelativeSizeAxes = Axes.X,
|
|
|
|
|
Height = buttons_height,
|
|
|
|
|
Margin = new MarginPadding { Top = 10 },
|
|
|
|
|
Children = new Drawable[]
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
2019-07-22 19:35:18 +08:00
|
|
|
|
favouriteButton = new FavouriteButton
|
2019-07-22 19:47:35 +08:00
|
|
|
|
{
|
|
|
|
|
BeatmapSet = { BindTarget = BeatmapSet }
|
|
|
|
|
},
|
2019-06-27 11:11:04 +08:00
|
|
|
|
downloadButtonsContainer = new FillFlowContainer
|
2019-06-25 13:47:29 +08:00
|
|
|
|
{
|
|
|
|
|
RelativeSizeAxes = Axes.Both,
|
|
|
|
|
Padding = new MarginPadding { Left = buttons_height + buttons_spacing },
|
|
|
|
|
Spacing = new Vector2(buttons_spacing),
|
|
|
|
|
},
|
2018-04-13 17:19:50 +08:00
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
2019-06-25 13:47:29 +08:00
|
|
|
|
}
|
2018-04-13 17:19:50 +08:00
|
|
|
|
},
|
2019-06-27 11:04:01 +08:00
|
|
|
|
loading = new LoadingAnimation
|
|
|
|
|
{
|
|
|
|
|
Anchor = Anchor.Centre,
|
|
|
|
|
Origin = Anchor.Centre,
|
|
|
|
|
Scale = new Vector2(1.5f),
|
|
|
|
|
},
|
2018-04-13 17:19:50 +08:00
|
|
|
|
new FillFlowContainer
|
|
|
|
|
{
|
|
|
|
|
Anchor = Anchor.BottomRight,
|
|
|
|
|
Origin = Anchor.BottomRight,
|
|
|
|
|
AutoSizeAxes = Axes.Both,
|
2019-06-19 22:45:39 +08:00
|
|
|
|
Margin = new MarginPadding { Top = BeatmapSetOverlay.TOP_PADDING, Right = BeatmapSetOverlay.X_PADDING },
|
2018-04-13 17:19:50 +08:00
|
|
|
|
Direction = FillDirection.Vertical,
|
|
|
|
|
Spacing = new Vector2(10),
|
|
|
|
|
Children = new Drawable[]
|
|
|
|
|
{
|
2018-09-20 11:35:07 +08:00
|
|
|
|
onlineStatusPill = new BeatmapSetOnlineStatusPill
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
|
|
|
|
Anchor = Anchor.TopRight,
|
|
|
|
|
Origin = Anchor.TopRight,
|
2018-09-20 11:35:07 +08:00
|
|
|
|
TextSize = 14,
|
|
|
|
|
TextPadding = new MarginPadding { Horizontal = 25, Vertical = 8 }
|
2018-04-13 17:19:50 +08:00
|
|
|
|
},
|
|
|
|
|
Details = new Details(),
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
|
2019-06-25 13:47:29 +08:00
|
|
|
|
Picker.Beatmap.ValueChanged += b =>
|
|
|
|
|
{
|
|
|
|
|
Details.Beatmap = b.NewValue;
|
|
|
|
|
externalLink.Link = $@"https://osu.ppy.sh/beatmapsets/{BeatmapSet.Value?.OnlineBeatmapSetID}#{b.NewValue?.Ruleset.ShortName}/{b.NewValue?.OnlineBeatmapID}";
|
|
|
|
|
};
|
2018-04-13 17:19:50 +08:00
|
|
|
|
}
|
|
|
|
|
|
2019-10-04 22:55:33 +08:00
|
|
|
|
protected override IReadOnlyDependencyContainer CreateChildDependencies(IReadOnlyDependencyContainer parent)
|
|
|
|
|
{
|
|
|
|
|
var dependencies = new DependencyContainer(base.CreateChildDependencies(parent));
|
|
|
|
|
dependencies.CacheAs<IBindable<RulesetInfo>>(RulesetSelector.Current);
|
|
|
|
|
return dependencies;
|
|
|
|
|
}
|
|
|
|
|
|
2018-04-13 17:19:50 +08:00
|
|
|
|
[BackgroundDependencyLoader]
|
2018-06-05 07:27:34 +08:00
|
|
|
|
private void load(OsuColour colours)
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
|
|
|
|
tabsBg.Colour = colours.Gray3;
|
2019-01-18 13:28:06 +08:00
|
|
|
|
|
2019-01-31 17:49:54 +08:00
|
|
|
|
State.BindValueChanged(_ => updateDownloadButtons());
|
|
|
|
|
|
2019-02-22 19:13:38 +08:00
|
|
|
|
BeatmapSet.BindValueChanged(setInfo =>
|
2019-01-18 13:28:06 +08:00
|
|
|
|
{
|
2019-10-04 22:55:33 +08:00
|
|
|
|
Picker.BeatmapSet = RulesetSelector.BeatmapSet = author.BeatmapSet = beatmapAvailability.BeatmapSet = Details.BeatmapSet = setInfo.NewValue;
|
2019-02-22 19:13:38 +08:00
|
|
|
|
cover.BeatmapSet = setInfo.NewValue;
|
2019-01-18 13:28:06 +08:00
|
|
|
|
|
2019-06-25 13:47:29 +08:00
|
|
|
|
if (setInfo.NewValue == null)
|
2019-01-18 13:28:06 +08:00
|
|
|
|
{
|
2019-06-25 13:47:29 +08:00
|
|
|
|
onlineStatusPill.FadeTo(0.5f, 500, Easing.OutQuint);
|
|
|
|
|
fadeContent.Hide();
|
|
|
|
|
|
|
|
|
|
loading.Show();
|
|
|
|
|
|
2019-06-27 11:11:04 +08:00
|
|
|
|
downloadButtonsContainer.FadeOut(transition_duration);
|
2019-01-18 13:28:06 +08:00
|
|
|
|
favouriteButton.FadeOut(transition_duration);
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
2019-06-25 13:47:29 +08:00
|
|
|
|
fadeContent.FadeIn(500, Easing.OutQuint);
|
|
|
|
|
|
|
|
|
|
loading.Hide();
|
|
|
|
|
|
|
|
|
|
title.Text = setInfo.NewValue.Metadata.Title ?? string.Empty;
|
|
|
|
|
artist.Text = setInfo.NewValue.Metadata.Artist ?? string.Empty;
|
2019-06-11 02:13:37 +08:00
|
|
|
|
|
2019-06-25 13:47:29 +08:00
|
|
|
|
onlineStatusPill.FadeIn(500, Easing.OutQuint);
|
|
|
|
|
onlineStatusPill.Status = setInfo.NewValue.OnlineInfo.Status;
|
2019-01-18 13:28:06 +08:00
|
|
|
|
|
2019-06-27 11:11:04 +08:00
|
|
|
|
downloadButtonsContainer.FadeIn(transition_duration);
|
2019-06-25 13:47:29 +08:00
|
|
|
|
favouriteButton.FadeIn(transition_duration);
|
|
|
|
|
|
|
|
|
|
updateDownloadButtons();
|
|
|
|
|
}
|
2019-01-31 17:49:54 +08:00
|
|
|
|
}, true);
|
2019-01-18 13:28:06 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
private void updateDownloadButtons()
|
|
|
|
|
{
|
|
|
|
|
if (BeatmapSet.Value == null) return;
|
2019-02-22 16:51:39 +08:00
|
|
|
|
|
2019-06-11 01:17:44 +08:00
|
|
|
|
if (BeatmapSet.Value.OnlineInfo.Availability?.DownloadDisabled ?? false)
|
2019-01-18 13:28:06 +08:00
|
|
|
|
{
|
2019-06-27 11:11:04 +08:00
|
|
|
|
downloadButtonsContainer.Clear();
|
2019-06-11 01:17:44 +08:00
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2019-06-11 02:13:37 +08:00
|
|
|
|
switch (State.Value)
|
2019-06-11 01:17:44 +08:00
|
|
|
|
{
|
2019-06-11 02:13:37 +08:00
|
|
|
|
case DownloadState.LocallyAvailable:
|
|
|
|
|
// temporary for UX until new design is implemented.
|
2019-07-03 11:02:35 +08:00
|
|
|
|
downloadButtonsContainer.Child = new PanelDownloadButton(BeatmapSet.Value)
|
2019-06-11 02:13:37 +08:00
|
|
|
|
{
|
|
|
|
|
Width = 50,
|
|
|
|
|
RelativeSizeAxes = Axes.Y
|
|
|
|
|
};
|
|
|
|
|
break;
|
2019-06-11 01:17:44 +08:00
|
|
|
|
|
2019-06-11 02:13:37 +08:00
|
|
|
|
case DownloadState.Downloading:
|
|
|
|
|
case DownloadState.Downloaded:
|
|
|
|
|
// temporary to avoid showing two buttons for maps with novideo. will be fixed in new beatmap overlay design.
|
2019-07-03 11:02:35 +08:00
|
|
|
|
downloadButtonsContainer.Child = new HeaderDownloadButton(BeatmapSet.Value);
|
2019-06-11 02:13:37 +08:00
|
|
|
|
break;
|
2019-06-11 01:17:44 +08:00
|
|
|
|
|
2019-06-11 02:13:37 +08:00
|
|
|
|
default:
|
2019-07-03 11:02:35 +08:00
|
|
|
|
downloadButtonsContainer.Child = new HeaderDownloadButton(BeatmapSet.Value);
|
2019-06-11 02:13:37 +08:00
|
|
|
|
if (BeatmapSet.Value.OnlineInfo.HasVideo)
|
2019-07-03 11:02:35 +08:00
|
|
|
|
downloadButtonsContainer.Add(new HeaderDownloadButton(BeatmapSet.Value, true));
|
2019-06-11 02:13:37 +08:00
|
|
|
|
break;
|
2019-01-18 13:28:06 +08:00
|
|
|
|
}
|
2018-04-13 17:19:50 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|