2017-12-13 17:49:32 +08:00
|
|
|
import DropdownSelectBoxComponent from "select-kit/components/dropdown-select-box";
|
2020-02-03 21:22:14 +08:00
|
|
|
|
|
|
|
const HEADING_COLLECTION = "HEADING_COLLECTION";
|
2017-12-13 17:49:32 +08:00
|
|
|
|
|
|
|
export default DropdownSelectBoxComponent.extend({
|
|
|
|
pluginApiIdentifiers: ["toolbar-popup-menu-options"],
|
|
|
|
classNames: ["toolbar-popup-menu-options"],
|
|
|
|
|
2020-02-03 21:22:14 +08:00
|
|
|
init() {
|
|
|
|
this._super(...arguments);
|
|
|
|
|
|
|
|
this.prependCollection(HEADING_COLLECTION);
|
2017-12-13 17:49:32 +08:00
|
|
|
},
|
|
|
|
|
2020-02-03 21:22:14 +08:00
|
|
|
selectKitOptions: {
|
|
|
|
showFullTitle: false,
|
|
|
|
filterable: false,
|
|
|
|
autoFilterable: false
|
|
|
|
},
|
|
|
|
|
|
|
|
modifyContentForCollection(collection) {
|
|
|
|
if (collection === HEADING_COLLECTION) {
|
|
|
|
return { title: this.selectKit.options.popupTitle };
|
|
|
|
}
|
|
|
|
},
|
2017-12-13 17:49:32 +08:00
|
|
|
|
2020-02-03 21:22:14 +08:00
|
|
|
modifyComponentForCollection(collection) {
|
|
|
|
if (collection === HEADING_COLLECTION) {
|
|
|
|
return "toolbar-popup-menu-options/toolbar-popup-menu-options-heading";
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
modifyContent(contents) {
|
|
|
|
return contents
|
|
|
|
.map(content => {
|
|
|
|
if (content.condition) {
|
2017-12-13 17:49:32 +08:00
|
|
|
return {
|
2020-02-03 21:22:14 +08:00
|
|
|
icon: content.icon,
|
|
|
|
name: I18n.t(content.label),
|
|
|
|
id: content.action
|
2017-12-13 17:49:32 +08:00
|
|
|
};
|
|
|
|
}
|
|
|
|
})
|
2020-02-03 21:22:14 +08:00
|
|
|
.filter(Boolean);
|
|
|
|
}
|
2017-12-13 17:49:32 +08:00
|
|
|
});
|