playbook_ui_docs 14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5738 → 14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobugzindextoken5751
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/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml +0 -1
- metadata +2 -4
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.html.erb +0 -33
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_rails.md +0 -3
- /data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/{_fixed_confirmation_toast_auto_close_react.md → _fixed_confirmation_toast_auto_close.md} +0 -0
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 7bb4e87b48599ec5b0afd7c22fc51a98bce997cdb5932916803019863fd7939b
|
|
4
|
+
data.tar.gz: 5ad4afb32df90792041e1057cfd1ee0e7c7545ad3ba4b1f1b1d1f90f93e7db00
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 72b25aaded033527edeec405d9217784609a96603c0fbe54469417a2dacb4c31a45050f37af921991143c15ef1f17be296f54fb7165631bc091889ac126c5bb7
|
|
7
|
+
data.tar.gz: 1a0958dfa4edde7fdc68737f0e96fd9d869933f927e70a0f2b32a8bcc577c6df97fc0d4aa6ab1b29e21354d3234391d61b239aedb2c32e12bc0b55a1f66f577f
|
|
@@ -5,7 +5,6 @@ examples:
|
|
|
5
5
|
- fixed_confirmation_toast_multi_line: Multi Line
|
|
6
6
|
- fixed_confirmation_toast_close: Click to Close
|
|
7
7
|
- fixed_confirmation_toast_positions: Click to Show Positions
|
|
8
|
-
- fixed_confirmation_toast_auto_close: Click to Show Auto Close
|
|
9
8
|
- fixed_confirmation_toast_children: Children
|
|
10
9
|
- fixed_confirmation_toast_custom_icon: Custom Icon
|
|
11
10
|
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui_docs
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 14.12.0.pre.alpha.
|
|
4
|
+
version: 14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobugzindextoken5751
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -811,10 +811,8 @@ files:
|
|
|
811
811
|
- app/pb_kits/playbook/pb_filter/docs/example.yml
|
|
812
812
|
- app/pb_kits/playbook/pb_filter/docs/index.js
|
|
813
813
|
- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
|
|
814
|
-
- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.html.erb
|
|
815
814
|
- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.jsx
|
|
816
|
-
- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/
|
|
817
|
-
- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_react.md
|
|
815
|
+
- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.md
|
|
818
816
|
- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.html.erb
|
|
819
817
|
- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.jsx
|
|
820
818
|
- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.md
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("button", props: { text: "Show Closeable Auto Close Toast", variant: "secondary", data: { toast: "#toast-auto-close-closeable" } }) %>
|
|
2
|
-
|
|
3
|
-
<%= pb_rails("fixed_confirmation_toast", props: {
|
|
4
|
-
auto_close: 10000,
|
|
5
|
-
closeable: true,
|
|
6
|
-
id: "toast-auto-close-closeable",
|
|
7
|
-
text: "I will disappear in 10 seconds.",
|
|
8
|
-
status: "tip",
|
|
9
|
-
vertical: "top",
|
|
10
|
-
horizontal: "center"
|
|
11
|
-
}) %>
|
|
12
|
-
|
|
13
|
-
<script>
|
|
14
|
-
document.addEventListener('DOMContentLoaded', () => {
|
|
15
|
-
const toast10SecCloseable = document.querySelector("#toast-auto-close-closeable")
|
|
16
|
-
const button10SecCloseable = document.querySelector("button[data-toast='#toast-auto-close-closeable']")
|
|
17
|
-
|
|
18
|
-
const originalToast = toast10SecCloseable.cloneNode(true)
|
|
19
|
-
|
|
20
|
-
if (toast10SecCloseable) {
|
|
21
|
-
toast10SecCloseable.remove()
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
if (button10SecCloseable) {
|
|
25
|
-
button10SecCloseable.onclick = () => {
|
|
26
|
-
const newToast = originalToast.cloneNode(true)
|
|
27
|
-
newToast.style.display = "flex"
|
|
28
|
-
|
|
29
|
-
document.body.appendChild(newToast)
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
})
|
|
33
|
-
</script>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
Auto close is used when you want the confirmation toast to close automatically after a certain time. `auto_close` property will be a delay number in ms. The `auto_close` property currently only works in rails when it is a closeable one (`closeable: true`).
|
|
2
|
-
|
|
3
|
-
The script tag in this code snippet is for demonstration purposes only. It clones the toast in order to have it appear with a button click prompt and not upon initial page load. In a typical production environment the event triggering a fixed confirmation toast to appear would be handled by a controller or a separate javascript file.
|