thredded 0.1.0 → 0.2.2

data/app/views/thredded/preferences/_form.html.erb

@@ -0,0 +1,28 @@
+<%= form_for [messageboard, preference], url: messageboard_preferences_path(messageboard),
+             html: { class: 'thredded--form thredded--notification-preferences-form' } do |f| %>
+  <ul class="thredded--form-list">
+    <li>
+      <%= f.label :notify_on_mention do %>
+        <%= f.check_box :notify_on_mention %>
+        @ Notifications
+        <p class="thredded--form-list--hint">
+          When someone mentions you by your username (eg: @sam)
+          you will receive an email with the contents of that post.
+        </p>
+      <% end %>
+    </li>
+    <li>
+      <%= f.label :notify_on_message do %>
+        <%= f.check_box :notify_on_message %>
+        Private Topic Notification
+        <p class="thredded--form-list--hint">
+          When you are first added to a private topic's discussion
+          you will receive an email with the contents of that initial
+          post.
+        </p>
+      <% end %>
+    </li>
+    <li><%= f.submit 'Update Settings', class: 'thredded--form--submit' %></li>
+  </ul>
+<% end %>
+

data/app/views/thredded/preferences/_header.html.erb

@@ -0,0 +1 @@
+<h1 class="thredded--preferences-header--title">Notification Settings For <em><%= messageboard.name %></em></h1>

data/app/views/thredded/preferences/edit.html.erb

@@ -0,0 +1,12 @@
+<% content_for :thredded_page_title, 'Notification Preferences' %>
+<% content_for :thredded_page_id, 'thredded--preferences-new' %>
+<% content_for :thredded_breadcrumbs, render('thredded/shared/messageboard_topics_breadcrumbs') %>
+
+<%= thredded_page do %>
+  <section class="thredded--main-section preferences">
+    <%= render 'thredded/preferences/header' %>
+    <%= render 'thredded/preferences/form',
+               messageboard: messageboard,
+               preference:   preference %>
+  </section>
+<% end %>

data/app/views/thredded/private_post_mailer/at_notification.html.erb

@@ -0,0 +1,11 @@
+<%= @post.filtered_content(self) %>
+
+<hr />
+
+<p>
+  This email was sent to you because <%= @post.user %> mentioned you in
+  "<%= link_to @post.postable.title, private_topic_private_post_url(@post.postable, @post, anchor: "post_#{@post.id}") %>".
+  <%= link_to 'View the conversation here.', private_topic_url(@post.postable) %>
+</p>
+
+<% # TODO: implement global notification preferences for private topics. %>

data/app/views/thredded/private_posts/_form.html.erb

@@ -0,0 +1 @@
+<%= render 'thredded/posts_common/form', topic: topic, post: post, button_text: button_text %>

data/app/views/thredded/private_posts/_private_post.html.erb

@@ -0,0 +1 @@
+<%= render 'thredded/posts_common/post', post: private_post %>

data/app/views/thredded/private_topic_mailer/message_notification.html.erb

@@ -0,0 +1,17 @@
+<%= @topic.posts.first.filtered_content(self) %>
+
+<hr />
+
+<p>
+  This email was sent to you because <%= @topic.user %> included you in a
+  private topic, "<%= link_to @topic.title, @topic %>".
+  <%= link_to 'Go here', @topic %>
+  to view the conversation.
+</p>
+
+<% if false # TODO: implement global notification preferences for private topics. %>
+<p>
+  To unsubscribe from these emails, update your
+  <%= link_to 'preferences', edit_messageboard_preferences_url(@topic.messageboard) %>.
+</p>
+<% end %>

data/app/views/thredded/private_topic_mailer/message_notification.text.erb

@@ -0,0 +1,13 @@
+<%= @topic.posts.first.content %>
+
+---
+
+This email was sent to you because <%= @topic.user %>
+included you in the private topic "<%= @topic.title %>".
+Go here to view the conversation:
+  <%= url_for @topic %>
+
+<% if false # TODO: implement global notification preferences for private topics. %>
+To unsubscribe from these emails, update your preferences here:
+  <%= edit_messageboard_preferences_url(@topic.messageboard) %>
+<% end %>

data/app/views/thredded/private_topics/_breadcrumbs.html.erb

@@ -0,0 +1,4 @@
+<ul class="thredded--navigation-breadcrumbs">
+  <li><%= link_to 'All Message Boards', messageboards_path %></li>
+  <li><%= link_to 'Private Topics', private_topics_path %></li>
+</ul>

