1
0
mirror of https://github.com/ppy/osu.git synced 2024-12-21 17:23:05 +08:00
osu-lazer/osu.Game/Screens/Multi/Match/Components/MatchSettingsOverlay.cs

463 lines
24 KiB
C#
Raw Normal View History

// 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-06-06 11:29:52 +08:00
2018-12-17 13:44:54 +08:00
using System;
using Humanizer;
2018-06-06 11:53:24 +08:00
using osu.Framework.Allocation;
2019-02-21 18:04:31 +08:00
using osu.Framework.Bindables;
2018-12-20 14:17:33 +08:00
using osu.Framework.Extensions.Color4Extensions;
2018-06-06 11:29:52 +08:00
using osu.Framework.Graphics;
using osu.Framework.Graphics.Containers;
using osu.Framework.Graphics.Shapes;
using osu.Game.Graphics;
using osu.Game.Graphics.Containers;
2018-06-06 11:53:24 +08:00
using osu.Game.Graphics.Sprites;
using osu.Game.Graphics.UserInterface;
2018-06-06 13:38:09 +08:00
using osu.Game.Online.Multiplayer;
using osu.Game.Overlays.SearchableList;
2018-11-26 15:29:56 +08:00
using osuTK;
using osuTK.Graphics;
2018-06-06 11:29:52 +08:00
2018-12-10 18:20:41 +08:00
namespace osu.Game.Screens.Multi.Match.Components
2018-06-06 11:29:52 +08:00
{
public class MatchSettingsOverlay : FocusedOverlayContainer
2018-06-06 11:29:52 +08:00
{
2018-08-25 06:11:52 +08:00
private const float transition_duration = 350;
private const float field_padding = 45;
2018-06-06 11:29:52 +08:00
2020-02-14 19:34:15 +08:00
public Action EditPlaylist;
2019-02-05 18:00:01 +08:00
protected MatchSettings Settings { get; private set; }
2018-06-06 13:38:09 +08:00
2019-02-05 18:00:01 +08:00
[BackgroundDependencyLoader]
private void load()
{
Masking = true;
2018-06-06 13:38:09 +08:00
2019-02-05 18:00:01 +08:00
Child = Settings = new MatchSettings
{
RelativeSizeAxes = Axes.Both,
2020-02-14 19:34:15 +08:00
RelativePositionAxes = Axes.Y,
EditPlaylist = () => EditPlaylist?.Invoke()
2019-02-05 18:00:01 +08:00
};
}
2018-06-07 10:30:17 +08:00
2019-02-05 18:00:01 +08:00
protected override void PopIn()
{
Settings.MoveToY(0, transition_duration, Easing.OutQuint);
}
2018-12-26 17:38:58 +08:00
2019-02-05 18:00:01 +08:00
protected override void PopOut()
{
Settings.MoveToY(-1, transition_duration, Easing.InSine);
}
2019-02-05 18:00:01 +08:00
protected class MatchSettings : MultiplayerComposite
{
private const float disabled_alpha = 0.2f;
2020-02-14 19:34:15 +08:00
public Action EditPlaylist;
2019-02-05 18:00:01 +08:00
public OsuTextBox NameField, MaxParticipantsField;
public OsuDropdown<TimeSpan> DurationField;
public RoomAvailabilityPicker AvailabilityPicker;
public GameTypePicker TypePicker;
public TriangleButton ApplyButton;
2018-12-10 17:25:32 +08:00
2019-02-05 18:00:01 +08:00
public OsuSpriteText ErrorText;
2018-12-17 13:44:54 +08:00
2019-02-05 18:00:01 +08:00
private OsuSpriteText typeLabel;
private LoadingLayer loadingLayer;
2020-02-14 19:34:15 +08:00
private DrawableRoomPlaylist playlist;
2018-12-22 13:01:06 +08:00
2019-02-05 18:00:01 +08:00
[Resolved(CanBeNull = true)]
private IRoomManager manager { get; set; }
2019-02-08 14:20:11 +08:00
[Resolved]
private Bindable<Room> currentRoom { get; set; }
2019-02-05 18:00:01 +08:00
[BackgroundDependencyLoader]
private void load(OsuColour colours)
2018-06-06 11:29:52 +08:00
{
Container dimContent;
2019-02-05 18:00:01 +08:00
InternalChildren = new Drawable[]
2018-06-06 11:29:52 +08:00
{
dimContent = new Container
2018-06-06 11:53:24 +08:00
{
RelativeSizeAxes = Axes.Both,
Children = new Drawable[]
{
new Box
2018-06-06 11:53:24 +08:00
{
RelativeSizeAxes = Axes.Both,
Colour = OsuColour.FromHex(@"28242d"),
},
new GridContainer
{
RelativeSizeAxes = Axes.Both,
RowDimensions = new[]
2018-06-06 11:53:24 +08:00
{
new Dimension(GridSizeMode.Distributed),
new Dimension(GridSizeMode.AutoSize),
},
Content = new[]
{
new Drawable[]
2018-06-06 13:25:08 +08:00
{
new OsuScrollContainer
{
Padding = new MarginPadding
2018-12-26 14:03:35 +08:00
{
Horizontal = OsuScreen.HORIZONTAL_OVERFLOW_PADDING,
Vertical = 10
},
RelativeSizeAxes = Axes.Both,
Children = new[]
{
new Container
{
Padding = new MarginPadding { Horizontal = SearchableListOverlay.WIDTH_PADDING },
RelativeSizeAxes = Axes.X,
AutoSizeAxes = Axes.Y,
Children = new Drawable[]
2018-12-26 14:03:35 +08:00
{
new SectionContainer
{
Padding = new MarginPadding { Right = field_padding / 2 },
Children = new[]
{
new Section("Room name")
{
Child = NameField = new SettingsTextBox
{
RelativeSizeAxes = Axes.X,
TabbableContentContainer = this,
OnCommit = (sender, text) => apply(),
},
},
new Section("Duration")
{
Child = DurationField = new DurationDropdown
{
RelativeSizeAxes = Axes.X,
Items = new[]
{
TimeSpan.FromMinutes(30),
TimeSpan.FromHours(1),
TimeSpan.FromHours(2),
TimeSpan.FromHours(4),
TimeSpan.FromHours(8),
TimeSpan.FromHours(12),
//TimeSpan.FromHours(16),
TimeSpan.FromHours(24),
TimeSpan.FromDays(3),
TimeSpan.FromDays(7)
}
}
},
new Section("Room visibility")
{
Alpha = disabled_alpha,
Child = AvailabilityPicker = new RoomAvailabilityPicker
{
2019-02-05 18:00:01 +08:00
Enabled = { Value = false }
},
},
new Section("Game type")
{
Alpha = disabled_alpha,
Child = new FillFlowContainer
{
AutoSizeAxes = Axes.Y,
RelativeSizeAxes = Axes.X,
Direction = FillDirection.Vertical,
Spacing = new Vector2(7),
Children = new Drawable[]
{
TypePicker = new GameTypePicker
{
RelativeSizeAxes = Axes.X,
Enabled = { Value = false }
},
typeLabel = new OsuSpriteText
{
Font = OsuFont.GetFont(size: 14),
Colour = colours.Yellow
},
},
},
},
new Section("Max participants")
{
Alpha = disabled_alpha,
Child = MaxParticipantsField = new SettingsNumberTextBox
{
RelativeSizeAxes = Axes.X,
TabbableContentContainer = this,
ReadOnly = true,
OnCommit = (sender, text) => apply()
},
},
new Section("Password (optional)")
{
Alpha = disabled_alpha,
Child = new SettingsPasswordTextBox
{
RelativeSizeAxes = Axes.X,
TabbableContentContainer = this,
ReadOnly = true,
OnCommit = (sender, text) => apply()
},
},
},
2018-12-26 14:03:35 +08:00
},
new SectionContainer
2020-02-14 19:34:15 +08:00
{
Anchor = Anchor.TopRight,
Origin = Anchor.TopRight,
Padding = new MarginPadding { Left = field_padding / 2 },
Children = new[]
2020-02-14 19:34:15 +08:00
{
new Section("Playlist")
2020-02-14 19:34:15 +08:00
{
Child = new GridContainer
2020-02-14 19:34:15 +08:00
{
RelativeSizeAxes = Axes.X,
Height = 300,
Content = new[]
{
new Drawable[]
{
playlist = new DrawableRoomPlaylist(true, true) { RelativeSizeAxes = Axes.Both }
},
new Drawable[]
{
new PurpleTriangleButton
{
RelativeSizeAxes = Axes.X,
Height = 40,
Text = "Edit playlist",
Action = () => EditPlaylist?.Invoke()
}
}
},
RowDimensions = new[]
2020-02-14 19:34:15 +08:00
{
new Dimension(),
new Dimension(GridSizeMode.AutoSize),
2020-02-14 19:34:15 +08:00
}
}
},
},
2020-02-14 19:34:15 +08:00
},
},
}
2018-12-26 14:03:35 +08:00
},
},
2018-06-06 12:29:36 +08:00
},
new Drawable[]
{
new Container
{
Anchor = Anchor.BottomLeft,
Origin = Anchor.BottomLeft,
Y = 2,
2018-12-26 17:38:58 +08:00
RelativeSizeAxes = Axes.X,
AutoSizeAxes = Axes.Y,
Children = new Drawable[]
{
new Box
2018-12-26 17:38:58 +08:00
{
RelativeSizeAxes = Axes.Both,
Colour = OsuColour.FromHex(@"28242d").Darken(0.5f).Opacity(1f),
2018-12-26 17:38:58 +08:00
},
new FillFlowContainer
2018-12-26 17:38:58 +08:00
{
RelativeSizeAxes = Axes.X,
AutoSizeAxes = Axes.Y,
Direction = FillDirection.Vertical,
Spacing = new Vector2(0, 20),
Margin = new MarginPadding { Vertical = 20 },
Padding = new MarginPadding { Horizontal = OsuScreen.HORIZONTAL_OVERFLOW_PADDING },
Children = new Drawable[]
{
ApplyButton = new CreateRoomButton
{
Anchor = Anchor.BottomCentre,
Origin = Anchor.BottomCentre,
Size = new Vector2(230, 55),
Enabled = { Value = false },
Action = apply,
},
ErrorText = new OsuSpriteText
{
Anchor = Anchor.BottomCentre,
Origin = Anchor.BottomCentre,
Alpha = 0,
Depth = 1,
Colour = colours.RedDark
}
}
2018-12-26 17:38:58 +08:00
}
}
}
}
}
},
2018-12-20 14:17:33 +08:00
}
},
loadingLayer = new LoadingLayer(dimContent)
2019-02-05 18:00:01 +08:00
};
TypePicker.Current.BindValueChanged(type => typeLabel.Text = type.NewValue?.Name ?? string.Empty, true);
2019-04-25 16:36:17 +08:00
RoomName.BindValueChanged(name => NameField.Text = name.NewValue, true);
Availability.BindValueChanged(availability => AvailabilityPicker.Current.Value = availability.NewValue, true);
Type.BindValueChanged(type => TypePicker.Current.Value = type.NewValue, true);
MaxParticipants.BindValueChanged(count => MaxParticipantsField.Text = count.NewValue?.ToString(), true);
Duration.BindValueChanged(duration => DurationField.Current.Value = duration.NewValue, true);
2020-02-14 19:34:15 +08:00
playlist.Items.BindTo(Playlist);
2019-02-05 18:00:01 +08:00
}
2018-06-06 11:29:52 +08:00
2019-02-05 18:00:01 +08:00
protected override void Update()
{
base.Update();
2018-12-10 15:50:00 +08:00
2019-02-05 18:00:01 +08:00
ApplyButton.Enabled.Value = hasValidSettings;
}
2019-02-05 18:00:01 +08:00
private bool hasValidSettings => RoomID.Value == null && NameField.Text.Length > 0 && Playlist.Count > 0;
2019-02-05 18:00:01 +08:00
private void apply()
{
hideError();
2018-12-26 17:38:58 +08:00
2019-04-25 16:36:17 +08:00
RoomName.Value = NameField.Text;
2019-02-05 18:00:01 +08:00
Availability.Value = AvailabilityPicker.Current.Value;
Type.Value = TypePicker.Current.Value;
2019-02-05 18:00:01 +08:00
if (int.TryParse(MaxParticipantsField.Text, out int max))
MaxParticipants.Value = max;
else
MaxParticipants.Value = null;
2018-06-07 11:25:16 +08:00
2019-02-05 18:00:01 +08:00
Duration.Value = DurationField.Current.Value;
2018-12-19 09:51:54 +08:00
2019-02-21 17:56:34 +08:00
manager?.CreateRoom(currentRoom.Value, onSuccess, onError);
loadingLayer.Show();
2019-02-05 18:00:01 +08:00
}
2018-12-26 17:38:58 +08:00
2019-02-05 18:00:01 +08:00
private void hideError() => ErrorText.FadeOut(50);
2018-12-26 17:38:58 +08:00
private void onSuccess(Room room) => loadingLayer.Hide();
2019-02-05 18:00:01 +08:00
private void onError(string text)
{
ErrorText.Text = text;
ErrorText.FadeIn(50);
loadingLayer.Hide();
2019-02-05 18:00:01 +08:00
}
2018-06-07 11:25:16 +08:00
}
2018-06-06 12:29:36 +08:00
private class SettingsTextBox : OsuTextBox
{
2019-03-23 00:44:05 +08:00
[BackgroundDependencyLoader]
private void load()
{
BackgroundUnfocused = Color4.Black;
BackgroundFocused = Color4.Black;
}
2018-08-14 23:08:00 +08:00
}
2018-06-06 12:29:36 +08:00
private class SettingsNumberTextBox : SettingsTextBox
{
protected override bool CanAddCharacter(char character) => char.IsNumber(character);
}
2018-08-14 23:08:00 +08:00
private class SettingsPasswordTextBox : OsuPasswordTextBox
{
2019-03-23 00:44:05 +08:00
[BackgroundDependencyLoader]
private void load()
{
BackgroundUnfocused = Color4.Black;
BackgroundFocused = Color4.Black;
}
2018-06-06 12:29:36 +08:00
}
2018-06-06 11:53:24 +08:00
private class SectionContainer : FillFlowContainer<Section>
{
public SectionContainer()
{
2018-12-26 14:03:35 +08:00
RelativeSizeAxes = Axes.X;
AutoSizeAxes = Axes.Y;
Width = 0.5f;
2018-06-06 11:53:24 +08:00
Direction = FillDirection.Vertical;
Spacing = new Vector2(field_padding);
2018-06-06 11:53:24 +08:00
}
}
private class Section : Container
{
private readonly Container content;
protected override Container<Drawable> Content => content;
public Section(string title)
{
2018-06-06 12:29:36 +08:00
AutoSizeAxes = Axes.Y;
RelativeSizeAxes = Axes.X;
2018-06-06 11:53:24 +08:00
InternalChild = new FillFlowContainer
{
2018-06-06 12:29:36 +08:00
AutoSizeAxes = Axes.Y,
RelativeSizeAxes = Axes.X,
2018-06-06 11:53:24 +08:00
Direction = FillDirection.Vertical,
Spacing = new Vector2(5),
Children = new Drawable[]
{
new OsuSpriteText
{
Font = OsuFont.GetFont(weight: FontWeight.Bold, size: 12),
2018-06-06 11:53:24 +08:00
Text = title.ToUpper(),
},
content = new Container
{
2018-06-06 12:29:36 +08:00
AutoSizeAxes = Axes.Y,
RelativeSizeAxes = Axes.X,
2018-06-06 11:53:24 +08:00
},
},
};
}
}
private class CreateRoomButton : TriangleButton
2018-06-06 11:53:24 +08:00
{
public CreateRoomButton()
2018-06-06 11:53:24 +08:00
{
Text = "Create";
2018-06-06 11:53:24 +08:00
}
[BackgroundDependencyLoader]
private void load(OsuColour colours)
{
BackgroundColour = colours.Yellow;
2018-06-06 15:32:04 +08:00
Triangles.ColourLight = colours.YellowLight;
Triangles.ColourDark = colours.YellowDark;
2018-06-06 11:53:24 +08:00
}
}
2018-12-17 13:44:54 +08:00
private class DurationDropdown : OsuDropdown<TimeSpan>
{
public DurationDropdown()
{
Menu.MaxHeight = 100;
}
2020-02-20 17:43:47 +08:00
protected override string GenerateItemText(TimeSpan item) => item.Humanize();
2018-12-17 13:44:54 +08:00
}
2018-06-06 11:29:52 +08:00
}
}