2017-09-11 13:14:22 -04:00
|
|
|
import computed from "ember-addons/ember-computed-decorators";
|
2014-04-10 01:53:31 -04:00
|
|
|
|
2017-09-11 13:14:22 -04:00
|
|
|
export default Ember.Component.extend({
|
|
|
|
descriptionKey: "help",
|
2017-10-19 15:51:08 -04:00
|
|
|
classNames: "pinned-button",
|
|
|
|
classNameBindings: ["isHidden"],
|
|
|
|
layoutName: "select-box-kit/templates/components/pinned-button",
|
2014-04-10 01:53:31 -04:00
|
|
|
|
2017-09-11 13:14:22 -04:00
|
|
|
@computed("topic.pinned_globally", "topic.pinned")
|
|
|
|
reasonText(pinnedGlobally, pinned) {
|
|
|
|
const globally = pinnedGlobally ? "_globally" : "";
|
|
|
|
const pinnedKey = pinned ? `pinned${globally}` : "unpinned";
|
|
|
|
const key = `topic_statuses.${pinnedKey}.help`;
|
|
|
|
return I18n.t(key);
|
2017-07-26 16:33:17 -04:00
|
|
|
},
|
2014-04-10 01:53:31 -04:00
|
|
|
|
2017-09-11 13:14:22 -04:00
|
|
|
@computed("topic.pinned", "topic.deleted", "topic.unpinned")
|
2017-10-19 15:51:08 -04:00
|
|
|
isHidden(pinned, deleted, unpinned) {
|
2017-09-11 19:03:16 -04:00
|
|
|
return deleted || (!pinned && !unpinned);
|
2014-04-10 01:53:31 -04:00
|
|
|
}
|
|
|
|
});
|