data/app/views/thredded/private_topics/_form.html.erb

@@ -0,0 +1,24 @@
+<%= form_for private_topic,
+             url:  private_topics_path(@private_topic),
+             html: { class: "thredded--form #{local_assigns[:css_class]}", 'data-thredded-topic-form' => true } do |form| %>
+
+  <ul class="thredded--form-list on-top">
+    <li class="title">
+      <%= form.label :title, 'Private Topic Title' %>
+      <%= form.text_field :title, { placeholder: placeholder, required: true, 'data-thredded-topic-form-title' => true } %>
+    </li>
+
+    <li>
+      <%= form.label :user_id, 'Users in Private Topic' %>
+      <%= form.select :user_ids,
+                      form.object.users_for_select,
+                      form.object.users_selected_options,
+                      form.object.users_select_html_options %>
+    </li>
+
+    <%= render 'thredded/posts/content_field', form: form %>
+
+    <li><%= form.submit button_text, class: 'thredded--form--submit' %></li>
+  </ul>
+<% end %>
+

data/app/views/thredded/private_topics/_no_private_topics.html.erb

@@ -0,0 +1,6 @@
+<div class="thredded--empty">
+  <h3 class="thredded--empty--title">You have no private topics.</h3>
+  <a class="thredded--button" href="<%= new_private_topic_path(messageboard) %>">
+    Create your first private topic
+  </a>
+</div>

data/app/views/thredded/private_topics/_private_topic.html.erb

@@ -0,0 +1,22 @@
+<%= content_tag_for :article, private_topic, class: "thredded--topics--topic #{private_topic.css_class}" do %>
+  <div class="thredded--topics--posts-count"><%= private_topic.posts_count %></div>
+
+  <h1 class="thredded--topics--title">
+    <%= link_to private_topic.title, private_topic.original %>
+  </h1>
+
+  <cite class="thredded--topics--updated-by">
+    <%= time_ago private_topic.updated_at %>
+    <%= user_link private_topic.last_user %>
+  </cite>
+
+  <cite class="thredded--topics--started-by">
+    <%= time_ago private_topic.created_at %>
+    <%= user_link private_topic.user %>
+  </cite>
+
+  <ul class="thredded--topics--categories">
+    <%= render private_topic.categories %>
+  </ul>
+<% end %>
+

data/app/views/thredded/private_topics/index.html.erb

@@ -0,0 +1,23 @@
+<% content_for :thredded_page_title, 'Private Topics' %>
+<% content_for :thredded_page_id, 'thredded--private-topics-index' %>
+<% content_for :thredded_breadcrumbs, render('thredded/private_topics/breadcrumbs') %>
+
+<%= thredded_page do %>
+  <%= content_tag :section, class: 'thredded--main-section thredded--private-topics' do %>
+    <% if @private_topics.empty? -%>
+      <%= render 'thredded/private_topics/no_private_topics' %>
+    <% else -%>
+      <%= render 'thredded/private_topics/form',
+                 messageboard:  messageboard,
+                 private_topic: @new_private_topic,
+                 css_class:     'thredded--is-compact',
+                 placeholder:   'Start a New Private Topic',
+                 button_text:   'Create New Private Topic' %>
+      <%= render @decorated_private_topics %>
+    <% end -%>
+  <% end %>
+
+  <footer>
+    <%= paginate @private_topics %>
+  </footer>
+<% end %>

data/app/views/thredded/private_topics/new.html.erb

@@ -0,0 +1,13 @@
+<% content_for :thredded_page_title, 'Create a New Private Topic' %>
+<% content_for :thredded_page_id, 'thredded--new-private-topic' %>
+<% content_for :thredded_breadcrumbs, render('thredded/private_topics/breadcrumbs') %>
+
+<%= thredded_page do %>
+  <section class="thredded--main-section">
+    <%= render 'thredded/private_topics/form',
+               messageboard:  messageboard,
+               private_topic: @private_topic,
+               placeholder:   'New Private Topic Title',
+               button_text:   'Create New Private Topic' %>
+  </section>
+<% end %>

data/app/views/thredded/private_topics/show.html.erb

