discourse/app/assets/javascripts/select-kit/addon/components/period-chooser.js
Godfrey Chan c34f8b65cb
DEV: Rename I18n imports to discourse-i18n (#23915)
As of #23867 this is now a real package, so updating the imports to
use the real package name, rather than relying on the alias. The
name change in the package name is because `I18n` is not a valid
name as NPM packages must be all lowercase.

This commit also introduces an eslint rule to prevent importing from
the old I18n path.

For themes/plugins, the old 'i18n' name remains functional.
2023-10-18 11:07:09 +01:00

37 lines
953 B
JavaScript

import { oneWay, readOnly } from "@ember/object/computed";
import I18n from "discourse-i18n";
import DropdownSelectBoxComponent from "select-kit/components/dropdown-select-box";
export default DropdownSelectBoxComponent.extend({
classNames: ["period-chooser"],
classNameBindings: ["showPeriods::hidden"],
content: oneWay("site.periods"),
value: readOnly("period"),
valueProperty: null,
nameProperty: null,
showPeriods: true,
modifyComponentForRow() {
return "period-chooser/period-chooser-row";
},
selectKitOptions: {
filterable: false,
autoFilterable: false,
fullDay: "fullDay",
customStyle: true,
headerComponent: "period-chooser/period-chooser-header",
headerAriaLabel: I18n.t("period_chooser.aria_label"),
},
actions: {
onChange(value) {
if (this.action) {
this.action(value);
} else {
this.attrs.onChange && this.attrs.onChange(value);
}
},
},
});