Jason Zimdars
b8d256d68d
- Keyboard shortcuts (ctrl-enter, meta-enter, esc) - Visible submit button - Hide tags while editing (so we can edit them inline later)
16 lines
1.1 KiB
Plaintext
16 lines
1.1 KiB
Plaintext
<%= turbo_frame_tag @bubble, :edit do %>
|
|
<%= form_with model: @bubble, url: bucket_bubble_path(@bubble.bucket, @bubble), class: "flex flex-column justify-center gap full-width", data: { controller: "form" } do |form| %>
|
|
<%= form.label :title, class: "flex flex-column justify-center align-center" do %>
|
|
<%= form.text_area :title, class: "input input--textara txt-align-center full-width borderless",
|
|
required: true, rows: 5, autofocus: true, placeholder: "Name it…",
|
|
data: { action: "keydown.ctrl+enter->form#submit:prevent keydown.meta+enter->form#submit:prevent keydown.esc->form#cancel focus->form#select" },
|
|
style: "color: var(--spat-color); --input-border-radius: 0" %>
|
|
<% end %>
|
|
<%= form.button "Save", class: "btn btn--reversed txt-small center", type: :submit do %>
|
|
<%= image_tag "check.svg", aria: { hidden: true }, size: 24 %>
|
|
<span class="for-screen-reader">Save</span>
|
|
<% end %>
|
|
<%= link_to "Close editor and discard changes", bucket_bubble_path(@bubble.bucket, @bubble), data: { form_target: "cancel" }, hidden: true %>
|
|
<% end %>
|
|
<% end %>
|