phlexy_ui 0.1.7 → 0.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/lib/phlexy_ui/button.rb +44 -3
- data/lib/phlexy_ui/modal.rb +82 -0
- data/lib/phlexy_ui/version.rb +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 2442fc77587b1b97a19ebcbd234473202f73dae6f7acfc3feedb570e57525944
|
4
|
+
data.tar.gz: b77cf08ad3f977de8fcd04f1ccb5f090a638beb36353c6b1ef2a7ac2f55c1831
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 525b56ee4587186d2cbfdd8a5180b2975f7bd76954e852f039745ee029d8f62eec5a88688bc14e2c1f8d5b8d63dad7208477e8bee2c71c15f430d2dad8270aea
|
7
|
+
data.tar.gz: e856be656fec15626d2982824587f03b6fd61d3b13f22707b28153a6267fbfc7f59ee1fa85c5854c9679aac651d8b54398212395f110d925379f96dca1d9bda9
|
data/lib/phlexy_ui/button.rb
CHANGED
@@ -2,9 +2,10 @@
|
|
2
2
|
|
3
3
|
module PhlexyUI
|
4
4
|
class Button < Base
|
5
|
-
def initialize(*, as: :button, **)
|
5
|
+
def initialize(*, as: :button, modal: nil, **)
|
6
6
|
super(*, **)
|
7
7
|
@as = as
|
8
|
+
@modal = modal
|
8
9
|
end
|
9
10
|
|
10
11
|
def view_template(&)
|
@@ -14,14 +15,54 @@ module PhlexyUI
|
|
14
15
|
base_modifiers:,
|
15
16
|
options:
|
16
17
|
).then do |classes|
|
17
|
-
|
18
|
+
if modal
|
19
|
+
build_button_via_unsafe_raw(classes, &)
|
20
|
+
else
|
21
|
+
public_send(as, class: classes, **options, &)
|
22
|
+
end
|
18
23
|
end
|
19
24
|
end
|
20
25
|
|
21
26
|
private
|
22
27
|
|
28
|
+
attr_reader :modal
|
29
|
+
|
30
|
+
# TODO: Remove this once Phlex 2.0 is released.
|
31
|
+
#
|
32
|
+
# The cleanest way to do this is with a single:
|
33
|
+
#
|
34
|
+
# onclick: "#{Phlex::Escape.html_escape(modal)}.showModal()"
|
35
|
+
#
|
36
|
+
# However, currently, Phlex does not allow you to use the "onclick"
|
37
|
+
# attribute.
|
38
|
+
#
|
39
|
+
# Once Phlex 2.0 is released, it will add a #safe method
|
40
|
+
# that will allow us to replace this with a single line:
|
41
|
+
#
|
42
|
+
# onclick: safe("#{Phlex::Escape.html_escape(modal)}.showModal()")
|
43
|
+
def build_button_via_unsafe_raw(classes, &)
|
44
|
+
classes = Phlex::Escape.html_escape(classes.join(" "))
|
45
|
+
@options = options
|
46
|
+
.merge(onclick: "#{modal}.showModal()")
|
47
|
+
.reduce("") do |acc, (k, v)|
|
48
|
+
if k == :data
|
49
|
+
v.each do |k, v|
|
50
|
+
k = Phlex::Escape.html_escape(k)
|
51
|
+
v = Phlex::Escape.html_escape(v)
|
52
|
+
acc += " data-#{k}=\"#{v}\""
|
53
|
+
end
|
54
|
+
acc
|
55
|
+
else
|
56
|
+
k = Phlex::Escape.html_escape(k)
|
57
|
+
v = Phlex::Escape.html_escape(v)
|
58
|
+
"#{acc} #{k}=\"#{v}\""
|
59
|
+
end
|
60
|
+
end.strip
|
61
|
+
|
62
|
+
unsafe_raw %(<button class="#{classes}" #{options}>#{capture(&)}</button>)
|
63
|
+
end
|
64
|
+
|
23
65
|
register_modifiers(
|
24
|
-
# Modifiers
|
25
66
|
# "sm:no-animation"
|
26
67
|
# "md:no-animation"
|
27
68
|
# "lg:no-animation"
|
@@ -0,0 +1,82 @@
|
|
1
|
+
# frozen_string_literal: true
|
2
|
+
|
3
|
+
module PhlexyUI
|
4
|
+
class Modal < Base
|
5
|
+
def initialize(*, id:, **)
|
6
|
+
super(*, **)
|
7
|
+
@id = id
|
8
|
+
end
|
9
|
+
|
10
|
+
def view_template(&)
|
11
|
+
generate_classes!(
|
12
|
+
component_html_class: :modal,
|
13
|
+
modifiers_map: modifiers,
|
14
|
+
base_modifiers:,
|
15
|
+
options:
|
16
|
+
).then do |classes|
|
17
|
+
dialog(id:, class: classes, **options, &)
|
18
|
+
end
|
19
|
+
end
|
20
|
+
|
21
|
+
def body(*, as: :div, **options, &)
|
22
|
+
generate_classes!(
|
23
|
+
component_html_class: :"modal-box",
|
24
|
+
options:
|
25
|
+
).then do |classes|
|
26
|
+
if base_modifiers.include?(:tap_outside_to_close)
|
27
|
+
public_send(as, class: classes, **options, &)
|
28
|
+
backdrop
|
29
|
+
else
|
30
|
+
public_send(as, class: classes, **options, &)
|
31
|
+
end
|
32
|
+
end
|
33
|
+
end
|
34
|
+
|
35
|
+
def action(*, as: :div, **options, &)
|
36
|
+
generate_classes!(
|
37
|
+
component_html_class: :"modal-action",
|
38
|
+
options:
|
39
|
+
).then do |classes|
|
40
|
+
public_send(as, class: classes, **options, &)
|
41
|
+
end
|
42
|
+
end
|
43
|
+
|
44
|
+
def backdrop(*, **options, &)
|
45
|
+
generate_classes!(
|
46
|
+
component_html_class: :"modal-backdrop",
|
47
|
+
options:
|
48
|
+
).then do |classes|
|
49
|
+
form method: :dialog, class: classes, **options do
|
50
|
+
button
|
51
|
+
end
|
52
|
+
end
|
53
|
+
end
|
54
|
+
|
55
|
+
def close_button(*, **, &)
|
56
|
+
form method: :dialog do
|
57
|
+
render PhlexyUI::Button.new(*, **, &)
|
58
|
+
end
|
59
|
+
end
|
60
|
+
|
61
|
+
private
|
62
|
+
|
63
|
+
register_modifiers(
|
64
|
+
# "sm:modal-open"
|
65
|
+
# "md:modal-open"
|
66
|
+
# "lg:modal-open"
|
67
|
+
open: "modal-open",
|
68
|
+
# "sm:modal-top"
|
69
|
+
# "md:modal-top"
|
70
|
+
# "lg:modal-top"
|
71
|
+
top: "modal-top",
|
72
|
+
# "sm:modal-bottom"
|
73
|
+
# "md:modal-bottom"
|
74
|
+
# "lg:modal-bottom"
|
75
|
+
bottom: "modal-bottom",
|
76
|
+
# "sm:modal-middle"
|
77
|
+
# "md:modal-middle"
|
78
|
+
# "lg:modal-middle"
|
79
|
+
middle: "modal-middle"
|
80
|
+
)
|
81
|
+
end
|
82
|
+
end
|
data/lib/phlexy_ui/version.rb
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: phlexy_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.9
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- David Alejandro Aguilar Ramos
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2024-09-
|
11
|
+
date: 2024-09-28 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: phlex
|
@@ -113,6 +113,7 @@ files:
|
|
113
113
|
- lib/phlexy_ui/mask.rb
|
114
114
|
- lib/phlexy_ui/menu.rb
|
115
115
|
- lib/phlexy_ui/menu_item.rb
|
116
|
+
- lib/phlexy_ui/modal.rb
|
116
117
|
- lib/phlexy_ui/navbar.rb
|
117
118
|
- lib/phlexy_ui/sub_menu.rb
|
118
119
|
- lib/phlexy_ui/tab.rb
|