Add simple topics display to articles

Author: rossta

app/content/layouts/article.html.erb

@@ -13,7 +13,7 @@
    ) %>
 <%= render "application/skip_to_content" %>
 <%= render_layout "application" do %>
-  <article itemscope itemtype="http://schema.org/Article">
+  <article itemscope itemtype="http://schema.org/Article" class="mb-3xl">
     <%= render Pages::Header.new(
           title: current_page.data.title!,
           description: current_page.data.description,
@@ -33,9 +33,14 @@
         </nav>
       </aside>
     <%- end -%>
-    <div class="article-content container mb-3xl" itemprop="articleBody">
+    <div class="article-content container" itemprop="articleBody">
       <%= yield %>
     </div>
+    <% if @page.topics.any? %>
+      <section class="section-content container">
+        <%= render Pages::Topics.new(topics: @page.topics.pluck(:slug)) %>
+      </section>
+    <% end %>
   </article>
   <section id="newsletter-signup">
     <%= render "users/newsletter_subscriptions/banner" %>

app/controllers/site_controller.rb

@@ -5,9 +5,11 @@ class SiteController < Sitepress::SiteController
   # render_resource is a helper method provided by Sitepress to render the current resource.
   # requested_resource is the Sitepress::Resource object that represents the current page.
   #
-  # def show
-  #   render_resource requeste_resource
-  # end
+  def show
+    @page = Page.find_or_initialize_by(request_path: request.path)
+
+    super
+  end
 
   protected
 
@@ -19,7 +21,7 @@ class SiteController < Sitepress::SiteController
   #
   # For example, the rendition could be modified via `Nokogiri::HTML5::DocumentFragment(rendition)`.
   #
-  # @param rendition [Sitepress::Rendition] Rendered representatio of current_resource
+  # @param rendition [Sitepress::Rendition] Rendered representation of current_resource
   #
   def process_rendition(rendition)
   end

app/views/application/_footer.html.erb

@@ -14,6 +14,9 @@
             <li>
               <a href="/articles">Articles</a>
             </li>
+            <li>
+              <%= link_to "Topics", topics_path %>
+            </li>
             <li>
               <%= link_to "Snippets", share_snippets_path %>
             </li>

app/views/components/pages/topics.rb

@@ -0,0 +1,27 @@
+module Pages
+  class Topics < ApplicationComponent
+    include PhlexConcerns::FlexBlock
+
+    attr_reader :topics
+
+    def initialize(topics: [])
+      @topics = topics
+    end
+
+    def view_template
+      if topics.empty?
+        plain ""
+        return
+      end
+
+      p(class: "topics") do
+        topics.each do |topic|
+          a(href: topic_path(topic), class: "topic step--1") do
+            "##{topic.try(:slug) || topic}"
+          end
+          whitespace
+        end
+      end
+    end
+  end
+end