help_center 0.0.1

data/app/views/help_center/support_posts/_form.html.erb

@@ -0,0 +1,32 @@
+<%= form_for [@support_thread, @support_post],
+  url: (@support_post.persisted? ? help_center.support_thread_support_post_path(@support_thread, @support_post) : help_center.support_thread_support_posts_path(@support_thread)),
+  html: { data: { behavior: "comment-form" } } do |f| %>
+
+  <% if @support_post.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(@support_post.errors.count, "error") %> prohibited this support_post from being saved:</h2>
+
+      <ul>
+        <% @support_post.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="form-group">
+    <%= f.text_area :body, placeholder: t('add_a_comment'), rows: 8, class: "form-control simplemde", data: { behavior: "comment-body" } %>
+  </div>
+
+  <div class="text-right">
+    <div class="pull-left">
+      <small>
+        <%# Describe text formatting options here with a link %>
+        <%#= link_to "Parsed with Markdown", "https://guides.github.com/features/mastering-markdown/", target: "_blank" %>
+      </small>
+    </div>
+
+    <%= f.button "#{f.object.new_record? ? t('comment') : t('update_comment')  }", class: "btn btn-primary", data: {disable_with: "<i class='fa fa-spinner fa-spin'></i> #{t('saving_comment')}"} %>
+  </div>
+
+<% end %>

data/app/views/help_center/support_posts/_support_post.html.erb

@@ -0,0 +1,65 @@
+<%# We don't currently cache the support posts because they have permissions to deal with %>
+
+<%= content_tag :div, id: dom_id(support_post), class: support_post_classes(support_post) do %>
+  <div class="card-header">
+
+    <% if is_moderator_or_owner?(support_post) %>
+      <div class="float-right">
+        <%= link_to icon("fas","edit"), simple_discussion.edit_support_thread_support_post_path(@support_thread, support_post),
+          class: "text-muted",
+          data: { toggle: "tooltip", placement: "left" },
+          title: t('edit_this_post')
+        %>
+        &nbsp;
+        <%= link_to icon("fas","trash"), simple_discussion.support_thread_support_post_path(@support_thread, support_post),
+          class: "text-muted",
+          method: :delete,
+          data: { toggle: "tooltip", placement: "left", confirm: "Are you sure you want to delete this post?" },
+          title: t('edit_this_post')
+        %>
+      </div>
+    <% end %>
+
+    <div>
+      <%= avatar_tag(support_post.user.email) %>
+
+      <strong class="support-post-user">
+        <%= support_post.user.name %> <%= support_user_badge(support_post.user) %>
+      </strong>
+      <small>
+        <%= t('commented_on') %>
+        <%= link_to support_post.created_at.strftime("%b %d, %Y"), simple_discussion.support_thread_path(@support_thread, anchor: "support_post_#{support_post.id}") %>:
+      </small>
+    </div>
+  </div>
+
+  <div class="card-body">
+    <%= formatted_content support_post.body %>
+  </div>
+
+  <% if @support_thread.solved? && support_post.solved? %>
+    <div class="card-footer">
+      <div class="pull-right">
+        <strong class="text-success"><%= icon("fas","check") %> <%= t('solved') %></strong>
+
+        <% if is_moderator_or_owner?(@support_thread) %>
+          <small>
+            <%= link_to t('undo'), simple_discussion.unsolved_support_thread_support_post_path(@support_thread, support_post), method: :put %>
+          </small>
+        <% end %>
+      </div>
+    </div>
+
+  <% elsif is_moderator_or_owner?(@support_thread) %>
+    <div class="card-footer">
+      <div class="pull-right">
+        <small>
+          <%= link_to simple_discussion.solved_support_thread_support_post_path(@support_thread, support_post), method: :put do %>
+            <%= icon("fas","fas","check") %>
+            <%= t('this_solved_my_question') %>
+          <% end %>
+        </small>
+      </div>
+    </div>
+  <% end %>
+<% end %>

data/app/views/help_center/support_posts/edit.html.erb

