diff options
Diffstat (limited to 'app/assets/javascripts/observability/components/observability_app.vue')
-rw-r--r-- | app/assets/javascripts/observability/components/observability_app.vue | 87 |
1 files changed, 0 insertions, 87 deletions
diff --git a/app/assets/javascripts/observability/components/observability_app.vue b/app/assets/javascripts/observability/components/observability_app.vue deleted file mode 100644 index 36cbe715149..00000000000 --- a/app/assets/javascripts/observability/components/observability_app.vue +++ /dev/null @@ -1,87 +0,0 @@ -<script> -import { darkModeEnabled } from '~/lib/utils/color_utils'; -import { setUrlParams } from '~/lib/utils/url_utility'; - -import { MESSAGE_EVENT_TYPE, FULL_APP_DIMENSIONS } from '../constants'; -import ObservabilitySkeleton from './skeleton/index.vue'; - -export default { - components: { - ObservabilitySkeleton, - }, - props: { - observabilityIframeSrc: { - type: String, - required: true, - }, - inlineEmbed: { - type: Boolean, - required: false, - default: false, - }, - skeletonVariant: { - type: String, - required: false, - default: 'dashboards', - }, - height: { - type: String, - required: false, - default: FULL_APP_DIMENSIONS.HEIGHT, - }, - width: { - type: String, - required: false, - default: FULL_APP_DIMENSIONS.WIDTH, - }, - }, - computed: { - iframeSrcWithParams() { - return `${setUrlParams( - { theme: darkModeEnabled() ? 'dark' : 'light', username: gon?.current_username }, - this.observabilityIframeSrc, - )}${this.inlineEmbed ? '&kiosk=inline-embed' : ''}`; - }, - }, - mounted() { - window.addEventListener('message', this.messageHandler); - }, - destroyed() { - window.removeEventListener('message', this.messageHandler); - }, - methods: { - messageHandler(e) { - const isExpectedOrigin = e.origin === new URL(this.observabilityIframeSrc)?.origin; - if (!isExpectedOrigin) return; - - const { - data: { type, payload }, - } = e; - switch (type) { - case MESSAGE_EVENT_TYPE.GOUI_LOADED: - this.$refs.observabilitySkeleton.onContentLoaded(); - break; - case MESSAGE_EVENT_TYPE.GOUI_ROUTE_UPDATE: - this.$emit('route-update', payload); - break; - default: - break; - } - }, - }, -}; -</script> - -<template> - <observability-skeleton ref="observabilitySkeleton" :variant="skeletonVariant"> - <iframe - id="observability-ui-iframe" - data-testid="observability-ui-iframe" - frameborder="0" - :width="width" - :height="height" - :src="iframeSrcWithParams" - sandbox="allow-same-origin allow-forms allow-scripts" - ></iframe> - </observability-skeleton> -</template> |