rails_den 2.0.0

data/app/views/rails_den/shared/_composer.html.erb

@@ -0,0 +1,266 @@
+<%
+  composer_rows =
+    local_assigns.fetch(:rows, 8)
+
+  composer_required =
+    local_assigns.fetch(:required, true)
+
+  composer_autofocus =
+    local_assigns.fetch(:autofocus, false)
+
+  composer_placeholder =
+    local_assigns.fetch(:placeholder, nil)
+
+  composer_draft_url =
+    local_assigns.fetch(:draft_url, nil)
+
+  composer_draft_reply_to_id =
+    local_assigns.fetch(
+      :draft_reply_to_id,
+      nil
+    )
+
+  composer_draft_quoted_post_id =
+    local_assigns.fetch(
+      :draft_quoted_post_id,
+      nil
+    )
+
+  attachment_extensions =
+    RailsDen.configuration
+      .attachment_allowed_types
+      .keys
+      .map { |extension| extension.to_s.delete_prefix(".") }
+      .sort
+
+  attachment_accept =
+    attachment_extensions
+      .map { |extension| ".#{extension}" }
+      .join(",")
+
+  attachment_max_size =
+    RailsDen.configuration.attachment_max_size
+
+  composer_board =
+    if defined?(@board) && @board
+      @board
+    elsif defined?(@topic) && @topic
+      @topic.board
+    end
+
+  attachments_allowed =
+    composer_board.present? &&
+    RailsDen::PermissionResolver.allowed?(
+      user: current_rails_den_user,
+      capability: :upload,
+      board: composer_board
+    )
+%>
+
+<div class="rails-den-field">
+  <%= form.label field, label %>
+
+  <div class="rails-den-composer"
+       data-rails-den-composer
+       data-preview-url="<%= preview_path %>"
+       data-rails-den-mention-candidates-url="<%= mention_candidates_path(format: :json) %>"
+       <% if composer_draft_url.present? %>
+         data-rails-den-draft-url="<%= composer_draft_url %>"
+       <% end %>
+       <% if composer_draft_reply_to_id.present? %>
+         data-rails-den-draft-reply-to-id="<%= composer_draft_reply_to_id %>"
+       <% end %>
+       <% if composer_draft_quoted_post_id.present? %>
+         data-rails-den-draft-quoted-post-id="<%= composer_draft_quoted_post_id %>"
+       <% end %>>
+    <div class="rails-den-composer-tabs">
+      <button type="button"
+              class="rails-den-composer-tab is-active"
+              data-rails-den-composer-write-tab
+              aria-pressed="true">
+        Write
+      </button>
+
+      <button type="button"
+              class="rails-den-composer-tab"
+              data-rails-den-composer-preview-tab
+              aria-pressed="false">
+        Preview
+      </button>
+    </div>
+
+    <div class="rails-den-composer-toolbar"
+         role="toolbar"
+         aria-label="Formatting">
+      <button type="button"
+              class="rails-den-composer-tool"
+              data-rails-den-composer-action="bold"
+              title="Bold">
+        <strong>B</strong>
+      </button>
+
+      <button type="button"
+              class="rails-den-composer-tool"
+              data-rails-den-composer-action="italic"
+              title="Italic">
+        <em>I</em>
+      </button>
+
+      <button type="button"
+              class="rails-den-composer-tool"
+              data-rails-den-composer-action="strike"
+              title="Strikethrough">
+        <s>S</s>
+      </button>
+
+      <span class="rails-den-composer-toolbar-divider"></span>
+
+      <button type="button"
+              class="rails-den-composer-tool"
+              data-rails-den-composer-action="link"
+              title="Link">
+        Link
+      </button>
+
+      <button type="button"
+              class="rails-den-composer-tool"
+              data-rails-den-composer-action="code"
+              title="Inline code">
+        Code
+      </button>
+
+      <button type="button"
+              class="rails-den-composer-tool"
+              data-rails-den-composer-action="code-block"
+              title="Code block">
+        Code block
+      </button>
+
+      <button type="button"
+              class="rails-den-composer-tool"
+              data-rails-den-composer-action="quote"
+              title="Quote">
+        Quote
+      </button>
+
+      <button type="button"
+              class="rails-den-composer-tool"
+              data-rails-den-composer-action="spoiler"
+              title="Spoiler">
+        Spoiler
+      </button>
+
+      <span class="rails-den-composer-toolbar-divider"></span>
+
+      <div class="rails-den-composer-emoji-container">
+        <button type="button"
+                class="rails-den-composer-tool rails-den-composer-emoji-toggle"
+                data-rails-den-composer-emoji-toggle
+                aria-expanded="false"
+                title="Emoji">
+          😀
+        </button>
+
+        <div class="rails-den-composer-emoji-picker"
+             data-rails-den-composer-emoji-picker
+             hidden>
+          <% [
+               [ "😄", "smile" ],
+               [ "😂", "laughing" ],
+               [ "❤️", "heart" ],
+               [ "👍", "thumbs up" ],
+               [ "👀", "eyes" ],
+               [ "🔥", "fire" ],
+               [ "🎉", "party" ],
+               [ "🚀", "rocket" ],
+               [ "✅", "check" ],
+               [ "❌", "x" ],
+               [ "🤔", "thinking" ],
+               [ "🙌", "raised hands" ]
+             ].each do |emoji, name| %>
+            <button type="button"
+                    class="rails-den-composer-emoji"
+                    data-rails-den-composer-emoji="<%= emoji %>"
+                    aria-label="<%= name %>"
+                    title="<%= name %>">
+              <%= emoji %>
+            </button>
+          <% end %>
+        </div>
+      </div>
+    </div>
+
+    <div class="rails-den-composer-pane"
+         data-rails-den-composer-write-pane>
+      <%= form.text_area field,
+                         rows: composer_rows,
+                         required: composer_required,
+                         autofocus: composer_autofocus,
+                         placeholder: composer_placeholder,
+                         data: {
+                           rails_den_composer_input: true
+                         } %>
+    </div>
+
+    <div class="rails-den-composer-pane rails-den-composer-preview"
+         data-rails-den-composer-preview-pane
+         hidden>
+      <div class="rails-den-composer-preview-content"
+           data-rails-den-composer-preview-content>
+      </div>
+    </div>
+
+    <div class="rails-den-composer-status"
+         data-rails-den-composer-status
+         aria-live="polite">
+      Markdown supported
+    </div>
+  </div>
+
+  <% if attachments_allowed %>
+    <div class="rails-den-composer-attachments"
+         data-rails-den-attachment-picker>
+      <%= form.label :attachments,
+                     "Attachments",
+                     class: "rails-den-composer-attachments-label" %>
+
+      <%= form.file_field :attachments,
+                          multiple: true,
+                          accept: attachment_accept,
+                          class: "rails-den-composer-attachments-input",
+                          data: {
+                            rails_den_attachment_input: true
+                          } %>
+
+      <p class="rails-den-composer-attachments-help">
+        <% if attachment_max_size.present? %>
+          Up to
+          <%= number_to_human_size(attachment_max_size) %>
+          per file.
+        <% end %>
+
+        Allowed:
+        <%= attachment_extensions.map(&:upcase).join(", ") %>.
+      </p>
+
+      <div class="rails-den-attachment-queue"
+           data-rails-den-attachment-queue
+           hidden>
+      </div>
+
+      <div class="rails-den-visually-hidden"
+           data-rails-den-attachment-announcement
+           aria-live="polite"
+           aria-atomic="true">
+      </div>
+    </div>
+  <% end %>
+
+  <% if composer_draft_url.present? %>
+    <div class="rails-den-composer-status rails-den-draft-status"
+         data-rails-den-draft-status
+         aria-live="polite">
+      Draft autosave on
+    </div>
+  <% end %>
+</div>

