fdardenne
9b7ed7ed0b
Before, the `Layout` component was not friendly enough for
client action. There was no default component for `ControlPanel`
and `SearchPanel` in `Layout`, resulting in the fact that it had to be
defined manually in the client action environment:
```js
useSubEnv({
config: {
...getDefaultConfig(),
...this.env.config,
},
});
}
```
Now, the `Layout` component defines default component for `ControlPanel`
and `SearchPanel`. Making it easier to use for generic usage.
closes odoo/odoo#105413
Signed-off-by: Aaron Bohy (aab) <aab@odoo.com>
59 lines
1.6 KiB
JavaScript
59 lines
1.6 KiB
JavaScript
/** @odoo-module **/
|
|
|
|
import { Component, useRef } from "@odoo/owl";
|
|
import { ControlPanel } from "@web/search/control_panel/control_panel";
|
|
import { SearchPanel } from "@web/search/search_panel/search_panel";
|
|
|
|
/**
|
|
* @param {Object} params
|
|
* @returns {Object}
|
|
*/
|
|
export function extractLayoutComponents(params) {
|
|
const layoutComponents = {
|
|
ControlPanel: params.ControlPanel || ControlPanel,
|
|
SearchPanel: params.SearchPanel || SearchPanel,
|
|
};
|
|
if (params.Banner) {
|
|
layoutComponents.Banner = params.Banner;
|
|
}
|
|
return layoutComponents;
|
|
}
|
|
|
|
export class Layout extends Component {
|
|
setup() {
|
|
this.components = extractLayoutComponents(this.env.config);
|
|
this.contentRef = useRef("content");
|
|
}
|
|
get controlPanelSlots() {
|
|
const slots = { ...this.props.slots };
|
|
slots["control-panel-bottom-left-buttons"] = slots["layout-buttons"];
|
|
delete slots["layout-buttons"];
|
|
delete slots.default;
|
|
return slots;
|
|
}
|
|
get display() {
|
|
const { controlPanel } = this.props.display;
|
|
if (!controlPanel || !this.env.inDialog) {
|
|
return this.props.display;
|
|
}
|
|
return {
|
|
...this.props.display,
|
|
controlPanel: {
|
|
...controlPanel,
|
|
"top-left": false,
|
|
"bottom-left-buttons": false,
|
|
},
|
|
};
|
|
}
|
|
}
|
|
|
|
Layout.template = "web.Layout";
|
|
Layout.props = {
|
|
className: { type: String, optional: true },
|
|
display: { type: Object, optional: true },
|
|
slots: { type: Object, optional: true },
|
|
};
|
|
Layout.defaultProps = {
|
|
display: {},
|
|
};
|