mirror of
https://github.com/basecamp/once-campfire.git
synced 2026-10-09 00:00:12 +09:00
Stanko K.R.
5c5821a395
The composer stores what's being written in localStorage per room and restores it when the room is opened again. Sending clears it.
64 lines
3.5 KiB
Plaintext
64 lines
3.5 KiB
Plaintext
<% content_for :footer do %>
|
|
<div class="composer flex align-end gap position-relative"
|
|
data-controller="typing-notifications" data-typing-notifications-active-class="typing-indicator--active">
|
|
<%= link_to searches_path, class: "btn flex-item-no-shrink margin-block-end composer__context-btn", style: "view-transition-name: input-switcher" do %>
|
|
<%= image_tag "search.svg", size: 20, aria: { hidden: "true" } %>
|
|
<span class="for-screen-reader">Search</span>
|
|
<% end %>
|
|
|
|
<turbo-frame id="composer-frame">
|
|
<%= composer_form_tag(room) do |form| %>
|
|
<fieldset data-composer-target="fields" contents>
|
|
<div class="flex flex-column">
|
|
<div class="composer__filelist flex flex--align-center gap flex-wrap" data-composer-target="fileList"></div>
|
|
|
|
<div class="flex composer__input input input--actor fill-white min-width" style="--input-border-radius: 1.3rem">
|
|
<div class="flex align-end gap full-width">
|
|
<%= image_tag "messages-outlined.svg", size: 22, aria: { hidden: "true" }, class: "composer__input-hint colorize--black", style: "view-transition-name: input-btn;" %>
|
|
|
|
<div class="flex flex-column flex-item-grow min-width gap">
|
|
<%= form.rich_text_area :body,
|
|
rows: 1,
|
|
class: "input lexxy-content",
|
|
style: "order: -1",
|
|
aria: { multiline: "true", label: "Write a message" },
|
|
"permitted-attachment-types": "application/vnd.campfire.mention application/vnd.actiontext.opengraph-embed",
|
|
data: {
|
|
controller: "unfurl",
|
|
action: "#{rich_text_data_actions} lexxy:change->composer#saveDraft lexxy:insert-link->unfurl#unfurl",
|
|
composer_target: "text" } do %>
|
|
<%= mention_prompt_tag room %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<label class="btn btn--borderless txt-small flex-item-no-shrink composer__attachment-btn input--file">
|
|
<%= image_tag "attachment.svg", size: 22, class: "colorize--black", aria: { hidden: "true" } %>
|
|
<input type="file" data-action="composer#filePicked" multiple />
|
|
<span class="for-screen-reader">Attach a file</span>
|
|
</label>
|
|
|
|
<button class="btn btn--borderless txt-small flex-item-no-shrink composer__rich-text-btn" type="button" data-action="composer#toggleToolbar">
|
|
<%= image_tag "text-options.svg", size: 20, class: "colorize--black", aria: { hidden: "true" } %>
|
|
<span class="for-screen-reader">Rich text</span>
|
|
</button>
|
|
|
|
<%= form.button name: "send", type: "submit", data: { action: "composer#submit" },
|
|
class: "btn btn--reversed flex-item-no-shrink txt-small" do %>
|
|
<%= image_tag "arrow-up.svg", size: 20, aria: { hidden: "true" } %>
|
|
<span class="for-screen-reader">Send Message</span>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<div class="typing-indicator gap txt-small align-center flex-inline" data-typing-notifications-target="indicator">
|
|
<div class="typing-indicator__author spinner" data-typing-notifications-target="author"></div>
|
|
</div>
|
|
|
|
<%= form.hidden_field :client_message_id, data: { composer_target: "clientid" } %>
|
|
<% end %>
|
|
</turbo-frame>
|
|
</div>
|
|
<% end %>
|