Convertir le bouton Nouveau sujet en sous-menu

Dev
7

Oh, j’ai fait quelque chose de similaire la semaine dernière…

Screen Shot 2021-12-16 at 11.01.16 AM
Screen Shot 2021-12-16 at 11.01.16 AM242×155 14.5 KB

Dans un thème, vous pouvez ajouter ceci à javascripts/discourse/components/new-topic-dropdown.js

import { action } from "@ember/object";
import { getOwner } from "discourse-common/lib/get-owner";
import Composer from "discourse/models/composer";
import DropdownSelectBoxComponent from "select-kit/components/dropdown-select-box";
import { computed } from "@ember/object";

export default DropdownSelectBoxComponent.extend({
  classNames: ["new-topic-dropdown"],

  selectKitOptions: {
    icons: ["plus"],
    showFullTitle: true,
    autoFilterable: false,
    filterable: false,
    showCaret: true,
    none: "topic.create",
  },

  content: computed(function () {
    const items = [
      {
        id: "new_discussion",
        name: "Nouveau sujet",
        description: "Démarrer une nouvelle discussion",
        icon: "comment",
      },
    ];

    items.push({
      id: "new_ticket",
      name: "Ticket de support",
      description: "Ouvrir une demande de support",
      icon: "tag",
    });

    return items;
  }),

  @action
  onChange(selectedAction) {
    const composerController = getOwner(this).lookup("controller:composer");

    let tags = null;
    let categoryId = this.category ? this.category.id : null;

    if (selectedAction === "new_ticket") {
      tags = "ticket";
    }

    composerController.open({
      action: Composer.CREATE_TOPIC,
      draftKey: Composer.DRAFT,
      categoryId: categoryId,
      tags: tags,
    });
  },
});

Cela ajoute les options « nouveau sujet » et « ticket de support » à un bouton déroulant… « nouveau sujet » ouvre le compositeur comme d’habitude, et « ticket de support » ouvre le compositeur avec le tag « ticket » déjà ajouté.

…puis dans javascripts/discourse/connectors/after-create-topic-button/new-topic-dropdown.hbs

{{#if currentUser}}
  {{new-topic-dropdown category=category}}
{{/if}}

…ensuite, avec un peu de CSS, vous voudrez probablement masquer le bouton par défaut :

.navigation-controls {
  #create-topic {
    display: none;
  }
}
19 « J'aime »