help_center 0.0.6 → 0.1.0

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

@@ -1,19 +1,42 @@
-<div class="flex flex-wrap mb-8">
-  <%= render partial: "shared/category_actions" if is_moderator_or_owner?(@category)%>
-  <div class="md:w-full pr-4 pl-41">
-    <h1 class="mb-4 font-bold tracking-normal"> <%= @category.name %></h1>
-    <% if @category.description %>
-     <%= @category.description %>
-    <% end %>
-     <div class="flex flex-col items-center">
-    <% @category.support_threads.sorted.each do |thread| %>
-  
-     <%= link_to help_center.support_thread_path(thread), class: "text-base font-semibold py-4 border-b w-full flex justify-between hover:bg-gray-200 px-4" do %>
-       <%= thread.title %> <i class="fas fa-arrow-right"></i>
-     <% end %>
+<%= render partial: "shared/category_actions" if is_moderator_or_owner?(@category)%>
 
+<div class="px-4 py-10 mb-6 text-white bg-gray-100	text-4xl text-4xl md:px-20 lg:px-40 xl:px-56 font-bold">
+    <h1 class="text-gray-900"><%= @category.name %></h1>
+     <%= @category.description if @category.description %>
+</div>
+<div class="px-4 pt-4 md:px-20 lg:px-40 xl:px-56">
+    <%= link_to help_center.support_categories_path, class: "flex text-base mb-6 font-medium text-gray-600" do %>
+      ← Back
     <% end %>
-    </div>
+  <div class="bg-white shadow overflow-hidden sm:rounded-md">
+    <ul role="list" class="divide-y divide-gray-200">
+        <% @category.support_threads.sorted.each do |thread| %>
+        <li>
+          <%= link_to help_center.support_thread_path(thread), class: "block hover:bg-gray-50" do %>
+            <div class="flex items-center px-4 py-4 sm:px-6">
+              <div class="min-w-0 flex-1 flex items-center">
+                <div class="flex-shrink-0">
+                  </div>
+                <div class="min-w-0 flex-1 px-4 md:grid md:grid-cols-2 md:gap-4">
+                  <div>
+                    <p class="text-base font-medium text-gray-600 truncate"><%= thread.title %></p>
+                    <p class="mt-2 flex items-center text-sm text-gray-400">
+                      <span class="truncate"><%#= category.description %></span>
+                    </p>
+                  </div>
+                
+                </div>
+              </div>
+              <div>
+                <!-- Heroicon name: solid/chevron-right -->
+                <svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                  <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
+                </svg>
+              </div>
+            </div>
+          <% end %>
+        </li>
+      <% end %>
+    </ul>
   </div>
-
-</div>
+</div>

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

@@ -1,49 +1,50 @@
-<%= 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="mb-4">
-    <%= 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 form-input"} %>
-  </div>
-  <div class="mb-4">
-    <%= f.label t('title') %>
-    <%= f.text_field :title, placeholder: t('how_do_i'), class: "form-control form-input" %>
-  </div>
-  <div class="mb-4">
-    <%= f.label t('position') %>
-    <%= f.text_field :position, type: "number", step: "1", min: "0", class: "form-control form-input" %>
-  </div>
-  <div class="mb-4">
-    <%= 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="mb-4">
-        <%= 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="flex justify-between mb-4 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 %>
-
-    <%= link_to "Cancel", :back, class: "btn btn-link" %>
-  </div>
-<% end %>
+<%= 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="mb-4">
+    <%= f.label :support_category_id, t('choose_a_category'), class: "block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2 mb-2" %>
+    <%= f.collection_select :support_category_id, SupportCategory.sorted, :id, :name, {include_blank: t('pick_a_category')}, {autofocus: true, class: "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border border-gray-300 rounded-md p-2"} %>
+  </div>
+  <div class="mb-4">
+    <%= f.label t('title'), class: "block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2 mb-2" %>
+    <%= f.text_field :title, placeholder: t('how_do_i'), class: "shadow-sm focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border border-gray-300 rounded-md p-2" %>
+  </div>
+  <div class="mb-4">
+    <%= f.label t('position'), class: "block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2 mb-2" %>
+    <%= f.text_field :position, type: "number", step: "1", min: "0", class: "shadow-sm focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border border-gray-300 rounded-md p-2" %>
+  </div>
+  <div class="mb-4">
+    <%= f.label t('content'), class: "block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2 mb-2"  %>
+    <%= f.rich_text_area :content, class: "shadow-sm block w-full focus:ring-blue-500 focus:border-blue-500 sm:text-sm border border-gray-300 rounded-md" %>
+  </div>
+  <% if local_assigns.fetch(:posts, true) %>
+  <% if !f.object.new_record? %>
+    <%= f.fields_for :support_posts do |p| %>
+      <div class="mb-4">
+        <%= p.label :body, t('what_help_needed'), class: "block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2" %>
+        <%= 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="flex justify-between mb-4 text-right">
+    <% if f.object.new_record? %>
+      <%= f.button t('add'), class: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", data: {disable_with: "<i class='fa fa-spinner fa-spin'></i> #{t('saving')}"} %>
+    <% else %>
+      <%= f.button t('update'), class: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", data: {disable_with: "<i class='fa fa-spinner fa-spin'></i> #{t('saving')}"} %>
+    <% end %>
+
+    <%= link_to "Cancel", :back, class: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500" %>
+  </div>
+<% end %>
+</div>

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

