blob: 5c32e8a8a3f2df6980fc37cfc84eb9c5f5b06f78 (
plain)
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
|
# This component is used to make it easier to render the same fields styles
# throughout your app.
#
# Extensive documentation at: https://luckyframework.org/guides/frontend/html-forms#shared-components
#
# ## Basic usage:
#
# # Renders a text input by default and will guess the label name "Name"
# mount Shared::Field, op.name
# # Call any of the input methods on the block
# mount Shared::Field, op.email, &.email_input
# # Add other HTML attributes
# mount Shared::Field, op.email, &.email_input(autofocus: "true")
# # Pass an explicit label name
# mount Shared::Field, attribute: op.username, label_text: "Your username"
#
# ## Customization
#
# You can customize this component so that fields render like you expect.
# For example, you might wrap it in a div with a "field-wrapper" class.
#
# div class: "field-wrapper"
# label_for field
# yield field
# mount Shared::FieldErrors, field
# end
#
# You may also want to have more components if your fields look
# different in different parts of your app, e.g. `CompactField` or
# `InlineTextField`
class Shared::Field(T) < BaseComponent
# Raises a helpful error if component receives an unpermitted attribute
include Lucky::CatchUnpermittedAttribute
needs attribute : Avram::PermittedAttribute(T)
needs label_text : String?
def render(&)
label_for attribute, label_text
# You can add more default options here. For example:
#
# tag_defaults field: attribute, class: "input"
#
# Will add the class "input" to the generated HTML.
tag_defaults field: attribute do |tag_builder|
yield tag_builder
end
mount Shared::FieldErrors, attribute
end
# Use a text_input by default
def render
render &.text_input
end
end
|