@@ -0,0 +1,28 @@
+<p><small><%= link_to "← Back to the thread", help_center.support_thread_path(@support_thread) %></small></p>
+
+<h2><%= content_tag :span, "Pinned", class: "text-muted" if @support_thread.pinned? %> <%= @support_thread.title %></h2>
+
+<p class="thread-details">
+  <strong><%= category_link(@support_thread.support_category) %></strong>
+  • <%= t('asked_time_ago', time: time_ago_in_words(@support_thread.created_at), author: @support_thread.user.name) %>
+</p>
+</p>
+
+<br />
+
+<%= content_tag :div, id: dom_id(@support_post), class: support_post_classes(@support_post) do %>
+  <div class="card-header">
+    <div>
+      <%= avatar_tag(@support_post.user.email) %>
+      <strong class="support-post-user"><%= @support_post.user.name %></strong>
+      <small>
+        <%= t('commented_on')%>
+        <%= link_to @support_post.created_at.strftime("%b %d, %Y"), simple_discussion.support_thread_url(@support_thread, anchor: "support_post_#{@support_post.id}") %>:
+      </small>
+    </div>
+  </div>
+
+  <div class="card-body">
+    <%= render "form" %>
+  </div>
+<% end %>

data/app/views/help_center/support_threads/_form.html.erb

@@ -0,0 +1,56 @@
+<%= form_for @support_thread,
+   url: (@support_thread.persisted? ? help_center.support_thread_path(@support_thread) : help_center.support_threads_path),
+   html: { data: {behavior: "comment-form"} } do |f| %>
+
+  <% if @support_thread.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(@support_thread.errors.count, "error") %> prohibited this support_thread from being saved:</h2>
+
+      <ul>
+      <% @support_thread.errors.full_messages.each do |message| %>
+        <li><%= message %></li>
+      <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="form-group">
+    <%= f.label :support_category_id, t('choose_a_category') %>
+    <%= f.collection_select :support_category_id, SupportCategory.sorted, :id, :name, {include_blank: t('pick_a_category')}, {autofocus: true, class: "form-control"} %>
+  </div>
+
+  <div class="form-group">
+    <%= f.label t('title') %>
+    <%= f.text_field :title, placeholder: t('how_do_i'), class: "form-control" %>
+  </div>
+
+  <div class="form-group">
+    <%= f.label t('position') %>
+    <%= f.text_field :position, class: "form-control" %>
+  </div>
+
+  <div class="form-group">
+    <%= f.label t('content')  %>
+    <%= f.rich_text_area :content %>
+  </div>
+
+  <% if local_assigns.fetch(:posts, true) %>
+  <% if !f.object.new_record? %>
+    <%= f.fields_for :support_posts do |p| %>
+      <div class="form-group">
+        <%= p.label :body, t('what_help_needed') %>
+        <%= p.text_area :body, placeholder: t('add_a_comment'), rows: 10, class: "form-control simplemde", data: { behavior: "comment-body" } %>
+      </div>
+    <% end %>
+    <% end %>
+  <% end %>
+
+  <div class="form-group text-right">
+    <% if f.object.new_record? %>
+      <%= f.button t('add'), class: "btn btn-primary", data: {disable_with: "<i class='fa fa-spinner fa-spin'></i> #{t('saving')}"} %>
+    <% else %>
+      <%= f.button t('update'), class: "btn btn-primary", data: {disable_with: "<i class='fa fa-spinner fa-spin'></i> #{t('saving')}"} %>
+    <% end %>
+  </div>
+
+<% end %>

data/app/views/help_center/support_threads/_support_thread.html.erb

@@ -0,0 +1,30 @@
+<%= cache support_thread do %>
+  <div class="support-thread">
+    <div class="row">
+
+      <div class="col">
+            <%= link_to help_center.support_thread_path(support_thread) do %>
+        <h4>
+           <%= support_thread.title %>
+        </h4>
+
+        <p class="text-muted"><%= truncate(support_thread.content.to_plain_text, length: 200) %></p>
+
+        <div class="thread-details">
+            <%= t('content_updated_at', update_time: time_ago_in_words(support_thread.created_at)) %>
+        </div>
+        <% end %>
+      </div>
+
+     <% if HelpCenter.enable_comments %>
+      <div class="col-sm-1 text-center">
+        <%= link_to help_center.support_thread_path(support_thread), class: "thread-posts-count" do %>
+          <span class="count"><%= support_thread.support_posts_count %></span>
+          <small><%= t("post", count: support_thread.support_posts_count) %></small>
+        <% end %>
+      </div>
+    <% end %>
+
+    </div>
+  </div>
+<% end %>