@@ -1,7 +1,11 @@
 <%= content_for :title, "Edit Thread" %>
 
-<h1 class="mb-4 font-bold"><%= t('edit_thread') %></h1>
+<div class="px-4 py-10 mb-6 text-white bg-gray-100	text-4xl text-4xl md:px-20 lg:px-40 xl:px-56 font-bold">
+    <h1 class="text-gray-900"><%= t('edit_thread') %></h1>
+</div>
 
-<div class="support_post">
+<div class="px-4 pt-4 md:px-20 lg:px-40 xl:px-56">
+    <div class="max-w-5xl text-gray-700">
   <%= render 'form', posts: false %>
+  </div>
 </div>

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

@@ -1,19 +0,0 @@
-<% 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 mx-auto">
-    <% if request.url.include?('category') %>
-      <%# If category, list all articles %>
-      <div class="w-1/62 text-left p-0">
-        <h3> <%= @support_threads.first.support_category.name %></h3>
-      </div>
-      <hr>
-      <%= render partial: "help_center/support_threads/support_thread", collection: @support_threads, spacer_template: "shared/spacer" %>
-      <div class="support-threads-nav text-center">
-      <%== pagy_nav(@pagy) %>
-     </div>
-    <% else %>
-     <%# Set default index here %>
-  <% end %>
-</div>
-<% end %>

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

@@ -1,5 +1,9 @@
-<h1 class="mb-4 font-bold"><%= t('add_article') %></h1>
-
-<div class="support_post">
-  <%= render 'form' %>
-</div>
+<div class="px-4 py-10 mb-6 text-white bg-gray-100	text-4xl text-4xl md:px-20 lg:px-40 xl:px-56 font-bold">
+    <h1 class="text-gray-900"><%= t('add_article') %></h1>
+</div>
+
+<div class="px-4 pt-4 md:px-20 lg:px-40 xl:px-56">
+    <div class="max-w-5xl text-gray-700">
+    <%= render 'form' %>
+  </div>
+</div>

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