@@ -0,0 +1,14 @@
+<% content_for :thredded_page_title, private_topic.title %>
+<% content_for :thredded_page_id, 'thredded--posts' %>
+<% content_for :thredded_breadcrumbs, render('thredded/private_topics/breadcrumbs') %>
+
+<%= thredded_page do %>
+  <%= content_tag_for :section, private_topic, class: 'thredded--main-section thredded--topic thredded--private-topic' do %>
+    <%= render 'thredded/topics_common/header', topic: private_topic %>
+    <%= render @posts %>
+    <%= render 'thredded/private_posts/form',
+               topic:        private_topic,
+               post:         @post,
+               button_text:  'Submit Reply' %>
+  <% end %>
+<% end %>

data/app/views/thredded/search/_form.html.erb

@@ -0,0 +1,7 @@
+<% if messageboard.try(:persisted?) %>
+  <%= form_tag messageboard_topics_path(messageboard), method: 'get' do %>
+    <%= label :q, :search, 'Search', for: 'q', class: 'show-for-small', data: {toggle: '#q'} %>
+    <%= text_field_tag(:q, params[:q], { placeholder: 'Search Topics and Posts', type: 'search', class: 'input-search' }) %>
+    <%= submit_tag('Search', name: '') %>
+  <% end %>
+<% end %>

data/app/views/thredded/shared/_currently_online.html.erb

@@ -0,0 +1,16 @@
+<% if (users = active_users).present? %>
+  <aside data-thredded-currently-online class="thredded--currently-online">
+    <header>
+      <h3 class="thredded--currently-online--title open">Currently Online</h3>
+    </header>
+
+    <ul class="thredded--currently-online--users">
+      <% users.each do |user| %>
+        <li class="thredded--currently-online--user">
+          <img class="thredded--currently-online--avatar" src="<%= Thredded.avatar_url.call(user) %>" alt=""/>
+          <%= user %>
+        </li>
+      <% end %>
+    </ul>
+  </aside>
+<% end %>

data/app/views/thredded/shared/_flash_messages.html.erb

@@ -0,0 +1,7 @@
+<% [:success, :error, :notice, :alert].each do |key| %>
+  <% if flash[key] %>
+    <div class="thredded--flash-message thredded--flash-message--<%= key %>" id="flash">
+      <%= flash[key] %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/thredded/shared/_header.html.erb

@@ -0,0 +1,4 @@
+<header class="thredded--navigation" role="banner">
+  <%= render 'thredded/shared/top_nav' %>
+  <%= render 'thredded/shared/topic_nav' %>
+</header>

data/app/views/thredded/shared/_messageboard_topics_breadcrumbs.html.erb

@@ -0,0 +1,6 @@
+<ul class="thredded--navigation-breadcrumbs">
+  <li><%= link_to 'All Message Boards', messageboards_path %></li>
+  <% if messageboard %>
+    <li><%= link_to messageboard.name, messageboard_topics_path(messageboard) %></li>
+  <% end %>
+</ul>

data/app/views/thredded/shared/_notification_preferences.html.erb

@@ -0,0 +1,7 @@
+<% if messageboard.try(:persisted?) %>
+  <li>
+    <%= link_to edit_messageboard_preferences_path(messageboard) do %>
+      <span>Notification Settings</span>
+    <% end %>
+  </li>
+<% end %>

data/app/views/thredded/shared/_page.html.erb

@@ -0,0 +1,6 @@
+<div id="thredded--container" class="thredded--main-container <%= yield(:thredded_page_id) %>" data-thredded-page-id="<%= yield(:thredded_page_id) %>">
+  <%= render 'thredded/shared/header' %>
+  <%= render 'thredded/shared/flash_messages' %>
+  <%= yield :thredded_page_content %>
+  <%= render 'thredded/shared/currently_online' %>
+</div>

data/app/views/thredded/shared/_time_ago.html.erb

@@ -0,0 +1,7 @@
+<% if datetime.nil? %>
+<abbr>a little while ago</abbr>
+<% else %>
+<abbr class="timeago" title="<%= datetime.getutc.iso8601 %>">
+  <%= datetime.to_s %>
+</abbr>
+<% end %>

data/app/views/thredded/shared/_top_nav.html.erb

