mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-07-23 15:19:38 +02:00
Add Custom Turbo Confirm Modal (#580)
* Add turbo confirm dialog * Add default fallback check * Fix locale typo and swap element type * Replaced locale folder and removed static strings from Turbo.setConfirmMethod * Normalize shared/en.yml
This commit is contained in:
parent
b1bfdef8ff
commit
7fa77b4fd7
5 changed files with 63 additions and 1 deletions
16
app/views/shared/_custom_confirm_modal.html.erb
Normal file
16
app/views/shared/_custom_confirm_modal.html.erb
Normal file
|
@ -0,0 +1,16 @@
|
|||
<dialog id="turbo-confirm" class="max-w-[420px] w-full rounded-xl">
|
||||
<form method="dialog" class="p-4">
|
||||
<div class="flex flex-col mb-4">
|
||||
<div class="flex justify-between mb-2 gap-4">
|
||||
<h3 id="turbo-confirm-title" class="font-medium text-md"><%= t('custom_turbo_confirm.default.title') %></h3>
|
||||
<button value="cancel">
|
||||
<%= lucide_icon("x", class: "w-5 h-5 shrink-0 text-gray-500") %>
|
||||
</button>
|
||||
</div>
|
||||
<div id="turbo-confirm-body" class="text-gray-500 text-sm">
|
||||
<%= t('custom_turbo_confirm.default.body_html') %>
|
||||
</div>
|
||||
</div>
|
||||
<button id="turbo-confirm-accept" class="w-full text-red-600 rounded-xl text-center p-[10px] border" value="confirm"><%= t('custom_turbo_confirm.default.accept') %></button>
|
||||
</form>
|
||||
</dialog>
|
Loading…
Add table
Add a link
Reference in a new issue