50 lines
2.6 KiB
Plaintext
50 lines
2.6 KiB
Plaintext
<div class="flash-msg <%= @type %> hidden max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto mt-4"
|
|
data-turbo="false"
|
|
data-notification-action-url="<%= @data.dig(:action, :url) %>"
|
|
data-notification-action-method="<%= @data.dig(:action, :method) %>"
|
|
data-notification-timeout="<%= @data[:timeout] %>"
|
|
data-controller="notification">
|
|
<div class="rounded-lg shadow-xs overflow-hidden">
|
|
<div class="p-4">
|
|
<div class="flex items-start">
|
|
<div class="flex-shrink-0">
|
|
<span class="inline-block h-6 w-6 <%= @icon_color_class %>">
|
|
<%= render "icons/#{@icon_name}" %>
|
|
</span>
|
|
</div>
|
|
<div class="ml-3 w-0 flex-1 pt-0.5">
|
|
<p class="text-sm leading-5 font-medium text-gray-900">
|
|
<%= @data[:title] %>
|
|
</p>
|
|
<% if @data[:body].present? %>
|
|
<p class="mt-1 text-sm leading-5 text-gray-500">
|
|
<%= @data[:body] %>
|
|
</p>
|
|
<% end %>
|
|
<% if @data[:action].present? %>
|
|
<div class="mt-2" data-notification-target="buttons">
|
|
<a data-turbo-frame="_top" <% if @data.dig(:action, :method) == 'get' %> href="<%= @data.dig(:action, :url) %>" <% else %> href="#" data-action="notification#run" <% end %> class="text-sm leading-5 font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:underline transition ease-in-out duration-150">
|
|
<%= @data.dig(:action, :name) %>
|
|
</a>
|
|
<button data-action="notification#close" class="ml-6 text-sm leading-5 font-medium text-gray-700 hover:text-gray-500 focus:outline-none focus:underline transition ease-in-out duration-150">
|
|
<%= t('.dismiss') %>
|
|
</button>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<div class="ml-4 flex-shrink-0 flex">
|
|
<button class="inline-flex text-gray-400 focus:outline-none focus:text-gray-500 transition ease-in-out duration-150" data-action="notification#close">
|
|
<!-- Heroicon name: solid/x -->
|
|
<svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
|
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% if @data[:countdown] %>
|
|
<div class="bg-indigo-600 rounded-lg h-1 w-0" data-notification-target="countdown"></div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|