mirror of
https://github.com/we-promise/sure.git
synced 2026-04-19 12:04:08 +00:00
90a9546f32
* Add lookbook + viewcomponent, organize design system file * Build menu component * Button updates * More button fixes * Replace all menus with new ViewComponent * Checkpoint: fix tests, all buttons and menus converted * Split into Link and Button components for clarity * Button cleanup * Simplify custom confirmation configuration in views * Finalize button, link component API * Add toggle field to custom form builder + Component * Basic tabs component * Custom tabs, convert all menu / tab instances in app * Gem updates * Centralized icon helper * Update all icon usage to central helper * Lint fixes * Centralize all disclosure instances * Dialog replacements * Consolidation of all dialog styles * Test fixes * Fix app layout issues, move to component with slots * Layout simplification * Flakey test fix * Fix dashboard mobile issues * Finalize homepage * Lint fixes * Fix shadows and borders in dark mode * Fix tests * Remove stale class * Fix filled icon logic * Move transparent? to public interface
31 lines
1.2 KiB
Plaintext
31 lines
1.2 KiB
Plaintext
<%# This dialog is used as an override to the browser's confirm API when submitting forms with data-turbo-confirm %>
|
|
<%# See confirm_dialog_controller.js and _htmldoc.html.erb %>
|
|
<%= render DialogComponent.new(id: "confirm-dialog", auto_open: false, data: { controller: "confirm-dialog" }, width: "sm") do |dialog| %>
|
|
<% dialog.with_body do %>
|
|
<form method="dialog" class="space-y-4">
|
|
<div class="space-y-2">
|
|
<div class="flex items-center justify-between gap-2">
|
|
<h3 class="font-medium text-primary" data-confirm-dialog-target="title">Are you sure?</h3>
|
|
<%= icon("x", as_button: true, type: "submit", value: "cancel") %>
|
|
</div>
|
|
|
|
<p class="text-sm text-secondary" data-confirm-dialog-target="subtitle">This action cannot be undone.</p>
|
|
</div>
|
|
|
|
<div>
|
|
<% ["primary", "outline-destructive", "destructive"].each do |variant| %>
|
|
<%= render ButtonComponent.new(
|
|
text: "Confirm",
|
|
variant: variant,
|
|
autofocus: true,
|
|
full_width: true,
|
|
value: "confirm",
|
|
data: { variant: variant, confirm_dialog_target: "confirmButton" },
|
|
hidden: true,
|
|
) %>
|
|
<% end %>
|
|
</div>
|
|
</form>
|
|
<% end %>
|
|
<% end %>
|