data/app/views/help_center/support_threads/edit.html.erb

@@ -0,0 +1,7 @@
+<%= content_for :title, "Edit Thread" %>
+
+<h1><%= t('edit_thread') %></h1>
+
+<div class="support_post">
+  <%= render 'form', posts: false %>
+</div>

data/app/views/help_center/support_threads/index.html.erb

@@ -0,0 +1,23 @@
+<% if @support_threads.none? %>
+
+    <div><%= t('search_not_found') %>. <%= t('check_out') %> <%= link_to t('latest_questions'), help_center.support_threads_path %> <%= t('instead') %> </div>
+
+<% else %>
+<div class="container">
+    <% if request.url.include?('category') %>
+      <%# If category, list all articles %>
+      <div class="col-12 text-left p-0">
+        <h3> <%= @support_threads.first.support_category.name %></h3>
+      </div>
+      <%= render partial: "help_center/support_threads/support_thread", collection: @support_threads, spacer_template: "shared/spacer" %>
+
+      <div class="support-threads-nav text-center">
+      <%= will_paginate @support_threads, url_builder: help_center, renderer: HelpCenter::BootstrapLinkRenderer %>
+     </div>
+
+    <% else %>
+     <%# Set default index here %>
+
+  <% end %>
+</div>
+<% end %>

data/app/views/help_center/support_threads/new.html.erb

@@ -0,0 +1,5 @@
+<h1><%= t('add_an_article') %></h1>
+
+<div class="support_post">
+  <%= render 'form' %>
+</div>

data/app/views/help_center/support_threads/show.html.erb

@@ -0,0 +1,39 @@
+<div class="container">
+<div class="row">
+  <div class="col-md-11">
+    <small class="mb-2"><%= support_category_link(@support_thread.support_category) %> > <%= @support_thread.title %></small>
+    <h1><%= icon "fas", "thumb-tack", class: "text-muted" if @support_thread.pinned? %> <%= @support_thread.title %></h1>
+  </div>
+
+  <% if is_moderator_or_owner?(@support_thread) %>
+    <div class="col-md-1">
+      <%= link_to icon("fas","pencil"), help_center.edit_support_thread_path(@support_thread),
+        class: "text-muted",
+        data: { toggle: "tooltip", placement: "left" },
+        title: t('edit_this_thread') %>
+    </div>
+  <% end %>
+
+</div>
+
+<p class="thread-details d-flex">
+    <%= t('written_by_author', author: @support_thread.user.name) %>
+    <small><%= t('content_updated_at', update_time: time_ago_in_words(@support_thread.updated_at)) %></small>
+</p>
+
+<%= @support_thread.content %>
+
+<div class="thread-reaction">
+  <p>Did this answer your question?</p>
+  <p class="thread-reaction-links">
+    <a>😞<a>
+    <a>😃<a>
+  </p>
+<div>
+
+<% if HelpCenter.enable_comments %>
+ <hr>
+ <%= render partial: "help_center/support_posts/support_post", collection: @support_thread.support_posts.includes(:user).sorted %>
+ <%= render partial: "help_center/support_posts/form" if user_signed_in? %>
+<% end %>
+</div>

data/app/views/help_center/user_mailer/new_post.html.erb

@@ -0,0 +1,12 @@
+<div style="position: relative">
+  <%= gravatar_image_tag @support_post.user.email, style: "float: left" %>
+
+  <div style="margin-left:60px">
+    <p><strong><%= @support_post.user.name %></strong> <small>commented:</small></p>
+    <%= formatted_content @support_post.body %>
+  </div>
+</div>
+
+<br />
+
+<p><%= link_to "Reply to this comment", support_thread_url(@support_post.support_thread, anchor: "support_post_#{@support_post.id}"), style: "background:#be2126; color:#fff; text-decoration:none; padding: 10px 20px" %></p>

data/app/views/help_center/user_mailer/new_thread.html.erb

