Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 9 additions & 1 deletion gem/lib/ruby_ui/sheet/sheet.rb
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,11 @@

module RubyUI
class Sheet < Base
def initialize(open: false, **attrs)
@open = open
super(**attrs)
end

def view_template(&)
div(**attrs, &)
end
Expand All @@ -10,7 +15,10 @@ def view_template(&)

def default_attrs
{
data: {controller: "ruby-ui--sheet"}
data: {
controller: "ruby-ui--sheet",
ruby_ui__sheet_open_value: @open.to_s
}
}
end
end
Expand Down
6 changes: 6 additions & 0 deletions gem/lib/ruby_ui/sheet/sheet_controller.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,12 @@ import { Controller } from "@hotwired/stimulus"
export default class extends Controller {
static targets = ["content"]

static values = { open: false }

connect() {
if (this.openValue) this.open()
}

open() {
document.body.insertAdjacentHTML("beforeend", this.contentTarget.innerHTML)
}
Expand Down
12 changes: 12 additions & 0 deletions gem/test/ruby_ui/sheet_test.rb
Original file line number Diff line number Diff line change
Expand Up @@ -30,4 +30,16 @@ def test_render_with_all_items

assert_match(/Open Sheet/, output)
end

def test_render_closed_by_default
output = phlex { RubyUI.Sheet { "content" } }

assert_match(/data-ruby-ui--sheet-open-value="false"/, output)
end

def test_render_open_when_open_is_true
output = phlex { RubyUI.Sheet(open: true) { "content" } }

assert_match(/data-ruby-ui--sheet-open-value="true"/, output)
end
end