This repository has been archived on 2024-03-23. You can view files and clone it, but cannot push or open issues or pull requests.
ambition-legacy/frontend/ui/login.go

143 lines
4.5 KiB
Go
Raw Normal View History

package ui
import (
// Misc.
"fmt"
// Image
img "image"
// Ambition
// p "github.com/devraza/ambition/frontend/player"
// EbitenUI
"github.com/ebitenui/ebitenui/image"
"github.com/ebitenui/ebitenui/widget"
)
func makeLoginWindow(width, height int, root *widget.Container, shown *widget.Container) {
// Define the contents of the login window
loginContainer := widget.NewContainer(
widget.ContainerOpts.BackgroundImage(image.NewNineSliceColor(ui.colors["gray"])),
// the container will use a row layout to layout the textinput widgets
widget.ContainerOpts.Layout(widget.NewRowLayout(
widget.RowLayoutOpts.Direction(widget.DirectionVertical),
widget.RowLayoutOpts.Spacing(10),
widget.RowLayoutOpts.Padding(widget.NewInsetsSimple(20)))),
)
loginContainer.AddChild(widget.NewText(
widget.TextOpts.Text("Login", headingFace, ui.colors["purple"]),
widget.TextOpts.WidgetOpts(widget.WidgetOpts.LayoutData(widget.RowLayoutData{
Position: widget.RowLayoutPositionCenter,
Stretch: false,
})),
))
loginContainer.AddChild(widget.NewGraphic(
widget.GraphicOpts.WidgetOpts(widget.WidgetOpts.LayoutData(widget.RowLayoutData{
Stretch: true,
MaxHeight: 2,
})),
widget.GraphicOpts.ImageNineSlice(image.NewNineSliceColor(ui.colors["gray"])),
))
// Create the text inputs
usernameInput := widget.NewTextInput(
widget.TextInputOpts.WidgetOpts(
widget.WidgetOpts.LayoutData(widget.RowLayoutData{
Position: widget.RowLayoutPositionCenter,
Stretch: true,
}),
),
widget.TextInputOpts.Image(&widget.TextInputImage{
Idle: image.NewNineSliceColor(ui.colors["black"]),
Disabled: image.NewNineSliceColor(ui.colors["cyan"]),
}),
widget.TextInputOpts.Face(defaultFace),
widget.TextInputOpts.Color(&widget.TextInputColor{
Idle: ui.colors["white"],
Disabled: ui.colors["light_gray"],
Caret: ui.colors["green"],
}),
widget.TextInputOpts.Padding(widget.NewInsetsSimple(10)),
widget.TextInputOpts.CaretOpts(
widget.CaretOpts.Size(defaultFace, 2),
),
widget.TextInputOpts.Placeholder("Username"),
widget.TextInputOpts.SubmitHandler(func(args *widget.TextInputChangedEventArgs) {
fmt.Println("Text Submitted: ", args.InputText)
}),
)
passwordInput := widget.NewTextInput(
widget.TextInputOpts.WidgetOpts(
widget.WidgetOpts.LayoutData(widget.RowLayoutData{
Position: widget.RowLayoutPositionCenter,
Stretch: true,
}),
),
widget.TextInputOpts.Image(&widget.TextInputImage{
Idle: image.NewNineSliceColor(ui.colors["black"]),
Disabled: image.NewNineSliceColor(ui.colors["cyan"]),
}),
widget.TextInputOpts.Face(defaultFace),
widget.TextInputOpts.Color(&widget.TextInputColor{
Idle: ui.colors["white"],
Disabled: ui.colors["light_gray"],
Caret: ui.colors["green"],
}),
widget.TextInputOpts.Padding(widget.NewInsetsSimple(10)),
widget.TextInputOpts.CaretOpts(
widget.CaretOpts.Size(defaultFace, 2),
),
// Hide the text inputted
widget.TextInputOpts.Secure(true),
widget.TextInputOpts.Placeholder("Password"),
widget.TextInputOpts.SubmitHandler(func(args *widget.TextInputChangedEventArgs) {
fmt.Println("Text Submitted: ", args.InputText)
}),
)
// Add the text inputs to the login window
loginContainer.AddChild(usernameInput)
loginContainer.AddChild(passwordInput)
loginContainer.AddChild(widget.NewGraphic(
widget.GraphicOpts.WidgetOpts(widget.WidgetOpts.LayoutData(widget.RowLayoutData{
Stretch: true,
MaxHeight: 20,
})),
widget.GraphicOpts.ImageNineSlice(image.NewNineSliceColor(ui.colors["gray"])),
))
// Define the 'confirm' button
confirmButton := widget.NewButton(
// Button options
widget.ButtonOpts.WidgetOpts(
// Center the button both horizontally and vertically
widget.WidgetOpts.LayoutData(widget.RowLayoutData{
Position: widget.RowLayoutPositionCenter,
Stretch: false,
}),
),
// More options
widget.ButtonOpts.Image(buttonImage),
widget.ButtonOpts.Text("Confirm", defaultFace, &widget.ButtonTextColor{
Idle: ui.colors["white"],
}),
// Define the padding on the button
widget.ButtonOpts.TextPadding(widget.Insets{
Left: 20,
Right: 20,
Top: 10,
Bottom: 10,
}),
// Button on-click handler
widget.ButtonOpts.ClickedHandler(func(args *widget.ButtonClickedEventArgs) {
removeContainer(root, loginContainer)
addContainer(root, shown)
}),
)
loginContainer.AddChild(confirmButton)
// Place and show the login container
placeContainer(loginContainer, ui.width/3, ui.height/4, img.Point{ui.width / 3, ui.height / 3})
addContainer(root, loginContainer)
}