rails_den 2.0.0

data/app/views/rails_den/topics/new.html.erb

@@ -0,0 +1,181 @@
+<% content_for :head do %>
+  <%= stylesheet_link_tag "rails_den/tags",
+                          media: "all" %>
+<% end %>
+
+<div class="rails-den-community">
+  <div class="rails-den-breadcrumbs">
+    <%= link_to "Community", root_path %>
+
+    <span class="rails-den-breadcrumb-separator">
+      /
+    </span>
+
+    <span>
+      <%= @board.category.title %>
+    </span>
+
+    <span class="rails-den-breadcrumb-separator">
+      /
+    </span>
+
+    <%= link_to @board.title,
+                board_path(@board) %>
+
+    <span class="rails-den-breadcrumb-separator">
+      /
+    </span>
+
+    <span>
+      New Topic
+    </span>
+  </div>
+
+  <header class="rails-den-board-page-header">
+    <div>
+      <p class="rails-den-board-page-category">
+        <%= @board.title %>
+      </p>
+
+      <h1 class="rails-den-board-page-title">
+        Start a new topic
+      </h1>
+
+      <p class="rails-den-board-page-description">
+        Start a new conversation in <%= @board.title %>.
+      </p>
+    </div>
+  </header>
+
+  <section class="rails-den-auth-card rails-den-composer-card">
+    <% if @topic.errors.any? || @opening_post.errors.any? %>
+      <div class="rails-den-errors">
+        <strong>
+          We couldn't create this topic.
+        </strong>
+
+        <ul>
+          <% @topic.errors.full_messages.each do |message| %>
+            <li><%= message %></li>
+          <% end %>
+
+          <% @opening_post.errors.full_messages.each do |message| %>
+            <li><%= message %></li>
+          <% end %>
+        </ul>
+      </div>
+    <% end %>
+
+    <%= form_with model: @topic,
+                  url: board_topics_path(@board) do |form| %>
+      <div class="rails-den-field">
+        <%= form.label :title %>
+
+        <%= form.text_field :title,
+                            autofocus: true,
+                            placeholder: "What would you like to discuss?" %>
+      </div>
+
+      <% if @available_tags.any? %>
+        <div class="rails-den-tag-picker">
+          <div class="rails-den-tag-picker-heading">
+            Tags
+          </div>
+
+          <p class="rails-den-tag-picker-help">
+            Choose up to <%= RailsDen.config.max_tags_per_topic %> tags.
+          </p>
+
+          <div class="rails-den-tag-options">
+            <%= form.collection_check_boxes(
+                  :tag_ids,
+                  @available_tags,
+                  :id,
+                  :title
+                ) do |tag_fields| %>
+              <%= tag_fields.label(
+                    class: "rails-den-tag-option"
+                  ) do %>
+                <%= tag_fields.check_box(
+                      class: "rails-den-tag-option-checkbox"
+                    ) %>
+
+                <span>
+                  <%= tag_fields.text %>
+                </span>
+              <% end %>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+
+      <% if RailsDen.config.allow_member_created_tags %>
+        <div class="rails-den-field">
+          <%= form.label :new_tag_names,
+                         "Additional tags" %>
+
+          <%= form.text_field :new_tag_names,
+                              placeholder: "Separate new tags with commas" %>
+
+          <p class="rails-den-board-page-description">
+            New tags will be created when the topic is posted.
+          </p>
+        </div>
+      <% end %>
+
+      <% if @can_configure_topic_access %>
+        <fieldset class="rails-den-topic-access" data-topic-access>
+          <legend>Access</legend>
+          <p class="rails-den-board-page-description">
+            Restricted discussions remain subject to the parent category and board access.
+          </p>
+
+          <label class="rails-den-topic-access-option">
+            <%= form.radio_button :access_mode,
+                                  "everyone",
+                                  checked: @required_role_ids.empty? %>
+            <span><strong>Everyone who can access this board</strong></span>
+          </label>
+
+          <label class="rails-den-topic-access-option">
+            <%= form.radio_button :access_mode,
+                                  "specific",
+                                  checked: @required_role_ids.any? %>
+            <span><strong>Specific roles</strong></span>
+          </label>
+
+          <div class="rails-den-topic-access-roles">
+            <%= form.hidden_field :required_role_ids, multiple: true, value: "" %>
+            <%= form.collection_check_boxes(
+                  :required_role_ids,
+                  @access_roles,
+                  :id,
+                  :name
+                ) do |role_fields| %>
+              <%= role_fields.label(class: "rails-den-tag-option") do %>
+                <%= role_fields.check_box(
+                      checked: @required_role_ids.include?(role_fields.value.to_i),
+                      class: "rails-den-tag-option-checkbox"
+                    ) %>
+                <span><%= role_fields.text %></span>
+              <% end %>
+            <% end %>
+          </div>
+        </fieldset>
+      <% end %>
+
+      <%= fields_for @opening_post do |post_form| %>
+        <%= render "rails_den/shared/composer",
+                   form: post_form,
+                   field: :body,
+                   label: "Message",
+                   rows: 10,
+                   required: true,
+                   placeholder: "What would you like to say?" %>
+      <% end %>
+
+      <%= form.submit "Create topic",
+                      class: "rails-den-button" %>
+    <% end %>
+  </section>
+</div>

