first commit

Author: awesomerobot

README.md

@@ -1,5 +1 @@
 # discourse-sidebar-new-topic-button
-
-**Theme Summary**
-
-For more information, please see: **url to meta topic**

common/common.scss

@@ -0,0 +1,39 @@
+.navigation-controls {
+  .topic-drafts-menu-trigger,
+  .fk-d-button-tooltip {
+    display: none;
+  }
+}
+
+.sidebar-new-topic-button {
+  flex: 1 1 auto;
+
+  &__wrapper {
+    box-sizing: border-box;
+    display: flex;
+    margin: 1.5rem 1rem 0;
+
+    .mobile-view & {
+      margin: 0 0 1rem;
+    }
+
+    &:has(.topic-drafts-menu-trigger) {
+      .sidebar-new-topic-button {
+        border-radius: var(--d-button-border-radius) 0 0
+          var(--d-button-border-radius);
+        border-right: 1px solid var(--primary-300);
+      }
+    }
+
+    .fk-d-button-tooltip {
+      flex: 1 1 auto;
+    }
+
+    .topic-drafts-menu-trigger {
+      flex: 0 1 auto;
+      margin: 0;
+      border-radius: 0 var(--d-button-border-radius)
+        var(--d-button-border-radius) 0;
+    }
+  }
+}

.discourse-compatibility renamed to javascripts/.gitkeep

@@ -0,0 +1,6 @@
+import { apiInitializer } from "discourse/lib/api";
+import SidebarNewTopicButton from "../components/sidebar-new-topic-button";
+
+export default apiInitializer("1.8.0", (api) => {
+  api.renderInOutlet("before-sidebar-sections", SidebarNewTopicButton);
+});

javascripts/discourse/api-initializers/discourse-sidebar-new-topic-button.js

@@ -0,0 +1,95 @@
+import Component from "@glimmer/component";
+import { tracked } from "@glimmer/tracking";
+import { action } from "@ember/object";
+import didInsert from "@ember/render-modifiers/modifiers/did-insert";
+import didUpdate from "@ember/render-modifiers/modifiers/did-update";
+import { service } from "@ember/service";
+import { gt } from "truth-helpers";
+import CreateTopicButton from "discourse/components/create-topic-button";
+import not from "truth-helpers/helpers/not";
+
+export default class SidebarNewTopicButton extends Component {
+  @service composer;
+  @service currentUser;
+  @service siteSettings;
+  @service router;
+
+  @tracked category;
+  @tracked tag;
+
+  get shouldRender() {
+    return this.currentUser;
+  }
+
+  get canCreateTopic() {
+    return this.currentUser?.can_create_topic;
+  }
+
+  get draftCount() {
+    return this.currentUser?.get("draft_count");
+  }
+
+  get createTopicTargetCategory() {
+    if (this.category?.canCreateTopic) {
+      return this.category;
+    }
+
+    if (this.siteSettings.default_subcategory_on_read_only_category) {
+      return this.category?.subcategoryWithCreateTopicPermission;
+    }
+  }
+
+  get tagRestricted() {
+    return this.tag?.staff;
+  }
+
+  get createTopicDisabled() {
+    return (
+      (this.category && !this.createTopicTargetCategory) || this.tagRestricted
+    );
+  }
+
+  get categoryReadOnlyBanner() {
+    if (this.category && this.currentUser && this.createTopicDisabled) {
+      return this.category.read_only_banner;
+    }
+  }
+
+  get createTopicClass() {
+    const baseClasses = "btn-default sidebar-new-topic-button";
+    return this.categoryReadOnlyBanner
+      ? `${baseClasses} disabled`
+      : baseClasses;
+  }
+
+  @action
+  createNewTopic() {
+    this.composer.openNewTopic({ category: this.category, tags: this.tag?.id });
+  }
+
+  @action
+  getCategoryandTag() {
+    this.category = this.router.currentRoute.attributes.category || null;
+    this.tag = this.router.currentRoute.attributes.tag || null;
+  }
+
+  <template>
+    {{#if this.shouldRender}}
+      <div
+        class="sidebar-new-topic-button__wrapper"
+        {{didInsert this.getCategoryandTag}}
+        {{didUpdate this.getCategoryandTag this.router.currentRoute}}
+      >
+        <CreateTopicButton
+          @canCreateTopic={{this.canCreateTopic}}
+          @action={{this.createNewTopic}}
+          @disabled={{this.createTopicDisabled}}
+          @label="topic.create"
+          @btnClass={{this.createTopicClass}}
+          @canCreateTopicOnTag={{not this.tagRestricted}}
+          @showDrafts={{gt this.draftCount 0}}
+        />
+      </div>
+    {{/if}}
+  </template>
+}

javascripts/discourse/components/sidebar-new-topic-button.gjs

@@ -1,5 +1,3 @@
 en:
   theme_metadata:
     description: Adds a new topic button at the top of the navigation sidebar
-    settings:
-      example_setting: A description of a setting.

locales/en.yml

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+RSpec.describe "Sidebar New Topic Button", system: true do
+  fab!(:theme) { upload_theme_component }
+
+  it "does not render the sidebar button for anons" do
+    visit("/latest")
+    expect(page).not_to have_css(".sidebar-new-topic-button__wrapper")
+    expect(page).not_to have_css(".sidebar-new-topic-button:not(.disabled)")
+  end  
+end

spec/system/.gitkeep

@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+RSpec.describe "Sidebar New Topic Button", system: true do
+  fab!(:theme) { upload_theme_component }
+  fab!(:group)
+  fab!(:user) { Fabricate(:user, trust_level: 3, groups: [group]) }
+  fab!(:category)
+  fab!(:private_category) do
+    c = Fabricate(:category_with_definition)
+    c.set_permissions(group => :readonly)
+    c.save
+    c
+  end
+  
+  before { sign_in(user) }
+
+  it "renders the new topic button in the sidebar" do
+    visit("/latest")
+    expect(page).to have_css(".sidebar-new-topic-button__wrapper")
+    expect(page).to have_css(".sidebar-new-topic-button:not(.disabled)")
+  end
+
+  it "opens the composer when clicked" do
+    visit("/")
+    find(".sidebar-new-topic-button").click
+    expect(page).to have_css("#reply-title")
+  end
+
+  it "shows draft menu when drafts exist" do
+    Draft.create!(user: user, draft_key: "topic_1", data: {})
+
+    visit("/")
+    expect(page).to have_css(".sidebar-new-topic-button__wrapper .topic-drafts-menu-trigger")
+  end
+
+  it "disables button when visiting read-only category" do
+    visit("/c/#{private_category.slug}/#{private_category.id}")
+
+    expect(page).to have_css(".sidebar-new-topic-button[disabled]")
+
+    visit("/c/#{category.slug}/#{category.id}")
+
+    expect(page).not_to have_css(".sidebar-new-topic-button[disabled]")
+  end
+end