summaryrefslogtreecommitdiff
path: root/app/views/application
diff options
context:
space:
mode:
authorDavid Gay <david@davidgay.org>2021-07-06 20:11:20 -0400
committerDavid Gay <david@davidgay.org>2021-07-06 20:11:20 -0400
commit0ac5950f8c50bfcb6ce6cd89c0e80d982513cd15 (patch)
tree8d71642cb8fa11a62284d3f685bb6d126c32a4a6 /app/views/application
parentde4cece0f141d883d62614dfe132a24a5e140eda (diff)
Increase chat message area chat message limit from 100 to 200, and add a chat history page that shows the last 2,000 messages
Diffstat (limited to 'app/views/application')
-rw-r--r--app/views/application/_chat.html.erb21
1 files changed, 14 insertions, 7 deletions
diff --git a/app/views/application/_chat.html.erb b/app/views/application/_chat.html.erb
index b656ed7..1ba6f8f 100644
--- a/app/views/application/_chat.html.erb
+++ b/app/views/application/_chat.html.erb
@@ -3,13 +3,20 @@
<div data-chat-target="output" id="chat_output" class="game-container-box overflow-y-auto overflow-x-hidden break-words flex-grow">
</div>
<div class="flex-none">
- <%= form_with model: ChatMessage.new, html: { autocomplete: "off" }, local: false,
- data: { action: "chat#send" }, class: "flex" do |f| %>
- <%= f.collection_select :chat_room_id, ChatRoom.accessible_to(current_char.user),
- :id, :short_name, class: "flex-none" %>
- <%= f.text_field :body, size: "1", maxlength: 255, required: true,
- data: { chat_target: "message" }, class: "flex-grow inline-flex" %>
- <% end %>
+ <div class="flex items-center">
+ <div class="flex-grow">
+ <%= form_with model: ChatMessage.new, html: { autocomplete: "off" }, local: false,
+ data: { action: "chat#send" }, class: "flex" do |f| %>
+ <%= f.collection_select :chat_room_id, ChatRoom.accessible_to(current_char.user),
+ :id, :short_name, class: "flex-none" %>
+ <%= f.text_field :body, size: "1", maxlength: 255, required: true,
+ data: { chat_target: "message" }, class: "flex-grow inline-flex" %>
+ <% end %>
+ </div>
+ <div class="flex-none text-xs mx-2">
+ <%= link_to "History", chat_messages_path %>
+ </div>
+ </div>
</div>
</div>
<% end %>