@@ -0,0 +1,36 @@
+<% unless !messageboard.try(:persisted?) && !Thredded.standalone_layout? %>
+  <nav class="thredded--user-navigation" role="navigation">
+    <div class="thredded--user-navigation--search">
+      <%= render 'thredded/search/form' %>
+    </div>
+
+    <ul class="thredded--user-navigation--actions">
+      <% if signed_in? %>
+        <% if Thredded.standalone_layout? %>
+          <li>
+            <%= link_to user_path(thredded_current_user) do %>
+              <span><%= thredded_current_user %></span>
+            <% end %>
+          </li>
+        <% end %>
+
+        <%= render 'thredded/shared/notification_preferences',
+          messageboard: messageboard %>
+
+        <% if Thredded.standalone_layout? %>
+          <li>
+            <%= link_to main_app.session_path, method: :delete do %>
+              <span>Sign Out</span>
+            <% end %>
+          </li>
+        <% end %>
+      <% elsif Thredded.standalone_layout? %>
+        <li>
+          <%= link_to main_app.sessions_new_path do %>
+            <span>Sign In / Register</span>
+          <% end %>
+        </li>
+      <% end %>
+    </ul>
+  </nav>
+<% end %>

data/app/views/thredded/shared/_topic_nav.html.erb

@@ -0,0 +1,22 @@
+<div class="thredded--main-navigation">
+  <%= yield :thredded_breadcrumbs %>
+
+  <ul class="thredded--topic-navigation">
+    <% if messageboard.try(:persisted?) -%>
+      <li class="thredded--topic-navigation--public">
+        <%= link_to 'Topics', messageboard_topics_path(messageboard) %>
+      </li>
+    <% end -%>
+
+    <li class="thredded--topic-navigation--private">
+      <%= link_to private_topics_path do %>
+        Private Topics
+        <% if unread_private_topics_count > 0 -%>
+          <span class="thredded--topic-navigation--unread">
+            <%= unread_private_topics_count %>
+          </span>
+        <% end -%>
+      <% end -%>
+    </li>
+  </ul>
+</div>

data/app/views/thredded/theme_previews/_section_title.html.erb

@@ -0,0 +1,3 @@
+<h2 style="margin-top: 4em" id="<%= label.parameterize %>">
+  <a href="<%= href %>"><code><%= label %></code></a>
+</h2>

data/app/views/thredded/theme_previews/show.html.erb

@@ -0,0 +1,108 @@
+<% content_for :thredded_page_title, 'Theme Preview' %>
+<% content_for :thredded_page_id, 'thredded--theme' %>
+<% content_for :thredded_breadcrumbs do %>
+  <ul class="thredded--navigation-breadcrumbs">
+    <li><%= link_to 'Theme Preview', theme_preview_path %></li>
+  </ul>
+<% end %>
+
+<%= thredded_page do %>
+  <%= render 'section_title', label: 'messageboards#index', href: messageboards_path %>
+  <%= content_tag :section, class: 'thredded--thredded--main-section thredded--messageboards' do %>
+    <%= render @messageboards %>
+    <div class="thredded--messageboard--create">
+      <a class="thredded--button" href="<%= new_messageboard_path %>">Create a New Messageboard</a>
+    </div>
+  <% end %>
+
+
+  <%= render 'section_title', label: 'topics#index', href: messageboard_topics_path(@messageboard) %>
+  <%= content_tag :section, class: 'thredded--thredded--main-section topics' do %>
+    <%= render 'thredded/topics/form',
+               messageboard: @messageboard,
+               topic:        @new_topic,
+               css_class:    'thredded--is-compact',
+               placeholder:  'Start a New Topic' %>
+    <%= render @decorated_topics %>
+  <% end %>
+  <footer>
+    <%= paginate @topics %>
+  </footer>
+  <br>
+
+
+  <%= render 'section_title', label: 'topics#show', href: messageboard_topic_posts_path(@messageboard, @topic) %>
+  <%= content_tag_for :section, @topic, class: "thredded--thredded--main-section #{@user_topic.css_class}" do %>
+    <%= render 'thredded/topics_common/header', topic: @topic %>
+    <%= render @posts %>
+    <%= render 'thredded/posts/form',
+               messageboard: @messageboard,
+               topic:        @topic,
+               post:         @new_post,
+               button_text:  'Submit Reply'
+    %>
+  <% end %>
+
+  <%= render 'section_title', label: 'topics#new', href: new_messageboard_topic_path(@messageboard) %>
+  <%= render 'thredded/topics/form',
+             messageboard: @messageboard,
+             topic:        @new_topic,
+             placeholder:  'Start a New Topic' %>
+
+  <%= render 'section_title', label: 'posts#edit', href: edit_messageboard_topic_post_path(@messageboard, @post.postable, @post) %>
+  <%= content_tag :section, class: 'thredded--thredded--main-section posts-form' do %>
+    <h3 class="thredded--post-form--title">Edit Post</h3>
+
+    <%= render 'thredded/posts/form',
+               messageboard: @messageboard,
+               topic:        @topic,
+               post:         @post,
+               button_text:  'Update Post'
+    %>
+  <% end %>
+
+  <%= render 'section_title', label: 'private_topics#index', href: private_topics_path %>
+  <%= content_tag :section, class: 'thredded--thredded--main-section private-topics' do %>
+    <p><em>If the user has no private topics:</em></p>
+    <%= render 'thredded/private_topics/no_private_topics' %>
+
+    <hr>
+
+    <p><em>If the user has private topics:</em></p>
+    <%= render 'thredded/private_topics/form',
+               private_topic: @new_private_topic,
+               css_class:     'thredded--is-compact',
+               placeholder:   'Start a New Private Topic',
+               button_text:   'Create New Private Topic' %>
+    <%= render @decorated_private_topics %>
+  <% end %>
+
+  <%= render 'section_title', label: 'private_topics#new', href: new_private_topic_path %>
+  <section class="thredded--thredded--main-section">
+    <%= render 'thredded/private_topics/form',
+               private_topic: @new_private_topic,
+               placeholder:   'New Private Topic Title',
+               button_text:   'Create New Private Topic' %>
+  </section>
+
+  <%= render 'section_title', label: 'private_topics#show', href: private_topic_path(@private_topic) %>
+  <section class="thredded--thredded--main-section">
+    <%= render 'thredded/topics_common/header', topic: @private_topic %>
+    <%= render @private_topic.posts.first(3) %>
+    <%= render 'thredded/private_posts/form',
+               topic:       @private_topic,
+               post:        @private_post,
+               button_text: 'Submit Reply'
+    %>
+  </section>
+
+  <%= render 'section_title', label: 'preferences#edit', href: edit_messageboard_preferences_path(@messageboard) %>
+  <%= content_tag :section, class: 'thredded--thredded--main-section preferences' do %>
+    <%= render 'thredded/preferences/header' %>
+    <%= render 'thredded/preferences/form',
+               messageboard: @messageboard,
+               preference:   @preference %>
+  <% end %>
+
+  <%= render 'thredded/shared/currently_online' %>
+<% end %>

