discourse/app/assets/javascripts/select-kit/components/period-chooser.js.es6
2019-05-27 10:15:39 +02:00

35 lines
942 B
JavaScript

import DropdownSelectBoxComponent from "select-kit/components/dropdown-select-box";
import computed, { on } from "ember-addons/ember-computed-decorators";
export default DropdownSelectBoxComponent.extend({
classNames: ["period-chooser"],
rowComponent: "period-chooser/period-chooser-row",
headerComponent: "period-chooser/period-chooser-header",
content: Ember.computed.oneWay("site.periods"),
value: Ember.computed.alias("period"),
isHidden: Ember.computed.alias("showPeriods"),
@computed("isExpanded")
caretIcon(isExpanded) {
return isExpanded ? "caret-up" : "caret-down";
},
@on("didUpdateAttrs", "init")
_setFullDay() {
this.headerComponentOptions.setProperties({
fullDay: this.fullDay
});
this.rowComponentOptions.setProperties({
fullDay: this.fullDay
});
},
actions: {
onSelect() {
if (this.action) {
this.action(this.computedValue);
}
}
}
});