rails_den 2.0.0

data/app/views/rails_den/bookmarks/_post_control.html.erb

@@ -0,0 +1,12 @@
+<div class="rails-den-bookmark-control rails-den-post-bookmark-control <%= "is-bookmarked" if bookmark %>" data-rails-den-bookmark>
+  <% if bookmark %>
+    <%= button_to bookmark_path(bookmark), method: :delete, params: { origin: "post" }, class: "rails-den-bookmark-toggle rails-den-post-action", form: { data: { rails_den_bookmark_form: true } }, aria: { pressed: true, label: "Remove post bookmark" } do %>
+      <span aria-hidden="true">✓</span> Bookmarked
+    <% end %>
+  <% else %>
+    <%= button_to topic_post_bookmark_path(post.topic, post), method: :post, class: "rails-den-bookmark-toggle rails-den-post-action", form: { data: { rails_den_bookmark_form: true } }, aria: { pressed: false, label: "Bookmark post" } do %>
+      <span aria-hidden="true">🔖</span> Bookmark
+    <% end %>
+  <% end %>
+  <p class="rails-den-bookmark-control-error" data-rails-den-bookmark-error hidden></p>
+</div>

data/app/views/rails_den/bookmarks/_topic_control.html.erb

@@ -0,0 +1,12 @@
+<div class="rails-den-bookmark-control <%= "is-bookmarked" if bookmark %>" data-rails-den-bookmark>
+  <% if bookmark %>
+    <%= button_to bookmark_path(bookmark), method: :delete, params: { origin: "topic", page: local_assigns[:page] }, class: "rails-den-bookmark-toggle", form: { data: { rails_den_bookmark_form: true } }, aria: { pressed: true, label: "Remove topic bookmark" } do %>
+      <span aria-hidden="true">✓</span> Bookmarked
+    <% end %>
+  <% else %>
+    <%= button_to topic_bookmark_path(topic), method: :post, params: { page: local_assigns[:page] }, class: "rails-den-bookmark-toggle", form: { data: { rails_den_bookmark_form: true } }, aria: { pressed: false, label: "Bookmark topic" } do %>
+      <span aria-hidden="true">🔖</span> Bookmark topic
+    <% end %>
+  <% end %>
+  <p class="rails-den-bookmark-control-error" data-rails-den-bookmark-error hidden></p>
+</div>

data/app/views/rails_den/bookmarks/index.html.erb