data/app/views/thredded/topics/_form.html.erb

@@ -0,0 +1,23 @@
+<%= form_for [messageboard, topic],
+             html: { class: "thredded--form #{local_assigns[:css_class]}", 'data-thredded-topic-form' => true } do |form| %>
+  <ul class="thredded--form-list on-top">
+    <li class="title">
+      <%= form.label :title %>
+      <%= form.text_field :title, { placeholder: placeholder, required: true, 'data-thredded-topic-form-title' => true } %>
+    </li>
+
+    <% if form.object.categories.any? %>
+      <li class="category">
+        <%= form.select :category_ids,
+          form.object.category_options,
+          {},
+          { multiple: true, 'data-placeholder' => 'Categories' } %>
+      </li>
+    <% end %>
+
+    <%= render 'thredded/posts/content_field', form: form %>
+    <%= render 'thredded/topics/topic_form_admin_options', form: form %>
+
+    <li><%= form.submit 'Create New Topic', class: 'thredded--form--submit' %></li>
+  </ul>
+<% end %>

data/app/views/thredded/topics/_recent_topics_by_user.html.erb

@@ -0,0 +1,8 @@
+<% if current_ability.can? :read, topic %>
+  <tr>
+    <td class="title table-first-column"> <%= topic.title %> </td>
+    <td class="replies"> <%= topic.posts_count %> </td>
+    <td class="created"> <%= formatted_user_profile_date(topic.created_at) %> </td>
+    <td class="updated"> <%= formatted_user_profile_date(topic.updated_at) %> </td>
+  </tr>
+<% end %>

data/app/views/thredded/topics/_topic.html.erb

@@ -0,0 +1,29 @@
+<%= content_tag_for :article, topic, class: "thredded--topics--topic #{topic.css_class}" do %>
+  <div class="thredded--topics--posts-count"><%= topic.posts_count %></div>
+
+  <h1 class="thredded--topics--title">
+    <%= link_to topic.title,
+      paged_messageboard_topic_posts_path(
+        messageboard.slug,
+        topic.slug,
+        topic.farthest_page
+      )
+    %>
+  </h1>
+
+  <% if topic.categories.any? %>
+    <ul class="thredded--topics--categories">
+      <%= render topic.categories %>
+    </ul>
+  <% end %>
+
+  <cite class="thredded--topics--updated-by">
+    <%= time_ago topic.updated_at %>
+    <%= user_link topic.last_user %>
+  </cite>
+
+  <cite class="thredded--topics--started-by">
+    <%= time_ago topic.created_at %>
+    <%= user_link topic.user %>
+  </cite>
+<% end %>

