+ <%= form.label :content, content_label, class: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2" %>
<%= view_hooks.post_form.content_text_area.render self, form: form, content_label: content_label do %>
- <%= render 'thredded/posts_common/form/before_content', form: form %>
- <%= form.text_area :content, {rows: 5, required: true, autofocus: !!params[:autofocus_new_post_content], class: 'js-can-mention-pages'} %>
- <%= render 'thredded/posts_common/form/after_content', form: form %>
+ <%= render 'thredded/posts_common/form/before_content', form: form %>
+ <%= form.text_area :content, {
+ rows: 5,
+ required: true,
+ autofocus: !!params[:autofocus_new_post_content],
+ class: "js-can-mention-pages shadow-sm focus:ring-blue-500 focus:border-blue-500 mt-1 block w-full sm:text-sm border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 rounded-md p-3 resize-vertical",
+ placeholder: "Write your message here..."
+ } %>
+ <%= render 'thredded/posts_common/form/after_content', form: form %>
<% end %>
-
- <%= link_to 'https://www.markdownguide.org/basic-syntax/', target: '_blank' do %>
-
+
+ <%= link_to 'https://www.markdownguide.org/basic-syntax/',
+ target: '_blank',
+ class: 'inline-flex items-center text-xs text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300' do %>
+ help_outline
+ Markdown formatting help
<% end %>
-
+
diff --git a/app/views/thredded/posts_common/form/_preview_area.html.erb b/app/views/thredded/posts_common/form/_preview_area.html.erb
new file mode 100644
index 00000000..30752757
--- /dev/null
+++ b/app/views/thredded/posts_common/form/_preview_area.html.erb
@@ -0,0 +1,23 @@
+<%= view_hooks.post_form.preview_area.render self, form: form, preview_url: preview_url do %>
+
+
+
+
+
+ <%= t 'thredded.form.preview' %>
+
+
+
+
+<% end %>
\ No newline at end of file
diff --git a/app/views/thredded/private_topics/_form.html.erb b/app/views/thredded/private_topics/_form.html.erb
new file mode 100644
index 00000000..c170e022
--- /dev/null
+++ b/app/views/thredded/private_topics/_form.html.erb
@@ -0,0 +1,78 @@
+<%= form_for private_topic,
+ url: private_topic.submit_path,
+ html: {
+ class: "thredded--form thredded--new-private-topic-form #{local_assigns[:css_class]}",
+ 'data-thredded-topic-form' => true,
+ 'data-autocomplete-url' => autocomplete_users_path,
+ 'data-autocomplete-min-length' => Thredded.autocomplete_min_length,
+ 'data-thredded-submit-hotkey' => true,
+ } do |form| %>
+
+
+<% end %>
+
+
\ No newline at end of file
diff --git a/app/views/thredded/private_topics/_no_private_topics.html.erb b/app/views/thredded/private_topics/_no_private_topics.html.erb
new file mode 100644
index 00000000..494d4238
--- /dev/null
+++ b/app/views/thredded/private_topics/_no_private_topics.html.erb
@@ -0,0 +1,8 @@
+
\ No newline at end of file
diff --git a/app/views/thredded/private_topics/_private_topic.html.erb b/app/views/thredded/private_topics/_private_topic.html.erb
new file mode 100644
index 00000000..648d042b
--- /dev/null
+++ b/app/views/thredded/private_topics/_private_topic.html.erb
@@ -0,0 +1,49 @@
+<%= content_tag :article,
+ id: dom_id(private_topic),
+ class: ['thredded--topics--topic', *topic_css_classes(private_topic)] do %>
+
+
+
+ <% participants = [private_topic.last_user, *(private_topic.users - [private_topic.last_user])].compact.uniq.first(3) %>
+ <% participants.each do |user| %>
+
+ <% if user.respond_to?(:avatar_url) && user.avatar_url.present? %>
+ <%= image_tag user.avatar_url, alt: user.thredded_display_name %>
+ <% else %>
+ <%= user.thredded_display_name.first(2) %>
+ <% end %>
+
+ <% end %>
+ <% if private_topic.users.count > 3 %>
+
+<%= private_topic.users.count - 3 %>
+ <% end %>
+
+
+
+
+
+ <%= link_to private_topic.title, private_topic.path %>
+
+
+ <% if private_topic.last_post %>
+
+ <%= truncate(private_topic.last_post.content.to_s.gsub(/<[^>]*>/, ''), length: 100) %>
+
+ <% end %>
+
+
+
+
+ <%= private_topic.posts_count %>
+
+
+
+
+ <%= time_ago private_topic.last_post_at %>
+
+ <% if private_topic.last_user %>
+ <%= link_to private_topic.last_user.thredded_display_name, user_path(private_topic.last_user) %>
+ <% end %>
+
+
+<% end %>
\ No newline at end of file
diff --git a/app/views/thredded/private_topics/index.html.erb b/app/views/thredded/private_topics/index.html.erb
new file mode 100644
index 00000000..9c3aeb6a
--- /dev/null
+++ b/app/views/thredded/private_topics/index.html.erb
@@ -0,0 +1,75 @@
+<% content_for :thredded_page_title, t('thredded.nav.private_topics') %>
+<% content_for :thredded_page_id, 'thredded--private-topics-index' %>
+<% content_for :thredded_breadcrumbs, render('thredded/private_topics/breadcrumbs') %>
+
+<%= thredded_page do %>
+
+
+
+
+
+ <% if @private_topics.to_a.empty? %>
+ <%= render 'thredded/private_topics/no_private_topics' %>
+ <% else %>
+
+ <%= content_tag :section,
+ 'data-thredded-topics' => 'private',
+ 'data-thredded-topic-posts-per-page' => Thredded.posts_per_page do %>
+
+ <% if @new_private_topic %>
+ <%= render 'thredded/private_topics/form',
+ private_topic: @new_private_topic,
+ css_class: 'thredded--is-compact',
+ placeholder: t('thredded.private_topics.form.title_placeholder_start') %>
+ <% end %>
+
+ <%= render @private_topics %>
+ <% end %>
+
+
+ <% unless unread_private_topics_count.zero? %>
+ <%= link_to mark_all_private_topics_read_path,
+ class: 'thredded--button-wide',
+ method: :put do %>
+
done_all
+ <%= t('thredded.nav.mark_all_read') %>
+ <% end %>
+ <% end %>
+ <% end %>
+
+
+
+
+<% end %>
\ No newline at end of file
diff --git a/app/views/thredded/private_topics/new.html.erb b/app/views/thredded/private_topics/new.html.erb
new file mode 100644
index 00000000..cef2e5f7
--- /dev/null
+++ b/app/views/thredded/private_topics/new.html.erb
@@ -0,0 +1,25 @@
+<% content_for :thredded_page_title, t('thredded.private_topics.create') %>
+<% content_for :thredded_page_id, 'thredded--new-private-topic' %>
+<% content_for :thredded_breadcrumbs, render('thredded/private_topics/breadcrumbs') %>
+
+<%= thredded_page do %>
+
+
+
+
+
+
+
+ <%= render 'thredded/private_topics/form',
+ private_topic: @private_topic,
+ placeholder: t('thredded.private_topics.form.title_placeholder_new') if @private_topic %>
+
+
+
+<% end %>
\ No newline at end of file
diff --git a/app/views/thredded/redesigned/_breadcrumbs.html.erb b/app/views/thredded/redesigned/_breadcrumbs.html.erb
index d2d0e0a4..b04943c6 100644
--- a/app/views/thredded/redesigned/_breadcrumbs.html.erb
+++ b/app/views/thredded/redesigned/_breadcrumbs.html.erb
@@ -1,6 +1,6 @@
- <%= link_to main_app.thredded_path, class: 'text-gray-400 hover:text-blue-500' do %>
+ <%= link_to main_app.thredded_path, class: 'px-2 py-1 -mx-2 -my-1 text-gray-400 hover:text-blue-500 rounded transition-colors' do %>
forum
Home
<% end %>
@@ -13,7 +13,7 @@
- <%= link_to messageboard.name, messageboard_topics_path(messageboard), class: 'ml-4 text-sm font-medium text-gray-500 hover:text-blue-500' %>
+ <%= link_to messageboard.name, messageboard_topics_path(messageboard), class: 'ml-4 px-2 py-1 -mx-2 -my-1 text-sm font-medium text-gray-500 hover:text-blue-500 rounded transition-colors' %>
<% else %>
@@ -22,7 +22,28 @@
- <%= link_to 'Notebook.ai Forums', root_path, class: 'ml-4 text-sm font-medium text-gray-500 hover:text-blue-500' %>
+ <% if controller_name == 'private_topics' || controller_name == 'private_posts' %>
+ <%= link_to 'Inbox', thredded.private_topics_path, class: 'ml-4 px-2 py-1 -mx-2 -my-1 text-sm font-medium text-gray-500 hover:text-blue-500 rounded transition-colors' %>
+ <% else %>
+ <%= link_to 'Notebook.ai Forums', root_path, class: 'ml-4 px-2 py-1 -mx-2 -my-1 text-sm font-medium text-gray-500 hover:text-blue-500 rounded transition-colors' %>
+ <% end %>
+