data/app/views/rails_den/shared/_sponsor_placement.html.erb

@@ -0,0 +1,44 @@
+<% if sponsorship.present? %>
+  <% sponsor = sponsorship.sponsor %>
+
+  <% if sponsorship.destination_url.present? %>
+    <%= link_to sponsorship.destination_url,
+                class: "rails-den-sponsor-placement rails-den-sponsor-placement--#{position} rails-den-sponsor-placement--linked",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                aria: {
+                  label: "#{label}: #{sponsor.name}"
+                } do %>
+      <strong>Sponsored by:</strong>
+
+      <span class="rails-den-sponsor-name">
+        <%= sponsor.name %>
+      </span>
+
+      <% if sponsor.description.present? %>
+        <span aria-hidden="true">—</span>
+
+        <span class="rails-den-sponsor-description">
+          <%= sponsor.description %>
+        </span>
+      <% end %>
+    <% end %>
+  <% else %>
+    <aside class="rails-den-sponsor-placement rails-den-sponsor-placement--<%= position %>"
+           aria-label="<%= label %>">
+      <strong>Sponsored by:</strong>
+
+      <span class="rails-den-sponsor-name">
+        <%= sponsor.name %>
+      </span>
+
+      <% if sponsor.description.present? %>
+        <span aria-hidden="true">—</span>
+
+        <span class="rails-den-sponsor-description">
+          <%= sponsor.description %>
+        </span>
+      <% end %>
+    </aside>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,91 @@
+<% 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>
+      Tags
+    </span>
+
+    <span class="rails-den-breadcrumb-separator">
+      /
+    </span>
+
+    <span>
+      <%= @tag.title %>
+    </span>
+  </div>
+
+  <header class="rails-den-board-page-header">
+    <div>
+      <p class="rails-den-board-page-category">
+        Tag
+      </p>
+
+      <h1 class="rails-den-board-page-title">
+        <% if @tag.icon.present? %>
+          <%= @tag.icon %>
+        <% end %>
+
+        <%= @tag.title %>
+      </h1>
+
+      <% if @tag.description.present? %>
+        <p class="rails-den-board-page-description">
+          <%= @tag.description %>
+        </p>
+      <% end %>
+
+      <p class="rails-den-board-page-description">
+        <%= pluralize(
+              @topics.length,
+              "topic"
+            ) %>
+      </p>
+    </div>
+  </header>
+
+  <section class="rails-den-topics">
+    <header class="rails-den-topics-header">
+      <h2 class="rails-den-topics-title">
+        Topics tagged <%= @tag.title %>
+      </h2>
+    </header>
+
+    <% if @topics.any? %>
+      <div class="rails-den-board-list">
+        <% @topics.each do |topic| %>
+          <%= render "rails_den/topics/summary",
+                     topic: topic,
+                     unread_count:
+                       @unread_counts_by_topic_id.fetch(
+                         topic.id,
+                         0
+                       ),
+                     new_count:
+                       @new_post_counts_by_topic_id.fetch(
+                         topic.id,
+                         0
+                       ) %>
+        <% end %>
+      </div>
+    <% else %>
+      <div class="rails-den-topics-empty">
+        <h3>No topics use this tag yet</h3>
+
+        <p>
+          Topics tagged <%= @tag.title %> will appear here.
+        </p>
+      </div>
+    <% end %>
+  </section>
+</div>

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