@@ -1,29 +1,14 @@
-<div class="container mx-auto">
-<div class="flex flex-wrap mb-8">
-  <%= render partial: "shared/thread_actions" if is_moderator_or_owner?(@support_thread)%>
-
-  <div class="md:w-full pr-4 pl-41">
-    <small class="mb-2 tracking-normal font-normal" style="color: <%= @support_thread.support_category.color %>"><%= link_to @support_thread.support_category.name, help_center.support_category_path(@support_thread.support_category) %> > <%= @support_thread.title %></small>
-    <h1 class="mb-4 font-bold tracking-normal"><%= icon "fas", "thumb-tack", class: "text-muted" if @support_thread.pinned? %> <%= @support_thread.title %></h1>
-  </div>
-
-</div>
-
-<%= @support_thread.content %>
-
-<p class="mt-6 italic text-gray-400">Last Updated: <%= @support_thread.updated_at.strftime("%B %e, %Y") %> <p>
-<!--
-<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>
+
+<%= render partial: "shared/thread_actions" if is_moderator_or_owner?(@support_thread)%>
+
+<div class="px-4 py-10 mb-6 text-white bg-gray-100	text-4xl text-4xl md:px-20 lg:px-40 xl:px-56 font-bold">
+    <p class="text-sm font-normal text-gray-400 mb-4"><%= link_to @support_thread.support_category.name, help_center.support_category_path(@support_thread.support_category) %> / <%= @support_thread.title %></p>
+    <h1 class="text-gray-900"><%= @support_thread.title %></h1>
+</div>
+<div class="px-4 pt-4 md:px-20 lg:px-40 xl:px-56">
+    <div class="max-w-5xl text-gray-700">
+        <div class="mb-10">
+            <p class="leading-normal mb-4"><%= @support_thread.content %></p>
+        </div>
+    </div>
+</div>

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

@@ -1,130 +1,58 @@
- 
- 
-<% if current_user && (current_user.admin? || current_user.moderator?) %>
-  <div class="container top-0 flex justify-between w-full z-50 bg-blue-600 text-purple-200 text-sm text-center font-brand-semibold px-4 py-3 rounded" role="alert">
-     <span class="text-base font-normal">Welcome moderator (<%= current_user.email %>)</span>
-    <div>
-    <%= link_to t('add_an_article'), help_center.new_support_thread_path, class: "text-gray-100 hover:text-gray-300 hover:no-underline font-semibold underline mr-4 ml-6" %>
-    <%= link_to t('add_category'), help_center.new_support_category_path, class: "text-gray-100 hover:text-gray-300  hover:no-underline font-semibold underline" %>
-    </div>
-  </div>
-<% end %>
-
-<div class="container mx-auto mt-2">
-<div class="flex flex-wrap help_center">
- <div class="md:w-1/4 mb-4">
-   <div class="relative flex flex-col min-w-0 rounded break-words border bg-white border-1 border-grey-light flex-auto p-6">
-     <div class="support-thread-filters">
-       <% SupportCategory.sorted.each do |category| %>
-         <div class="pb-3">
-           <%= support_link_to help_center.support_category_path(category) do %>
-            <div class="mb-2 mt-3">
-              <span class="font-extrabold">
-             <%= category.name %>
-             </span>
-             </div>
-           <% end %>
-           <div class="ml-2 pl-1">
-            <% threads = SupportThread.where(support_category_id: category.id).order(:position) %>
-            <% threads.each do |thread| %>
-              <div class="mb-2">
-              <%= support_link_to help_center.support_thread_path(thread) do %>
-                <%= thread.title %>
-              <% end %>
-              </div>
-            <% end %>
-            </div>
-         </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-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="md:w-3/4 pl-4 mb-3">
-   <div class="relative flex flex-col min-w-0 rounded break-words bg-white flex-auto p-6">
-     <%# Show first article by default on home pag %>
-      <% if current_page?(help_center_path) %>
-        <% if SupportCategory.all.count > 0 %>
-          <% @support_thread = SupportCategory.sorted.first.support_threads.sorted.first %>
-          <div class="container mx-auto">
-            <div class="flex flex-wrap mb-8">
-              <% if is_moderator_or_owner?(@support_thread) %>
-                <div class="flex w-full pr-4 pl-4 justify-end">
-                  <%= 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 class="md:w-full pr-4 pl-41">
-                <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>
-
-            </div>
-            <%= @support_thread.content %>
-          </div>
-        <% end %>
-      <% end %>
-
-     <%= yield %>
-   </div>
- </div>
-</div>
-</div>
-
-<% parent_layout("application") %>
+ 
+  <style>
+      [data-toggle-open-value="false"] .fa-sort-down {
+      -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+      -webkit-transform: rotate(270deg);
+      transform: rotate(270deg);
+  }
+  </style>
+  <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
+  <script defer src="https://use.fontawesome.com/releases/v5.15.4/js/all.js"  crossorigin="anonymous"></script>
+   
+  <div class="flex flex-wrap flex-grow items-start justify-between main">
+   <%= render partial: "shared/admin_actions" %>
+    <div class="flex flex-col w-full px-4 pt-4 md:w-1/5 lg:px-8">
+      <div class="text-lg mb-4">
+        <%= link_to help_center_path do %>
+         <h3 class="font-bold">Docs</h3>
+        <% end %>
+      </div>
+      <div>
+      <%= render partial: "shared/sidebar_actions" %>
+      </div>
+    </div>
+    <div class="flex flex-col w-full h-full bg-white border-l border-gray-300 md:w-4/5 docs-main">
+      <% if current_page?(help_center_path) %>
+        <% if SupportCategory.all.count > 0 %>
+          <% @support_thread = SupportCategory.sorted.first.support_threads.sorted.first %>
+          <div class="container mx-auto">
+            <div class="flex flex-wrap mb-8">
+              <% if is_moderator_or_owner?(@support_thread) %>
+                <div class="flex w-full pr-4 pl-4 justify-end">
+                  <%= 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 class="md:w-full pr-4 pl-41">
+                <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>
+
+            </div>
+            <%= @support_thread.content %>
+          </div>
+        <% end %>
+      <% else %>
+        <%= yield %>
+      <% end %>
+ 
+    </div>
+  </div>
+ 
+  <link rel="stylesheet" href="//unpkg.com/@highlightjs/cdn-assets@11.3.1/styles/default.min.css">
+  <script src="//unpkg.com/@highlightjs/cdn-assets@11.3.1/highlight.min.js"></script>
+  <script>hljs.highlightAll();</script>
+ 
+ <% parent_layout("application") %>

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