@@ -0,0 +1,78 @@
+<div class="rails-den-community rails-den-bookmarks-page">
+  <div class="rails-den-breadcrumbs">
+    <%= link_to "Community", root_path %><span class="rails-den-breadcrumb-separator">/</span><span>Bookmarks</span>
+  </div>
+
+  <header class="rails-den-bookmarks-header">
+    <p class="rails-den-board-page-category">Your library</p>
+    <h1>Bookmarks</h1>
+    <p>Topics and posts you've saved for later.</p>
+  </header>
+
+  <% if @bookmarks.any? %>
+    <div class="rails-den-bookmark-list">
+      <% @bookmarks.each do |bookmark| %>
+        <% target = bookmark.bookmarkable %>
+        <article class="rails-den-bookmark-card" id="bookmark-<%= bookmark.id %>">
+          <div class="rails-den-bookmark-card-header">
+            <span class="rails-den-bookmark-type"><%= target.is_a?(RailsDen::Topic) ? "Topic" : "Post" %></span>
+            <span class="rails-den-bookmark-saved">Saved <%= time_ago_in_words(bookmark.created_at) %> ago</span>
+          </div>
+
+          <% if target.is_a?(RailsDen::Topic) %>
+            <h2><%= target.title %></h2>
+            <p class="rails-den-bookmark-context"><%= target.board.title %></p>
+          <% else %>
+            <h2><%= target.topic.title %></h2>
+            <p class="rails-den-bookmark-context"><%= target.topic.board.title %> · <%= RailsDen.user_display_name(target.author) %></p>
+            <p class="rails-den-bookmark-excerpt"><%= truncate(strip_tags(target.body), length: 240) %></p>
+          <% end %>
+
+          <% if bookmark.note.present? %>
+            <div class="rails-den-bookmark-note"><strong>Note</strong><p><%= simple_format(bookmark.note, {}, wrapper_tag: "span") %></p></div>
+          <% end %>
+
+          <details class="rails-den-bookmark-note-editor" <%= "open" if @editing_bookmark_id == bookmark.id %>>
+            <summary><%= bookmark.note.present? ? "Edit note" : "Add note" %></summary>
+            <%= form_with model: bookmark, url: bookmark_path(bookmark), method: :patch do |form| %>
+              <%= hidden_field_tag :page, @page %>
+              <%= form.label :note, "Private bookmark note" %>
+              <%= form.text_area :note, maxlength: 2_000, rows: 4 %>
+              <% if bookmark.errors.any? %>
+                <div class="rails-den-bookmark-errors"><%= bookmark.errors.full_messages.to_sentence %></div>
+              <% end %>
+              <div class="rails-den-bookmark-note-actions">
+                <%= form.submit "Save", class: "rails-den-navbar-button" %>
+                <button type="button" class="rails-den-bookmark-cancel" onclick="this.closest('details').removeAttribute('open')">Cancel</button>
+              </div>
+            <% end %>
+          </details>
+
+          <div class="rails-den-bookmark-card-actions">
+            <% if target.is_a?(RailsDen::Topic) %>
+              <%= link_to "Open topic", topic_path(target), class: "rails-den-navbar-button" %>
+            <% else %>
+              <%= link_to "Open post", topic_path(target.topic, page: @post_pages.fetch(target.id), anchor: "post-#{target.id}"), class: "rails-den-navbar-button" %>
+            <% end %>
+            <%= button_to "Remove", bookmark_path(bookmark), method: :delete, params: { page: @page }, class: "rails-den-bookmark-remove" %>
+          </div>
+        </article>
+      <% end %>
+    </div>
+
+    <% if @total_pages > 1 %>
+      <nav class="rails-den-pagination" aria-label="Bookmark pages">
+        <%= link_to "Previous", bookmarks_path(page: @page - 1), class: "rails-den-navbar-button" if @page > 1 %>
+        <span class="rails-den-pagination-status">Page <%= @page %> of <%= @total_pages %></span>
+        <%= link_to "Next", bookmarks_path(page: @page + 1), class: "rails-den-navbar-button" if @page < @total_pages %>
+      </nav>
+    <% end %>
+  <% else %>
+    <section class="rails-den-bookmarks-empty">
+      <span aria-hidden="true">🔖</span>
+      <h2>Nothing bookmarked yet</h2>
+      <p>Save useful topics and posts and they'll appear here.</p>
+      <%= link_to "Community", root_path, class: "rails-den-navbar-button" %>
+    </section>
+  <% end %>
+</div>

data/app/views/rails_den/chat_channels/_form.html.erb