data/app/views/rails_den/topics/show.html.erb

@@ -0,0 +1,430 @@
+<% content_for :head do %>
+  <%= stylesheet_link_tag "rails_den/post_presence",
+                          "data-turbo-track": "reload" %>
+<% end %>
+
+<%
+  can_reply =
+    RailsDen::PermissionResolver.allowed?(
+      user: current_rails_den_user,
+      capability: :reply,
+      board: @topic.board
+    )
+
+  post_presence =
+    RailsDen::Presence::PageMap.call(
+      posts: @posts,
+      viewer: current_rails_den_user
+    )
+%>
+
+<div class="rails-den-community"
+     <% if @page_read_marker %>
+       data-rails-den-read-position-url="<%= topic_read_position_path(
+         @topic
+       ) %>"
+       data-rails-den-read-position-post-id="<%= @page_read_marker.id %>"
+     <% end %>
+     <% if @oneboxes_pending %>
+       data-rails-den-onebox-poll-url="<%= onebox_status_topic_path(
+         @topic,
+         page: @page
+       ) %>"
+     <% end %>>
+  <div class="rails-den-breadcrumbs">
+    <%= link_to "Community", root_path %>
+
+    <span class="rails-den-breadcrumb-separator">
+      /
+    </span>
+
+    <span>
+      <%= @topic.board.category.title %>
+    </span>
+
+    <span class="rails-den-breadcrumb-separator">
+      /
+    </span>
+
+    <%= link_to @topic.board.title,
+                board_path(@topic.board) %>
+
+    <span class="rails-den-breadcrumb-separator">
+      /
+    </span>
+
+    <span>
+      <%= @topic.title %>
+    </span>
+  </div>
+
+  <% if flash[:notice] %>
+    <div class="rails-den-notice">
+      <%= flash[:notice] %>
+    </div>
+  <% end %>
+
+  <header class="rails-den-board-page-header">
+    <div>
+      <p class="rails-den-board-page-category">
+        <%= @topic.board.title %>
+      </p>
+
+      <h1 class="rails-den-board-page-title">
+        <% if @topic.pinned? %>
+          📌
+        <% end %>
+
+        <%= @topic.title %>
+      </h1>
+
+      <%= render "rails_den/topics/tags",
+                 topic: @topic %>
+
+      <% if @topic.locked? %>
+        <p class="rails-den-board-page-description">
+          This topic is locked.
+        </p>
+      <% end %>
+    </div>
+
+    <% if current_rails_den_user %>
+      <div class="rails-den-board-page-actions">
+        <%= render "rails_den/topics/follow_button",
+                   topic: @topic,
+                   following: @topic_following %>
+
+        <% unless @topic.author == current_rails_den_user %>
+          <%= link_to "Report topic",
+                      new_topic_report_path(@topic),
+                      class: "rails-den-navbar-button" %>
+        <% end %>
+
+        <% if RailsDen::PermissionResolver.allowed?(
+             user: current_rails_den_user,
+             capability: :moderate,
+             topic: @topic
+           ) %>
+          <%= link_to "Moderate topic",
+                      moderation_topic_path(@topic),
+                      class: "rails-den-navbar-button" %>
+        <% end %>
+      </div>
+    <% end %>
+  </header>
+
+  <%= render "rails_den/shared/sponsor_placement",
+             sponsorship: @contextual_sponsorship,
+             label: @contextual_sponsorship_label,
+             position: "contextual" %>
+
+  <section class="rails-den-topics">
+    <header class="rails-den-topics-header">
+      <h2 class="rails-den-topics-title">
+        Conversation
+      </h2>
+    </header>
+
+    <% if @posts.any? %>
+      <div class="rails-den-board-list">
+        <% @posts.each do |post| %>
+          <% author_presence =
+            post_presence.status_for(
+              post.author
+            ) %>
+
+          <article class="rails-den-board"
+                   id="post-<%= post.id %>">
+            <div class="rails-den-board-content">
+              <div class="rails-den-post-heading">
+                <h3 class="rails-den-board-title">
+                  <% author_path =
+                    rails_den_member_path_for(
+                      post.author
+                    ) %>
+
+                  <% if author_path %>
+                    <%= link_to RailsDen.user_display_name(post.author),
+                                author_path,
+                                class: "rails-den-post-author-link" %>
+                  <% else %>
+                    <%= RailsDen.user_display_name(post.author) %>
+                  <% end %>
+
+                  <% if author_presence %>
+                    <span class="rails-den-post-author-presence is-presence-<%= author_presence %>"
+                          title="<%= author_presence.to_s.titleize %>"
+                          aria-label="<%= author_presence.to_s.titleize %>">
+                      <span class="rails-den-post-author-presence-dot"
+                            aria-hidden="true"></span>
+                    </span>
+                  <% end %>
+                </h3>
+
+                <% if rails_den_user_signed_in? &&
+                      !post.deleted? %>
+                  <%= render "rails_den/bookmarks/post_control",
+                             post: post,
+                             bookmark: @bookmark_state.post_bookmarks[post.id] %>
+                <% end %>
+              </div>
+
+              <div class="rails-den-board-description">
+                <%= time_ago_in_words(post.created_at) %> ago
+
+                <% if rails_den_user_signed_in? &&
+                      can_reply &&
+                      !@topic.locked? &&
+                      !post.deleted? %>
+                  ·
+                  <%= link_to "Reply",
+                              topic_path(
+                                @topic,
+                                page: @page,
+                                reply_to_id: post.id,
+                                anchor: "reply-form"
+                              ),
+                              class: "rails-den-post-reply-link" %>
+
+                  ·
+
+                  <%= link_to "Quote",
+                              topic_path(
+                                @topic,
+                                page: @page,
+                                quote_post_id: post.id,
+                                anchor: "reply-form"
+                              ),
+                              class: "rails-den-post-reply-link rails-den-post-quote-link" %>
+                <% end %>
+
+                <% if rails_den_can_edit_post?(post) %>
+                  ·
+                  <%= link_to "Edit",
+                              edit_topic_post_path(
+                                @topic,
+                                post,
+                                page: @page
+                              ),
+                              class: "rails-den-post-edit-link" %>
+                <% end %>
+
+                <% if rails_den_can_view_post_history?(post) %>
+                  ·
+                  <%= link_to "History",
+                              history_topic_post_path(
+                                @topic,
+                                post,
+                                page: @page
+                              ),
+                              class: "rails-den-post-edit-link rails-den-post-history-link" %>
+                <% end %>
+
+                <% if rails_den_user_signed_in? &&
+                      !post.deleted? &&
+                      post.author != current_rails_den_user %>
+                  ·
+                  <%= link_to "Report",
+                              new_topic_post_report_path(
+                                @topic,
+                                post
+                              ),
+                              class: "rails-den-post-reply-link" %>
+                <% end %>
+
+                <% if rails_den_can_delete_post?(post) %>
+                  ·
+                  <%= button_to "Delete",
+                                topic_post_path(
+                                  @topic,
+                                  post,
+                                  page: @page
+                                ),
+                                method: :delete,
+                                class: "rails-den-post-edit-link",
+                                form: {
+                                  style: "display: inline;"
+                                },
+                                style: "display: inline; padding: 0; border: 0; background: transparent; font: inherit; cursor: pointer;" %>
+                <% end %>
+
+                <% if rails_den_can_restore_post?(post) %>
+                  ·
+                  <%= button_to "Restore",
+                                restore_topic_post_path(
+                                  @topic,
+                                  post,
+                                  page: @page
+                                ),
+                                method: :patch,
+                                class: "rails-den-post-edit-link",
+                                form: {
+                                  style: "display: inline;"
+                                },
+                                style: "display: inline; padding: 0; border: 0; background: transparent; font: inherit; cursor: pointer;" %>
+                <% end %>
+              </div>
+
+              <% if post.deleted? %>
+                <div class="rails-den-post-body">
+                  <em>This post has been deleted.</em>
+                </div>
+              <% else %>
+                <div class="rails-den-post-body">
+                  <%= rails_den_render_post(post) %>
+                </div>
+
+                <%= render "rails_den/reactions/post_reactions",
+                           post: post,
+                           summaries: @reaction_summaries.fetch(post.id, []),
+                           enabled_reactions_exist: @enabled_reactions_exist,
+                           picker_reaction_types: @picker_reaction_types %>
+              <% end %>
+            </div>
+          </article>
+        <% end %>
+      </div>
+
+      <% if @total_pages > 1 %>
+        <nav class="rails-den-pagination"
+             aria-label="Topic pages">
+          <% if @page > 1 %>
+            <%= link_to "Previous",
+                        topic_path(
+                          @topic,
+                          page: @page - 1
+                        ),
+                        class: "rails-den-navbar-button" %>
+          <% end %>
+
+          <span class="rails-den-pagination-status">
+            Page <%= @page %> of <%= @total_pages %>
+          </span>
+
+          <% if @page < @total_pages %>
+            <%= link_to "Next",
+                        topic_path(
+                          @topic,
+                          page: @page + 1
+                        ),
+                        class: "rails-den-navbar-button" %>
+          <% end %>
+        </nav>
+      <% end %>
+    <% else %>
+      <div class="rails-den-topics-empty">
+        <h3>No posts yet</h3>
+
+        <p>
+          This topic does not have any posts yet.
+        </p>
+      </div>
+    <% end %>
+  </section>
+
+  <% unless @topic.locked? %>
+    <% if rails_den_user_signed_in? %>
+      <% if can_reply %>
+        <section class="rails-den-auth-card rails-den-reply-form"
+                 id="reply-form">
+          <h2 class="rails-den-auth-title">
+            Reply
+          </h2>
+
+          <% if @post.reply_to.present? %>
+            <div class="rails-den-reply-context">
+              <strong>
+                <% if @post.quoted_post.present? %>
+                  Quoting
+                <% else %>
+                  Replying to
+                <% end %>
+
+                <%= RailsDen.user_display_name(
+                      @post.reply_to.author
+                    ) %>
+              </strong>
+
+              ·
+
+              <%= link_to "Cancel",
+                          topic_path(
+                            @topic,
+                            page: @page,
+                            anchor: "reply-form"
+                          ) %>
+            </div>
+          <% end %>
+
+          <% if @post.errors.any? %>
+            <div class="rails-den-errors">
+              <strong>
+                We couldn't post your reply.
+              </strong>
+
+              <ul>
+                <% @post.errors.full_messages.each do |message| %>
+                  <li><%= message %></li>
+                <% end %>
+              </ul>
+            </div>
+          <% end %>
+
+          <%= form_with model: @post,
+                        url: topic_posts_path(
+                          @topic,
+                          page: @page
+                        ) do |form| %>
+            <% if @post.reply_to.present? %>
+              <%= form.hidden_field :reply_to_id %>
+            <% end %>
+
+            <% if @post.quoted_post.present? %>
+              <%= form.hidden_field :quoted_post_id %>
+            <% end %>
+
+            <%= render "rails_den/shared/composer",
+                       form: form,
+                       field: :body,
+                       label: "Your reply",
+                       rows: 8,
+                       required: true,
+                       placeholder: "Write your reply...",
+                       draft_url: topic_draft_path(
+                         @topic
+                       ),
+                       draft_reply_to_id: @post.reply_to&.id,
+                       draft_quoted_post_id: @post.quoted_post&.id %>
+
+            <%= form.submit "Post reply",
+                            class: "rails-den-button" %>
+          <% end %>
+        </section>
+      <% end %>
+    <% else %>
+      <section class="rails-den-empty-state">
+        <h2>Want to join the conversation?</h2>
+
+        <p>
+          Sign in to post a reply.
+        </p>
+
+        <% if main_app.respond_to?(:new_session_path) %>
+          <p>
+            <%= link_to "Sign in",
+                        main_app.new_session_path,
+                        class: "rails-den-navbar-button" %>
+          </p>
+        <% end %>
+      </section>
+    <% end %>
+  <% else %>
+    <section class="rails-den-empty-state">
+      <h2>Topic locked</h2>
+
+      <p>
+        New replies are no longer being accepted.
+      </p>
+    </section>
+  <% end %>
+</div>