@@ -0,0 +1,9 @@
+<% if current_user && (current_user.admin? || current_user.moderator?) %>
+  <div class="top-0 flex justify-between w-full z-50 bg-blue-600 text-purple-200 text-sm text-center font-brand-semibold px-4 py-3" role="alert">
+     <span class="text-base font-normal text-white">Welcome moderators (<%= current_user.email %>)</span>
+    <div>
+    <%= link_to t('add_an_article'), help_center.new_support_thread_path, class: "text-gray-100 hover:text-gray-300 hover:no-underline font-semibold underline mr-4 ml-6" %>
+    <%= link_to t('add_category'), help_center.new_support_category_path, class: "text-gray-100 hover:text-gray-300  hover:no-underline font-semibold underline" %>
+    </div>
+  </div>
+<% end %>

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

@@ -1,15 +1,15 @@
 
-<div class="mb-4 bg-blue-50 border border-gray-300 rounded flex justify-between w-full px-4 py-2 text-base items-center">
-    <span class="mr-4 text-gray-500"><i class="far fa-sort-amount-down"></i> <%= @category.position %> </span>
+<div class="bg-blue-400 flex justify-between w-full px-4 py-2 text-base items-center">
+    <span class="mr-4 text-gray-100"><i class="fas fa-sort"></i> <%= @category.position %> </span>
 
     <div>
-        <%= link_to icon("fas","pencil") + " Edit Category Details", help_center.edit_support_category_path(@category),
-        class: "text-gray-500",
+        <%= link_to "Edit Category Details", help_center.edit_support_category_path(@category),
+        class: "text-gray-100 underline text-sm",
         data: { toggle: "tooltip", placement: "left" },
         title: t('edit_this_thread') %>
-        <%= link_to icon("fas","trash") + " Delete", help_center.support_category_path(@category),
+        <%= link_to "Delete", help_center.support_category_path(@category),
         method: :delete,
-        class: "text-gray-500 ml-4",
+        class: "text-gray-100 ml-4 underline text-sm",
         data: { toggle: "tooltip", placement: "left", confirm: "Are you sure?" },
         title: t('delete_category') %>
     </div>

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