@@ -0,0 +1,174 @@
+<%= form_with model: channel,
+              url:
+                channel.persisted? ?
+                  chat_channel_path(channel.slug) :
+                  chat_channels_path,
+              class: "rails-den-chat-settings-form" do |form| %>
+
+  <% if channel.errors.any? %>
+    <div class="rails-den-chat-settings-errors"
+         role="alert">
+      <strong>
+        We couldn't save this channel.
+      </strong>
+
+      <ul>
+        <% channel.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="rails-den-chat-settings-section">
+    <div class="rails-den-chat-field">
+      <div class="rails-den-chat-field-heading">
+        <%= form.label :title,
+                       "Channel name" %>
+
+        <span>Required</span>
+      </div>
+
+      <div class="rails-den-chat-channel-name-field">
+        <span aria-hidden="true">#</span>
+
+        <%= form.text_field :title,
+                            required: true,
+                            autofocus: !channel.persisted?,
+                            autocomplete: "off",
+                            placeholder: "general",
+                            class:
+                              "rails-den-chat-settings-input rails-den-chat-channel-name-input" %>
+      </div>
+
+      <p class="rails-den-chat-field-help">
+        Keep it short and easy to recognize.
+      </p>
+    </div>
+
+    <div class="rails-den-chat-field">
+      <div class="rails-den-chat-field-heading">
+        <%= form.label :description,
+                       "Description" %>
+
+        <span>Optional</span>
+      </div>
+
+      <%= form.text_area :description,
+                         rows: 4,
+                         placeholder:
+                           "What's this channel about?",
+                         class:
+                           "rails-den-chat-settings-textarea" %>
+
+      <p class="rails-den-chat-field-help">
+        Give members a quick idea of what belongs here.
+      </p>
+    </div>
+  </div>
+
+  <div class="rails-den-chat-settings-section">
+    <div class="rails-den-chat-settings-section-title">
+      <h2>Visibility</h2>
+
+      <p>
+        Control who can find and enter this channel.
+      </p>
+    </div>
+
+    <% if rails_den_administrator? %>
+      <fieldset class="rails-den-chat-visibility-options">
+        <legend class="rails-den-visually-hidden">
+          Channel visibility
+        </legend>
+
+        <label class="rails-den-chat-visibility-choice">
+          <%= form.radio_button :visibility,
+                                "public",
+                                class:
+                                  "rails-den-chat-visibility-input" %>
+
+          <span class="rails-den-chat-visibility-option">
+            <span class="rails-den-chat-visibility-icon"
+                  aria-hidden="true">
+              #
+            </span>
+
+            <span class="rails-den-chat-visibility-text">
+              <strong>Public</strong>
+
+              <small>
+                Anyone with Chat access can find and enter.
+              </small>
+            </span>
+
+            <span class="rails-den-chat-visibility-selected"
+                  aria-hidden="true">
+              ✓
+            </span>
+          </span>
+        </label>
+
+        <label class="rails-den-chat-visibility-choice">
+          <%= form.radio_button :visibility,
+                                "private",
+                                class:
+                                  "rails-den-chat-visibility-input" %>
+
+          <span class="rails-den-chat-visibility-option">
+            <span class="rails-den-chat-visibility-icon"
+                  aria-hidden="true">
+              ◇
+            </span>
+
+            <span class="rails-den-chat-visibility-text">
+              <strong>Private</strong>
+
+              <small>
+                Only invited members can enter.
+              </small>
+            </span>
+
+            <span class="rails-den-chat-visibility-selected"
+                  aria-hidden="true">
+              ✓
+            </span>
+          </span>
+        </label>
+      </fieldset>
+    <% else %>
+      <%= form.hidden_field :visibility,
+                            value: "private" %>
+
+      <div class="rails-den-chat-private-setting">
+        <span class="rails-den-chat-private-setting-icon"
+              aria-hidden="true">
+          ◇
+        </span>
+
+        <div>
+          <strong>Private channel</strong>
+
+          <p>
+            Only you and members you invite can access it.
+          </p>
+        </div>
+      </div>
+    <% end %>
+  </div>
+
+  <footer class="rails-den-chat-settings-actions">
+    <%= link_to "Cancel",
+                channel.persisted? ?
+                  chat_channel_path(channel.slug) :
+                  chat_channels_path,
+                class:
+                  "rails-den-chat-settings-cancel" %>
+
+    <%= form.submit channel.persisted? ?
+                      "Save changes" :
+                      "Create channel",
+                    class:
+                      "rails-den-chat-settings-submit" %>
+  </footer>
+<% end %>

data/app/views/rails_den/chat_channels/edit.html.erb

@@ -0,0 +1,51 @@
+<% content_for :head do %>
+  <%= stylesheet_link_tag "rails_den/chat",
+                          "data-turbo-track": "reload" %>
+<% end %>
+
+<section class="rails-den-chat-settings-page">
+  <%= link_to "← #{@channel.title}",
+              chat_channel_path(@channel.slug),
+              class: "rails-den-chat-settings-back" %>
+
+  <header class="rails-den-chat-settings-header">
+    <span class="rails-den-chat-settings-kicker">
+      Channel settings
+    </span>
+
+    <h1><%= @channel.title %></h1>
+
+    <p>
+      Change the channel name, description, or visibility.
+    </p>
+  </header>
+
+  <div class="rails-den-chat-settings-panel">
+    <%= render "form",
+               channel: @channel %>
+  </div>
+
+  <section class="rails-den-chat-delete-panel">
+    <div>
+      <span class="rails-den-chat-delete-label">
+        Danger zone
+      </span>
+
+      <h2>Delete channel</h2>
+
+      <p>
+        This permanently deletes the channel and its messages.
+      </p>
+    </div>
+
+    <%= button_to "Delete channel",
+                  chat_channel_path(@channel.slug),
+                  method: :delete,
+                  class: "rails-den-chat-delete-button",
+                  form_class: "rails-den-chat-delete-form",
+                  data: {
+                    turbo_confirm:
+                      "Delete this channel and all of its messages?"
+                  } %>
+  </section>
+</section>