@@ -0,0 +1 @@
+<%= render "rails_den/reports/form" %>

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

@@ -0,0 +1,15 @@
+<% if badges.present? %>
+  <span class="rails-den-post-author-badges"
+        aria-label="Member badges">
+    <% badges.each do |badge| %>
+      <span class="rails-den-post-author-badge"
+            title="<%= badge.description.presence || badge.name %>">
+        <span aria-hidden="true">
+          <%= badge.icon %>
+        </span>
+
+        <%= badge.name %>
+      </span>
+    <% end %>
+  </span>
+<% end %>

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

@@ -0,0 +1,45 @@
+<%
+  notification_level =
+    RailsDen::NotificationPreferences.level_for(
+      recipient: current_rails_den_user,
+      notifiable: topic
+    )
+
+  notification_options = [
+    [
+      "Watching — all new posts",
+      "watching"
+    ],
+    [
+      "Normal — replies, quotes & mentions",
+      "normal"
+    ],
+    [
+      "Muted — no notifications",
+      "muted"
+    ]
+  ]
+%>
+
+<%= form_with url: topic_notification_preference_path(topic),
+              method: :patch,
+              scope: :notification_preference,
+              class: "rails-den-topic-follow-form rails-den-notification-preference-form" do |form| %>
+  <%= form.label :level,
+                 "Notifications",
+                 class: "rails-den-notification-preference-label" %>
+
+  <%= form.select :level,
+                  options_for_select(
+                    notification_options,
+                    notification_level.to_s
+                  ),
+                  {},
+                  class: "rails-den-navbar-button rails-den-notification-preference-select",
+                  aria: {
+                    label: "Topic notification preference"
+                  } %>
+
+  <%= form.submit "Save",
+                  class: "rails-den-navbar-button rails-den-notification-preference-submit" %>
+<% end %>

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

