You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.2 KiB
36 lines
1.2 KiB
<div
|
|
id='flashbar'
|
|
class='flex justify-center'
|
|
data-controller='flash' data-turbo-permanent
|
|
data-action="popup-toast@window->flash#popup"
|
|
>
|
|
<!--
|
|
here is a shadow root which serves as a placeholder for the toaster area.
|
|
data-turbo-permant prevents morphing to dismiss active toasts
|
|
-->
|
|
|
|
<%# <div role="alert" class="toastify on toastify-center alert alert-success inset-ring-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 shrink-0 stroke-current" fill="none" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
<div>
|
|
super long sentence which should wrap at least once or various lines.
|
|
super long sentence which should wrap at least once or various lines.
|
|
</div>
|
|
<button class='toast-close'>x</button>
|
|
</div> %>
|
|
|
|
</div>
|
|
|
|
<div class='hidden'
|
|
data-controller='flash'
|
|
data-action="turbo:load@window->flash#onLoad"
|
|
>
|
|
<% flash.each do |type, messages| %>
|
|
<% Array(messages).each do |message| %>
|
|
<div data-flash-target='flashItem' data-type='<%= type %>'>
|
|
<%= message %>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|