data/app/views/thredded/topics/_topic_form_admin_options.html.erb

@@ -0,0 +1,12 @@
+<% topic = form.object.respond_to?(:topic) ? form.object.topic : form.object %>
+<% if current_ability.can? :admin, topic %>
+  <li class="thredded--form-list--admin-options">
+    <%= form.label :locked do %>
+      <%= form.check_box :locked %> Locked
+    <% end %>
+
+    <%= form.label :sticky do %>
+      <%= form.check_box :sticky %> Sticky
+    <% end %>
+  </li>
+<% end %>

data/app/views/thredded/topics/by_category.html.erb

@@ -0,0 +1,56 @@
+<% content_for :thredded_page_title, 'Topic Categories' %>
+<% content_for :thredded_page_id, 'thredded--topic-categories' %>
+
+<% content_for :breadcrumbs do %>
+  <ul class="breadcrumbs">
+    <li><%= link_to 'Forums', root_path %></li>
+    <li><%= link_to messageboard.title, messageboard_topics_path(messageboard) %></li>
+    <li><span>Category</span></li>
+  </ul>
+<% end %>
+
+<% content_for :actions do %>
+  <ul class="actions">
+    <%= render 'thredded/search/form' %>
+
+    <% if current_ability.can? :create, Thredded::Topic %>
+      <li class='new_topic'>
+        <%= link_to 'new topic', new_messageboard_topic_path(messageboard) %>
+      </li>
+      <li class='new_private_topic'>
+        <%= link_to 'private topic', new_messageboard_topic_path(messageboard) %>
+      </li>
+    <% end %>
+  </ul>
+<% end %>
+
+<%= thredded_page do %>
+  <header>
+    <nav>
+      <%= yield :breadcrumbs %>
+      <%= yield :actions %>
+    </nav>
+
+    <%= render 'thredded/shared/currently_online' %>
+  </header>
+
+  <section class="topics">
+    <% if @sticky.any? %>
+      <div class="stuck">
+        <%= render partial: 'thredded/topics/topic_condensed', collection: @sticky, as: :t %>
+      </div>
+    <% end %>
+
+    <div class="currently">
+      <%= render partial: 'thredded/topics/topic_condensed', collection: @topics, as: :t %>
+    </div>
+  </section>
+
+  <footer>
+    <%= paginate @topics %>
+    <nav>
+      <%= yield :actions %>
+      <%= yield :breadcrumbs %>
+    </nav>
+  </footer>
+<% end %>

data/app/views/thredded/topics/edit.html.erb

@@ -0,0 +1,38 @@
+<% content_for :thredded_page_title, "Edit \"#{topic.title}\"" %>
+<% content_for :thredded_page_id, 'thredded--edit-topic' %>
+
+<% content_for :thredded_breadcrumbs, capture { %>
+  <ul class="thredded--navigation-breadcrumbs">
+    <li><%= link_to 'All Message Boards', messageboards_path %></li>
+    <li><%= link_to messageboard.name, messageboard_topics_path(messageboard, topic) %></li>
+    <li>
+      <a href="<%= edit_messageboard_topic_path(messageboard, topic) %>">Editing Topic <em><%= topic.title %></em></a>
+    </li>
+  </ul>
+<% } %>
+
+<%= thredded_page do %>
+  <%= form_for [messageboard, @topic],
+               html: { class: 'thredded--form thredded--is-expanded', 'data-thredded-topic-form' => true } do |form| %>
+    <ul class="thredded--form-list on-top">
+
+      <li class="title">
+        <%= form.label :title %>
+        <%= form.text_field :title, { placeholder: 'Title', autofocus: 'autofocus', } %>
+      </li>
+
+      <% if messageboard.categories.any? %>
+        <li class="category">
+          <%= form.select :category_ids,
+                          form.object.decorate.category_options,
+                          {},
+                          { multiple: true, 'data-placeholder' => 'Categories' } %>
+        </li>
+      <% end %>
+
+      <%= render 'thredded/topics/topic_form_admin_options', form: form %>
+
+      <li><%= form.submit 'Update Topic', class: 'thredded--form--submit' %></li>
+  <% end %>
+  </ul>
+<% end %>