mirror of
https://github.com/basecamp/once-campfire.git
synced 2026-09-01 11:21:31 +09:00
Kevin McConnell
32 lines
1.7 KiB
Plaintext
32 lines
1.7 KiB
Plaintext
<turbo-frame id="direct_rooms_control" target="_top">
|
|
<div class="directs directs--new flex flex-column gap">
|
|
<%= form_with model: @room, class: "flex gap flex-item-grow", data: {
|
|
controller: "form", action: "keydown.esc->form#cancel" } do |form| %>
|
|
<%= link_to user_sidebar_path, class: "btn flex-item-no-shrink", data: { turbo_frame: "user_sidebar", form_target: "cancel" } do %>
|
|
<%= image_tag "arrow-left.svg", aria: { hidden: "true" } %>
|
|
<span class="for-screen-reader">Cancel changes</span>
|
|
<% end %>
|
|
|
|
<section class="autocomplete__container unpad input input--actor">
|
|
<div class="autocomplete__input input flex flex-wrap position-relative flex-item-grow"
|
|
data-controller="autocomplete" data-autocomplete-url-value="<%= autocompletable_users_path %>">
|
|
<select name="user_ids[]" data-autocomplete-target="select" data-template-id="autocompletable-user" multiple="true" hidden required></select>
|
|
|
|
<%= render "users/autocompletables/template" %>
|
|
|
|
<%= form.text_field "user_ids_input",
|
|
autocomplete: "off", autocorrect: "off", "data-1p-ignore": "true", class: "autocomplete__input input flex flex-wrap position-relative",
|
|
data: { autocomplete_target: "input", action: "input->autocomplete#search keydown->autocomplete#didPressKey" } %>
|
|
</div>
|
|
</section>
|
|
|
|
<%= button_tag class: "btn btn--reversed flex-item-no-shrink", type: "submit" do %>
|
|
<%= image_tag "check.svg", aria: { hidden: "true" } %>
|
|
<span class="for-screen-reader">Start Ping</span>
|
|
<% end %>
|
|
<% end %>
|
|
|
|
<span class="txt-small translucent pad-inline-half center">Type names to ping someone…</span>
|
|
</div>
|
|
</turbo-frame>
|