Ist es möglich, Dropdown-Namen zu ändern?

Entwickler
1

Hallo Community :slight_smile:

Weiß zufällig jemand, ob es eine Option gibt, Dropdown-Namen innerhalb einer bestimmten Kategorie zu ändern?

Ich würde gerne die Teile ‘alle’ und ‘alle Tags’ anpassen:

image
image1210×442 45.9 KB

2

So ziemlich alle Texte können angepasst werden:

image
image1129×733 17.5 KB

Ich vermute, Sie müssen zum Beispiel bearbeiten:

image
image1099×333 7.88 KB

2 „Gefällt mir“
3

Aber es wird sich nicht nur für bestimmte Kategorien ändern.

Ich habe an einer sehr provisorischen CSS-Lösung gearbeitet, sie ist nicht perfekt… Und ich bin sowieso etwas zurückhaltend, etwas so Provisorisches zu teilen. :confounded:

5 „Gefällt mir“
4

Verstanden, danke für deine Hilfe! @merefield @Canapin

3 „Gefällt mir“
5

Oh Entschuldigung, überflogen!

Ja, sie sind global.

1 „Gefällt mir“
6

Na los :wink: :wink:

7

Ich finde es übermäßig komplex, besonders wenn Unterkategorien nicht als solche im HTML-Code definiert sind… Ich habe etwas halbwegs Funktionierendes, aber ich denke, es sollte richtig gemacht werden, und die Discourse JS API könnte dabei helfen. Leider weiß ich nicht viel darüber.

5 „Gefällt mir“
11

Hallo :wave:

Ich habe jetzt eine Theme-Komponente erstellt, um dies zu erreichen…

Sie enthält zwei Einstellungen, um es einfacher zu machen.

category name
Erster Platz: category slug
Zweiter Platz: category dropdown title

tag name
Erster Platz: category slug
Zweiter Platz: tag dropdown title

Screenshot 2023-08-23 at 14.35.00
Screenshot 2023-08-23 at 14.35.00746×303 9.71 KB

Was dann so aussehen wird.

Screenshot 2023-08-23 at 14.35.31
Screenshot 2023-08-23 at 14.35.31707×190 6.9 KB

Hinzufügen des Unterkategorie-Tag-Titels

Screenshot 2023-08-23 at 14.37.50
Screenshot 2023-08-23 at 14.37.50727×174 5.45 KB

Screenshot 2023-08-23 at 14.38.40
Screenshot 2023-08-23 at 14.38.40679×138 5.45 KB

Ich hoffe, es hilft :slightly_smiling_face:

Bearbeitung: Ich habe die Dropdown-Breite korrigiert, damit sie korrekt an die benutzerdefinierte Textbreite angepasst ist. UX: fix the dropdown width to keep the custom content width · VaperinaDEV/category-breadcrumb-dropdown-title@faca71c · GitHub

Screenshot 2023-08-23 at 17.38.21
Screenshot 2023-08-23 at 17.38.21453×148 5.03 KB

Screenshot 2023-08-23 at 17.38.53
Screenshot 2023-08-23 at 17.38.53454×150 4.67 KB

8 „Gefällt mir“
12

Wow, tolle Arbeit @Don – du bringst mich zum Staunen :exploding_head: :star_struck:

2 „Gefällt mir“
13

Hört, hört!
:man_mage:

Aus den Tiefen der SCSS-Mysterien und den Feinheiten der Front-End-Alchemie ist Sir Don auferstanden. Funktionen erobernd, Schleifen meisternd und Listen entschlüsselnd, verleihen wir ihm stolz die glanzvolle Front-End-Medaille für Auszeichnung :sports_medal::person_bowing:.

Und Ihre Komponente funktioniert ohne eine einzige JS-Zeile…

Happy James Corden GIF by The Late Late Show with James Corden

1 „Gefällt mir“
14

Bitte sag mir, dass GPT4bot dir dabei geholfen hat, das zu schreiben :laughing:

4 „Gefällt mir“
15

100% ja, fürchte ich.

2 „Gefällt mir“
16

Ok, diese Lösung ist beeindruckend, aber du kannst das auch @Don:

api
  .modifySelectKit("category-drop")
  .replaceContent((component, content) => {
    let newContent = [];
    content.forEach((item) => {
      if (
        component.category?.slug === "general" &&
        item.id === "all-categories"
      ) {
        item.name = "jojo";
      }

      newContent.push(item);
    });
    return newContent;
  });

Screenshot 2023-08-23 at 18.47.33
Screenshot 2023-08-23 at 18.47.33237×240 6.85 KB

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/select-kit/addon/mixins/plugin-api.js listet alle Aktionen auf, die du ausführen kannst:

  • appendContent
  • prependContent
  • replaceContent
  • onChange

Lass mich wissen, wenn du Probleme bei der Verwendung hast. Es sollte wahrscheinlich besser dokumentiert sein, aber ich bin hier, wenn du Fragen hast.

6 „Gefällt mir“
17

@Don @j.jaffeux ihr seid absolut großartig, Leute!! :fire:

3 „Gefällt mir“