discourse/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-09 14:34:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

REFACTOR: simplifies connectors code (#10579)

Browse Source 
- directly uses factoryFor to avoid having to set owner later
- drops jquery usage
- renames view into component as I find it more explicit
This commit is contained in:
Joffrey JAFFEUX 2020-09-02 15:53:42 +02:00 committed by GitHub
parent 879e274dc7
commit c6e336b519
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/assets/javascripts/discourse/app/widgets/component-connector.js
View File

@ -1,5 +1,5 @@
import { scheduleOnce } from "@ember/runloop";
import { setOwner, getOwner } from "@ember/application";
import { getOwner } from "@ember/application";
export default class ComponentConnector {
constructor(widget, componentName, opts, trackedProperties) {
@ -40,21 +40,18 @@ export default class ComponentConnector {
const { elem, opts, widget, componentName } = this;
const mounted = widget._findView();
const view = widget.register
.lookupFactory(`component:${componentName}`)
const component = getOwner(mounted)
.factoryFor(`component:${componentName}`)
.create(opts);
if (setOwner) {
setOwner(view, getOwner(mounted));
}
// component connector is not triggering didReceiveAttrs
// we force it for selectKit components
if (view.selectKit) {
view.didReceiveAttrs();
if (component.selectKit) {
component.didReceiveAttrs();
}
mounted._connected.push(view);
view.renderer.appendTo(view, elem);
mounted._connected.push(component);
component.renderer.appendTo(component, elem);
}
}

26
app/assets/javascripts/discourse/app/widgets/connector.js
View File

@ -1,5 +1,5 @@
import { next } from "@ember/runloop";
import { setOwner, getOwner } from "@ember/application";
import { getOwner } from "@ember/application";
export default class Connector {
constructor(widget, opts) {
@ -8,27 +8,23 @@ export default class Connector {
}
init() {
const $elem = $(`<div class='widget-connector'></div>`);
const elem = $elem[0];
const elem = document.createElement("div");
elem.classList.add("widget-connector");
const { opts, widget } = this;
next(() => {
const mounted = widget._findView();
if (opts.component) {
const connector = widget.register.lookupFactory(
"component:connector-container"
);
const component = getOwner(mounted)
.factoryFor("component:connector-container")
.create({
layoutName: `components/${opts.component}`,
model: widget.findAncestorModel()
});
const view = connector.create({
layoutName: `components/${opts.component}`,
model: widget.findAncestorModel()
});
setOwner(view, getOwner(mounted));
mounted._connected.push(view);
view.renderer.appendTo(view, $elem[0]);
mounted._connected.push(component);
component.renderer.appendTo(component, elem);
}
});