data/config/locales/rails_den.en.yml

@@ -0,0 +1,65 @@
+en:
+  rails_den:
+    board_follows:
+      follow: "Follow Board"
+      following: "Following"
+      unfollow: "Unfollow Board"
+      following_busy: "Following…"
+      unfollowing_busy: "Unfollowing…"
+      followed_notice: "Board followed."
+      already_following_notice: "You already follow this board."
+      unfollowed_notice: "Board unfollowed."
+      already_unfollowed_notice: "You do not follow this board."
+      update_failed: "Could not update board follow. Try again."
+    topic_follows:
+      follow: "Follow"
+      following: "Following"
+      unfollow: "Unfollow"
+      following_busy: "Following…"
+      unfollowing_busy: "Unfollowing…"
+      followed_notice: "Topic followed."
+      already_following_notice: "You already follow this topic."
+      unfollowed_notice: "Topic unfollowed."
+      already_unfollowed_notice: "You do not follow this topic."
+      update_failed: "Could not update follow. Try again."
+    member_profiles:
+      community: "Community"
+      bio: "Bio"
+      stats: "Community activity"
+      topics: "Topics"
+      posts: "Posts"
+      followed_boards: "Followed Boards"
+      followed_topics: "Followed Topics"
+      topic_count:
+        one: "1 topic"
+        other: "%{count} topics"
+      post_count:
+        one: "1 post"
+        other: "%{count} posts"
+      followed_board_count:
+        one: "1 followed board"
+        other: "%{count} followed boards"
+      recent_topics: "Recent Topics"
+      recent_posts: "Recent Posts"
+      no_recent_topics: "No recent topics."
+      no_recent_posts: "No recent posts."
+      no_followed_boards: "No followed boards."
+      no_followed_topics: "No followed topics."
+      view_host_profile: "View host profile"
+      edit: "Edit profile"
+      edit_heading: "Edit community profile"
+      avatar: "Avatar"
+      avatar_help: "JPEG, PNG, WebP, or GIF. Maximum 5 MB."
+      remove_avatar: "Remove avatar"
+      bio_help: "Up to 2,000 characters. HTML is shown as text."
+      hide_followed_content: "Hide boards and topics I follow from other members"
+      hide_followed_content_help: "You will still see your own follow activity. Anonymous visitors never see it."
+      show_presence: "Show my presence"
+      show_presence_help: "Allow people who can view community presence to see when you are online or away and, when offline, when you were last seen."
+      show_current_board: "Show my current board"
+      show_current_board_help: "Allow people who can view your presence to see which board you are currently viewing. This has no effect when your presence is hidden."
+      save: "Save profile"
+      updated: "Profile updated."
+      avatar_removed: "Avatar removed."
+      follow_activity_hidden: "Follow activity: Hidden from other members"
+      follow_activity_visible: "Follow activity: Visible to signed-in members"