ruflet/examples/main.rb at main · AdamMusa/ruflet · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
require "ruflet"

class MainApp < Ruflet::App
  def view(page)
    page.title = "Navigation: Go + Replace"

    page.on_route_change = ->(_e) { render(page) }
    page.on_view_pop = ->(_e) { handle_back(page) }

    render(page)
  end

  private

  def render(page)
    route = route_path(page.route)

    if route == "/replace"
      page.views = [replace_view(page)]
    elsif route == "/go"
      page.views = [home_view(page), go_view(page)]
    else
      page.views = [home_view(page)]
    end

    page.update
  end

  def handle_back(page)
    page.go("/")
  end

  def home_view(page)
    Ruflet::DSL.widget(
      :view,
      route: "/",
      appbar: app_bar(
        bgcolor: "#d9d7db",
        color: "#232329",
        title: text(value: "Home", style: { size: 18 })
      ),
      padding: 16,
      children: [
        text(value: "Home Screen", style: { size: 24 }),
        text(value: "Tap to go to Replace screen using page.go()."),
        button(
          content: text(value: "Go to Go Screen (with back nav)"),
          on_click: ->(_e) { page.go("/go", nav: "go") }
        ),
        button(
          content: text(value: "Go to Replace"),
          on_click: ->(_e) { page.go("/replace", nav: "go") }
        )
      ]
    )
  end

  def replace_view(page)
    Ruflet::DSL.widget(
      :view,
      route: "/replace",
      appbar: app_bar(
        bgcolor: "#d9d7db",
        color: "#232329",
        title: text(value: "Replace", style: { size: 18 })
      ),
      padding: 16,
      children: [
        text(value: "Replace Screen", style: { size: 24 }),
        text(value: "Current route: #{page.route}"),
        text(value: "Use replace below to return Home without back stack."),
        button(
          content: text(value: "Replace with Home"),
          on_click: ->(_e) { page.go("/", nav: "replace") }
        )
      ]
    )
  end

  def go_view(page)
    Ruflet::DSL.widget(
      :view,
      route: "/go",
      appbar: app_bar(
        bgcolor: "#d9d7db",
        color: "#232329",
        title: text(value: "Go Screen", style: { size: 18 })
      ),
      padding: 16,
      children: [
        text(value: "Go Screen", style: { size: 24 }),
        text(value: "Opened via page.go('/go')."),
        text(value: "Back navigation should return to Home."),
        button(
          content: text(value: "Go Back Home"),
          on_click: ->(_e) { page.go("/", nav: "go") }
        )
      ]
    )
  end

  def route_path(route)
    route.to_s.split("?").first
  end
end

MainApp.new.run