Block form component

cpradio · Novembre 26, 2016, 3:58

Yes, it depends how the component is built and what it is extending (if anything).

Example of using Buffered Render

github.com/cpradio/discourse-plugin-composer-help-button

assets/javascripts/discourse/components/composer-help-content.js.es6

master

import Component from "@ember/component";
import { bufferedProperty } from "discourse/mixins/buffered-content";

const ComposerHelpContentComponent = Component.extend(bufferedProperty("model"), {
    tagName: "div",
});

export default ComposerHelpContentComponent;

Versus one that is utilizing a template

github.com/cpradio/discourse-plugin-imgflip

assets/javascripts/discourse/components/imgflip-result.js.es6

master

export default Ember.Component.extend({
  result: Em.computed.alias("content"),
  tagName: "div",
  classNames: ["imgflip-imgwrap"],

  selectedClass: function() {
    return this.get("result.id") == this.get("selectedMeme") ? "selected" : "";
  }.property("selectedMeme"),

  selectedChanged: function() {
    this.rerender();
  }.observes('selectedMeme'),

  click: function() {
    this.sendAction("pickItem", this.get("result.id"));
  },

  alternateText: function() {
    return this.get("result.name");
  }.property("result"),

This file has been truncated. show original

Sujet		Réponses	Vues
Ember template convention Development	3	909	Octobre 24, 2016
Render a component within a Widget. (Using select-kit components within plugin code) Development	29	4068	Mars 6, 2024
When to switch themes/plugins to `.gjs`? Development	27	1258	Janvier 5, 2026
Templating of my "component" broke. How do I fix it? Development	14	514	Mars 17, 2026
Topic List Item footer buttons - timeline content Development	3	1283	Mars 3, 2021

Block form component

Sujets connexes