ids and classes

2024-09-30 14:10:00 +02:00
parent bf70ceacf1
commit 705bd8d61b
5 changed files with 85 additions and 44 deletions
@@ -1,54 +1,62 @@
 package main

 import (
-	"github.com/orus-dev/osui"
-	"github.com/orus-dev/osui/colors"
-	. "github.com/orus-dev/osui/ui"
+    "github.com/orus-dev/osui"
+    "github.com/orus-dev/osui/colors"
+    "github.com/orus-dev/osui/ui"
 )

 func main() {
-	screen := osui.NewScreen(App())
-	screen.Run()
+    screen := osui.NewScreen(App())
+    screen.Run()
 }

-func App() *PaginatorComponent {
-	w, h := osui.GetTerminalSize()
-	return Paginator(
-		// Page 1
-		Div(
-			Text("Welcome to the example! The blue text on the bottom show the keybindings"),
-			WithPosition(0, h-2, Text(colors.Blue+"Next Page: Tab. Previous Page: shift + tab")),
-		),
+func App() *ui.PaginatorComponent {
+    w, h := osui.GetTerminalSize()
+    
+    var keybindings ui.Class[*ui.TextComponent]
+    keybindings.SetProperties(func(tc *ui.TextComponent) *ui.TextComponent {
+        tc.Text = colors.Blue + tc.Text
+        tc.Data.Y = h - 2
+        return tc
+    })

-		// Page 2
-		Div(
-			WithPosition(0, 0, Text("This blue square is a div. A div stores multiple components into one")),
-			WithPosition((w-30)/2, (h-4)/2,
-				WithSize(30, 5,
-					Div(WithPosition(4, 1, Button("Hello, World!").Params(BtnParams{Width: 19}))).Params(DivParams{Style: DivStyle{Outline: colors.Blue}}),
-				)),
-			WithPosition(0, h-2, Text(colors.Blue+"Navigate: Ctrl+(W/A/S/D)")),
-		),
+    return ui.Paginator(
+        // Page 1
+        ui.Div(
+            ui.Text("Welcome to the example! The blue text on the bottom show the keybindings"),
+            keybindings.Class(ui.Text("Next Page: Tab. Previous Page: shift + tab")),
+        ),

-		// Page 3
-		Div(
-			WithPosition(0, 0, Text("This is a InputBox. It takes user input just like a GUI. "+colors.Red+colors.Bold+"NOTE: This InputBox is inside a div")),
-			WithPosition((w-32)/2, (h-3)/2, InputBox(30)),
-			WithPosition(0, h-2, Text(colors.Blue+"Navigate: W/S. Select: Enter. Exit Menu: Q. ")),
-		),
+        // Page 2
+        ui.Div(
+            ui.WithPosition(0, 0, ui.Text("This blue square is a div. A div stores multiple components into one")),
+            ui.WithPosition((w-30)/2, (h-4)/2,
+                ui.WithSize(30, 5,
+                    ui.Div(ui.WithPosition(4, 1, ui.Button("Hello, World!").Params(ui.ButtonParams{Width: 19}))).Params(ui.DivParams{Style: ui.DivStyle{Outline: colors.Blue}}),
+                )),
+            keybindings.Class(ui.Text("Navigate: Ctrl+(W/A/S/D)")),
+        ),

-		// Page 4
-		Div(
-			WithPosition(0, 0, Text("This is a Button. To click it press Enter. "+colors.Red+colors.Bold+"NOTE: This Button is inside a div")),
-			WithPosition((w-20)/2, (h-3)/2, Button("This is a button")),
-			WithPosition(0, h-2, Text(colors.Blue+"Navigate: Ctrl+(W/A/S/D). Click Button: Enter")),
-		),
+        // Page 3
+        ui.Div(
+            ui.WithPosition(0, 0, ui.Text("This is a InputBox. It takes user input just like a GUI. "+colors.Red+colors.Bold+"NOTE: This InputBox is inside a div")),
+            ui.WithPosition((w-32)/2, (h-3)/2, ui.InputBox(30)),
+            keybindings.Class(ui.Text("Navigate: Ctrl+(W/A/S/D). Finish: Enter.")),
+        ),

-		// Page 5
-		Div(
-			WithPosition(0, 0, Text("This is a Menu. It prompts you to select a item. "+colors.Red+colors.Bold+"NOTE: This Menu is inside a div")),
-			WithPosition(0, 2, Menu("Item 1", "Item 2", "Item 3", "Item 4", "Item 5").Params(MenuParams{})),
-			WithPosition(0, h-2, Text(colors.Blue+"Navigate: Ctrl+(W/A/S/D). Navigate Menu: W/S. Select: Enter. Exit Menu: Q. ")),
-		),
-	)
+        // Page 4
+        ui.Div(
+            ui.WithPosition(0, 0, ui.Text("This is a Button. To click it press Enter. "+colors.Red+colors.Bold+"NOTE: This Button is inside a div")),
+            ui.WithPosition((w-20)/2, (h-3)/2, ui.Button("This is a button")),
+            keybindings.Class(ui.Text("Navigate: Ctrl+(W/A/S/D). Click Button: Enter")),
+        ),
+
+        // Page 5
+        ui.Div(
+            ui.WithPosition(0, 0, ui.Text("This is a Menu. It prompts you to select an item. "+colors.Red+colors.Bold+"NOTE: This Menu is inside a div")),
+            ui.WithPosition(0, 2, ui.Menu("Item 1", "Item 2", "Item 3", "Item 4", "Item 5").Params(ui.MenuParams{OnSelected: func(mc *ui.MenuComponent, b bool) {}})),
+            keybindings.Class(ui.Text("Navigate: Ctrl+(W/A/S/D). Navigate Menu: W/S. Select: Enter. Exit Menu: Q. ")),
+        ),
+    )
 }