discourse/app/assets/javascripts/select-kit/components/pinned-button.js

import Component from "@ember/component";
import discourseComputed from "discourse-common/utils/decorators";

export default Component.extend({
  pluginApiIdentifiers: ["pinned-button"],
  descriptionKey: "help",
  classNames: "pinned-button",
  classNameBindings: ["isHidden"],
  layoutName: "select-kit/templates/components/pinned-button",

  @discourseComputed("topic.pinned_globally", "pinned")
  reasonText(pinnedGlobally, pinned) {
    const globally = pinnedGlobally ? "_globally" : "";
    const pinnedKey = pinned ? `pinned${globally}` : "unpinned";
    const key = `topic_statuses.${pinnedKey}.help`;
    return I18n.t(key);
  },

  @discourseComputed("pinned", "topic.deleted", "topic.unpinned")
  isHidden(pinned, deleted, unpinned) {
    return deleted || (!pinned && !unpinned);
  }
});
REFACTOR: Remove `Ember.Component` global variable Use imports instead. 2019-10-24 00:30:52 +08:00			`import Component from "@ember/component";`
DEV: Move computed to discourseComputed (#8312) 2019-11-08 05:38:28 +08:00			`import discourseComputed from "discourse-common/utils/decorators";`
FEATURE: education panel on pinning at bottom of topics 2014-04-10 13:53:31 +08:00
REFACTOR: Remove `Ember.Component` global variable Use imports instead. 2019-10-24 00:30:52 +08:00			`export default Component.extend({`
Introduces select-kit * renames `select-box-kit` into `select-kit` * introduces `single-select` and `multi-select` as base components * introduces {{search-advanced-category-chooser}} as a better component for selecting category in advanced search * improves events handling in select-kit * recreates color selection inputs using {{multi-select}} and a custom {{selected-color}} component * replaces category-selector by a component using select-kit and based on multi-select * improves positioning of wrapper * removes the need for offscreen, and instead use `select-kit-header` as a base focus point for all select-kit based components * introduces a formal plugin api for select-kit based components * introduces a formal pattern for loading and updating select-kit based components: ``` computeValue() computeContent() mutateValue() ``` 2017-11-21 18:53:09 +08:00			`pluginApiIdentifiers: ["pinned-button"],`
uses select-box for pinned-button This commit also moves more logic in dropdown-select-box instead of duplicating it for notifications-options and pinned-options 2017-09-12 01:14:22 +08:00			`descriptionKey: "help",`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`classNames: "pinned-button",`
			`classNameBindings: ["isHidden"],`
Introduces select-kit * renames `select-box-kit` into `select-kit` * introduces `single-select` and `multi-select` as base components * introduces {{search-advanced-category-chooser}} as a better component for selecting category in advanced search * improves events handling in select-kit * recreates color selection inputs using {{multi-select}} and a custom {{selected-color}} component * replaces category-selector by a component using select-kit and based on multi-select * improves positioning of wrapper * removes the need for offscreen, and instead use `select-kit-header` as a base focus point for all select-kit based components * introduces a formal plugin api for select-kit based components * introduces a formal pattern for loading and updating select-kit based components: ``` computeValue() computeContent() mutateValue() ``` 2017-11-21 18:53:09 +08:00			`layoutName: "select-kit/templates/components/pinned-button",`
FEATURE: education panel on pinning at bottom of topics 2014-04-10 13:53:31 +08:00
DEV: Move computed to discourseComputed (#8312) 2019-11-08 05:38:28 +08:00			`@discourseComputed("topic.pinned_globally", "pinned")`
uses select-box for pinned-button This commit also moves more logic in dropdown-select-box instead of duplicating it for notifications-options and pinned-options 2017-09-12 01:14:22 +08:00			`reasonText(pinnedGlobally, pinned) {`
			`const globally = pinnedGlobally ? "_globally" : "";`
			const pinnedKey = pinned ? `pinned${globally}` : "unpinned";
			const key = `topic_statuses.${pinnedKey}.help`;
			`return I18n.t(key);`
REFACTOR: Replace some `fa-*` uses with helpers 2017-07-27 04:33:17 +08:00			`},`
FEATURE: education panel on pinning at bottom of topics 2014-04-10 13:53:31 +08:00
DEV: Move computed to discourseComputed (#8312) 2019-11-08 05:38:28 +08:00			`@discourseComputed("pinned", "topic.deleted", "topic.unpinned")`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`isHidden(pinned, deleted, unpinned) {`
Revert "FIX: pinned-button sometimes not shown when unpinned is null" This reverts commit 01f0b563312b0b3cf1e9a0f78248180494ffce85. 2017-09-12 07:03:16 +08:00			`return deleted \|\| (!pinned && !unpinned);`
FEATURE: education panel on pinning at bottom of topics 2014-04-10 13:53:31 +08:00			`}`
			`});`