Class: RubyNative::Helper::NavbarBuilder

Inherits:
Object
  • Object
show all
Defined in:
lib/ruby_native/helper.rb

Instance Method Summary collapse

Constructor Details

#initialize(context) ⇒ NavbarBuilder

Returns a new instance of NavbarBuilder.



105
106
107
108
 
# File 'lib/ruby_native/helper.rb', line 105

def initialize(context)
  @context = context
  @items = []
end

Instance Method Details

#button(title = nil, icon: nil, icons: nil, href: nil, click: nil, position: :trailing, selected: false, &block) ⇒ Object 



110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
 
# File 'lib/ruby_native/helper.rb', line 110

def button(title = nil, icon: nil, icons: nil, href: nil, click: nil, position: :trailing, selected: false, &block)
  resolved = RubyNative::Helper.resolve_icon(icon: icon, icons: icons, platform: @context.try(:native_platform))
  data = { native_button: "" }
  data[:native_title] = title if title
  data[:native_icon] = resolved if resolved
  data[:native_href] = href if href
  data[:native_click] = click if click
  data[:native_position] = position.to_s
  data[:native_selected] = "" if selected

  if block
    menu = NavbarMenuBuilder.new(@context)
    @context.capture(menu, &block)
    add(@context.tag.div(data: data) { menu.to_html })
  else
    add(@context.tag.div(data: data))
  end
end

#segment(title, href: nil, click: nil, selected: false) ⇒ Object

Adds a segment to the nav bar. On iOS the segments render as a centered segmented control (the same control the App Store uses for Apps/Games). Mark the current page's segment selected: true. Tapping a segment navigates to its href (or clicks the click selector), replacing history so the back button doesn't walk back through segment switches.



134
135
136
137
138
139
140
 
# File 'lib/ruby_native/helper.rb', line 134

def segment(title, href: nil, click: nil, selected: false)
  data = { native_segment: "", native_title: title }
  data[:native_href] = href if href
  data[:native_click] = click if click
  data[:native_selected] = "" if selected
  add(@context.tag.div(data: data))
end

#share_button(url: nil, title: "Share", icon: "square.and.arrow.up", icons: nil, position: :trailing) ⇒ Object

Adds a native share button to the nav bar. Tapping it opens the platform share sheet for url: (defaults to the current page on the web side) so it works even where embedded web views don't support navigator.share. Icons follow the same rules as the other navbar buttons: icon: applies to every platform and icons: ({ ios:, android: }) overrides per platform.



148
149
150
151
152
153
154
155
156
 
# File 'lib/ruby_native/helper.rb', line 148

def share_button(url: nil, title: "Share", icon: "square.and.arrow.up", icons: nil, position: :trailing)
  resolved = RubyNative::Helper.resolve_icon(icon: icon, icons: icons, platform: @context.try(:native_platform))
  data = { native_button: "", native_share: "" }
  data[:native_title] = title if title
  data[:native_icon] = resolved if resolved
  data[:native_position] = position.to_s
  data[:native_share_url] = url if url
  add(@context.tag.div(data: data))
end

#submit_button(title: "Save", click: "[type='submit']") ⇒ Object 



158
159
160
161
162
163
164
 
# File 'lib/ruby_native/helper.rb', line 158

def submit_button(title: "Save", click: "[type='submit']")
  add(@context.tag.div(data: {
    native_submit_button: "",
    native_title: title,
    native_click: click
  }))
end

#to_html ⇒ Object 



166
167
168
 
# File 'lib/ruby_native/helper.rb', line 166

def to_html
  @context.safe_join(@items)
end