@@ -0,0 +1,22 @@
+<div>
+  <% SupportCategory.sorted.each do |category| %>
+    <div data-controller="toggle" class="py-2 my-1 overflow-x-auto bg-white rounded shadow-inner-sm" data-toggle-open-value="<%= (@category.present? && @category == category) ? "true" : "false" %>">
+      <button class="mb-0 text-gray-700 font-medium text-base hover:text-gray-900" data-action="click->toggle#toggle">
+      <i class="fas fa-sort-down mr-2"></i>
+      <%= category.name %>
+      </button>
+      <div data-toggle-target="toggleable" class="<%= (@category.present? && @category == category) ? "" : "hidden" %>" >
+        <ul class="list-none leading-loose pl-6">
+          <% threads = SupportThread.where(support_category_id: category.id).order(:position) %>
+          <% threads.each do |thread| %>
+            <li>
+              <%= link_to help_center.support_thread_path(thread), class: "text-base font-normal text-gray-500 hover:text-gray-700" do %>
+                <%= thread.title %>
+              <% end %>
+            </li>
+          <% end %>
+        </ul>
+      </div>
+    </div>
+  <% end %>
+</div>

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

@@ -1,16 +1,16 @@
- <div class="mb-4  bg-blue-50 flex justify-between w-full px-4 py-2 text-base items-center">
-      <span class="mr-4 text-gray-500"><i class="far fa-sort-amount-down"></i> <%= @support_thread.position %> </span>
-      
-      <div>
-      <%= link_to icon("fas","pencil") + " Edit Article", help_center.edit_support_thread_path(@support_thread),
-        class: "text-gray-500",
-        data: { toggle: "tooltip", placement: "left" },
-        title: t('edit_this_thread') %>
-
-        <%= link_to icon("fas","trash") + " Delete", help_center.support_thread_path(@support_thread),
-          method: :delete,
-          class: "text-gray-500 ml-4",
-          data: { toggle: "tooltip", placement: "left", confirm: "Are you sure?" },
-          title: t('delete_category') %>
-        </div>
+ <div class="bg-blue-400 flex justify-between w-full px-4 py-2 text-base items-center">
+      <span class="mr-4 text-gray-100"><i class="fas fa-sort"></i> <%= @support_thread.position %> </span>
+      
+      <div>
+      <%= link_to "Edit Article", help_center.edit_support_thread_path(@support_thread),
+        class: "text-gray-100 underline text-sm",
+        data: { toggle: "tooltip", placement: "left" },
+        title: t('edit_this_thread') %>
+
+        <%= link_to "Delete", help_center.support_thread_path(@support_thread),
+          method: :delete,
+          class: "text-gray-100 ml-4 underline text-sm",
+          data: { confirm: "Are you sure?" },
+          title: t('delete_category') %>
+        </div>
     </div>

data/config/locales/en.yml

@@ -54,3 +54,5 @@ en:
   instead: instead?
   written_by_author: "Written by %{author}"
   content_updated_at: "Updated %{update_time} ago"
+  browse_categories: "Browse Categories"
+  page_not_found: "Page not found"

data/lib/help_center/version.rb

@@ -1,3 +1,3 @@
-module HelpCenter
-  VERSION = "0.0.6"
-end
+module HelpCenter
+  VERSION = "0.1.0"
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: help_center
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.1.0
 platform: ruby
 authors:
 - Ugurcan Kaya
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2021-05-10 00:00:00.000000000 Z
+date: 2021-12-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: font-awesome-sass
@@ -82,7 +82,6 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
-- app/assets/stylesheets/help_center.scss
 - app/controllers/help_center/application_controller.rb
 - app/controllers/help_center/notifications_controller.rb
 - app/controllers/help_center/support_categories_controller.rb
@@ -115,7 +114,9 @@ files:
 - app/views/help_center/user_mailer/new_post.html.erb
 - app/views/help_center/user_mailer/new_thread.html.erb
 - app/views/layouts/help_center.html.erb
+- app/views/shared/_admin_actions.html.erb
 - app/views/shared/_category_actions.html.erb
+- app/views/shared/_sidebar_actions.html.erb
 - app/views/shared/_spacer.html.erb
 - app/views/shared/_thread_actions.html.erb
 - bin/console
@@ -154,7 +155,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.2.15
+rubygems_version: 3.2.22
 signing_key: 
 specification_version: 4
 summary: A wiki gem for creating documentation & help centers in your Rails app