@@ -0,0 +1,12 @@
+<div style="position: relative">
+  <%= gravatar_image_tag @support_post.user.email, style: "float: left" %>
+
+  <div style="margin-left:60px">
+    <p><strong><%= @support_post.user.name %></strong> <small>commented:</small></p>
+    <%= formatted_content @support_post.body %>
+  </div>
+</div>
+
+<br />
+
+<p><%= link_to "Reply to this comment", support_thread_url(@support_post.support_thread, anchor: "support_post_#{@support_post.id}"), style: "background:#be2126; color:#fff; text-decoration:none; padding: 10px 20px" %></p>

data/app/views/layouts/help_center.html.erb

@@ -0,0 +1,120 @@
+<% @layout = 'website' %>
+
+<div class="container mt-6">
+ <!-- Title
+ <div class="row col-md-12">
+   <h1>
+     <%= t('documentation') %>
+   </h1>
+ </div>
+-->
+
+<div class="row help_center">
+ <div class="col-md-3 mb-3">
+
+   <div class="card card-body">
+     <% if current_user && (current_user.admin? || current_user.moderator?) %>
+      <%= link_to t('add_an_article'), help_center.new_support_thread_path, class: "btn btn-outline-primary btn-block" %>
+      <hr />
+     <% end %>
+
+     <div class="support-thread-filters">
+       <% SupportCategory.sorted.each do |category| %>
+         <div>
+           <%= support_link_to help_center.support_category_support_threads_path(category) do %>
+             <%= category.name %>
+           <% end %>
+           <% if @category.present? && @category == category %>
+           <div class="pl-2">
+                <% @support_threads.each do |thread| %>
+                 <%= support_link_to help_center.support_thread_path(thread) do %>
+                    <%= thread.title %>
+                  <% end %>
+                <% end %>
+                </div>
+            <% end %>
+         </div>
+       <% end %>
+     </div>
+
+
+
+   <% if HelpCenter.enable_comments %>
+           <hr />
+
+
+
+     <div class="support-thread-filters">
+       <h5>
+         <strong>
+           <%= t('filters') %>
+         </strong>
+       </h5>
+       <div>
+         <%= support_link_to help_center.support_threads_path, exact: true do %>
+           <%= icon "fa-fw fas", "bars" %>
+           <%= t('.all_threads') %>
+         <% end %>
+       </div>
+       <% if user_signed_in? %>
+         <div>
+           <%= support_link_to help_center.mine_support_threads_path do %><%= icon "fa-fw far", "user-circle" %>
+             <%= t('.my_questions') %>
+           <% end %>
+         </div>
+         <div>
+           <%= support_link_to help_center.participating_support_threads_path do %>
+             <%= icon "fa-fw far", "comments" %>
+             <%= t('.participating') %>
+           <% end %>
+         </div>
+       <% end %>
+       <div>
+         <%= support_link_to help_center.answered_support_threads_path do %>
+           <%= icon "fa-fw fas", "check" %>
+           <%= t('.answered') %>
+         <% end %>
+       </div>
+       <div>
+         <%= support_link_to help_center.unanswered_support_threads_path do %>
+           <%= icon "fa-fw fas", "question" %>
+           <%= t('.unanswered') %>
+         <% end %>
+       </div>
+     </div>
+
+
+
+     <% if @support_thread.present? && @support_thread.persisted? %>
+       <hr />
+
+       <%# User has not posted in the thread or subscribed %>
+       <h5><%= t('.notifications') %></h5>
+
+       <%= link_to help_center.support_thread_notifications_path(@support_thread), method: :post, class: "btn btn-secondary btn-sm btn-block mb-2" do %>
+         <% if @support_thread.subscribed? current_user %>
+           <%= icon "fa-fw fas", "bell-slash" %> <%= t('.unsubscribe') %>
+         <% else %>
+           <%= icon "fa-fw fas", "bell" %>
+           <%= t('.suscribe') %>
+         <% end %>
+       <% end %>
+
+       <small><%= @support_thread.subscribed_reason(current_user) %></small>
+     <% end %>
+   <% end %>
+   </div>
+
+ </div>
+
+ <div class="col-md-9 mb-3">
+
+   <div class="card card-body">
+     <%= yield %>
+   </div>
+
+ </div>
+</div>
+</div>
+
+<% parent_layout("application") %>

data/app/views/shared/_spacer.html.erb

@@ -0,0 +1 @@
+<hr/>