51 lines
1.6 KiB
JavaScript
51 lines
1.6 KiB
JavaScript
|
import Component from '@glimmer/component';
|
||
|
|
import {action} from '@ember/object';
|
||
|
|
import {inject as service} from '@ember/service';
|
||
|
|
|
||
|
|
export default class GhExploreIframe extends Component {
|
||
|
|
@service explore;
|
||
|
|
@service router;
|
||
|
|
@service feature;
|
||
|
|
|
||
|
|
@action
|
||
|
|
setup() {
|
||
|
|
this.explore.getExploreIframe().src = this.explore.getIframeURL();
|
||
|
|
|
||
|
|
window.addEventListener('message', async (event) => {
|
||
|
|
if (event?.data) {
|
||
|
|
if (event.data?.request === 'apiUrl') {
|
||
|
|
this._handleUrlRequest();
|
||
|
|
}
|
||
|
|
|
||
|
|
if (event.data?.route) {
|
||
|
|
this._handleRouteUpdate(event.data);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (event.data?.siteData) {
|
||
|
|
this._handleSiteDataUpdate(event.data);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// The iframe can send route updates to navigate to within Admin, as some routes
|
||
|
|
// have to be rendered within the iframe and others require to break out of it.
|
||
|
|
_handleRouteUpdate(data) {
|
||
|
|
const route = data.route;
|
||
|
|
this.explore.isIframeTransition = route?.includes('/explore');
|
||
|
|
this.explore.toggleExploreWindow(this.explore.isIframeTransition);
|
||
|
|
this.router.transitionTo(route);
|
||
|
|
}
|
||
|
|
|
||
|
|
_handleUrlRequest() {
|
||
|
|
this.explore.getExploreIframe().contentWindow.postMessage({
|
||
|
|
request: 'apiUrl',
|
||
|
|
response: {apiUrl: this.explore.apiUrl, darkMode: this.feature.nightShift}
|
||
|
|
}, '*');
|
||
|
|
}
|
||
|
|
|
||
|
|
_handleSiteDataUpdate(data) {
|
||
|
|
this.explore.siteData = data.siteData;
|
||
|
|
}
|
||
|
|
}
|