@@ -0,0 +1,121 @@
+<%
+  unread_count =
+    local_assigns.fetch(
+      :unread_count,
+      0
+    )
+
+  new_count =
+    local_assigns.fetch(
+      :new_count,
+      0
+    )
+
+  last_post =
+    if local_assigns.key?(:last_post)
+      local_assigns[:last_post]
+    else
+      topic.last_visible_post
+    end
+
+  presence_map =
+    local_assigns[:presence_map]
+
+  last_post_presence =
+    presence_map&.status_for(
+      last_post&.author
+    )
+%>
+
+<article class="<%= class_names(
+  "rails-den-board",
+  "rails-den-topic-unread": unread_count.positive?
+) %>">
+  <div class="rails-den-board-content">
+    <h3 class="rails-den-board-title">
+      <%= link_to topic_path(topic),
+                  class: class_names(
+                    "rails-den-topic-title-link",
+                    "rails-den-topic-unread": unread_count.positive?
+                  ) do %>
+        <% if topic.pinned? %>
+          📌
+        <% end %>
+
+        <span class="<%= class_names(
+          "rails-den-topic-title",
+          "rails-den-topic-title-unread": unread_count.positive?
+        ) %>">
+          <%= topic.title %>
+        </span>
+
+        <% if topic.locked? %>
+          🔒
+        <% end %>
+
+        <% if unread_count.positive? %>
+          <span class="rails-den-topic-unread-badge">
+            <%= unread_count %> unread
+          </span>
+        <% end %>
+
+        <% if new_count.positive? %>
+          <span class="rails-den-topic-new-badge">
+            <%= new_count %> new
+          </span>
+        <% end %>
+      <% end %>
+    </h3>
+
+    <%= render "rails_den/topics/tags",
+               topic: topic %>
+
+    <p class="rails-den-board-description">
+      Started
+      <%= time_ago_in_words(topic.created_at) %>
+      ago
+
+      ·
+
+      <%= pluralize(
+            topic.reply_count,
+            "reply"
+          ) %>
+
+      <% if last_post %>
+        · Last post by
+
+        <%= RailsDen.user_display_name(
+              last_post.author
+            ) %>
+
+        <% if last_post_presence %>
+          <span class="rails-den-post-author-presence is-presence-<%= last_post_presence %>"
+                title="<%= last_post_presence.to_s.titleize %>"
+                aria-label="<%= last_post_presence.to_s.titleize %>">
+            <span class="rails-den-post-author-presence-dot"
+                  aria-hidden="true"></span>
+          </span>
+        <% end %>
+
+        <%= time_ago_in_words(
+              last_post.created_at
+            ) %>
+        ago
+      <% end %>
+    </p>
+  </div>
+
+  <div class="rails-den-topic-summary-actions">
+    <% if rails_den_user_signed_in? %>
+      <%= render "rails_den/bookmarks/topic_control",
+                 topic: topic,
+                 bookmark: local_assigns[:bookmark] %>
+    <% end %>
+
+    <span class="rails-den-board-arrow"
+          aria-hidden="true">
+      &rsaquo;
+    </span>
+  </div>
+</article>

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

@@ -0,0 +1,47 @@
+<%
+  visible_tags =
+    topic
+      .tags
+      .select(&:enabled?)
+      .sort_by do |tag|
+        [
+          tag.position,
+          tag.title.downcase,
+          tag.id
+        ]
+      end
+%>
+
+<% if visible_tags.any? %>
+  <div class="rails-den-topic-tags">
+    <% visible_tags.each do |tag| %>
+      <%
+        tag_style =
+          if tag.color.present?
+            "--rails-den-tag-color: #{tag.color};"
+          end
+      %>
+
+      <%= link_to tag_path(
+                    slug: tag.slug
+                  ),
+                  class: class_names(
+                    "rails-den-tag",
+                    "rails-den-tag--has-icon": tag.icon.present?
+                  ),
+                  style: tag_style,
+                  title: tag.description.presence do %>
+        <% if tag.icon.present? %>
+          <span class="rails-den-tag-icon"
+                aria-hidden="true">
+            <%= tag.icon %>
+          </span>
+        <% end %>
+
+        <span>
+          <%= tag.title %>
+        </span>
+      <% end %>
+    <% end %>
+  </div>
+<% end %>