Moves help_popover component to a common location
This commit is contained in:
parent
3a5885c4cc
commit
4f4290ffed
|
@ -4,15 +4,20 @@ import Icon from '~/vue_shared/components/icon.vue';
|
||||||
import { inserted } from '~/feature_highlight/feature_highlight_helper';
|
import { inserted } from '~/feature_highlight/feature_highlight_helper';
|
||||||
import { mouseenter, debouncedMouseleave, togglePopover } from '~/shared/popover';
|
import { mouseenter, debouncedMouseleave, togglePopover } from '~/shared/popover';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Render a button with a question mark icon
|
||||||
|
* On hover shows a popover. The popover will be dismissed on mouseleave
|
||||||
|
*/
|
||||||
export default {
|
export default {
|
||||||
name: 'ReportsHelpPopover',
|
name: 'HelpPopover',
|
||||||
components: {
|
components: {
|
||||||
Icon,
|
Icon,
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
options: {
|
options: {
|
||||||
type: Object,
|
type: Object,
|
||||||
required: true,
|
required: false,
|
||||||
|
default: () => ({}),
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
|
@ -2,7 +2,7 @@
|
||||||
import { __ } from '~/locale';
|
import { __ } from '~/locale';
|
||||||
import StatusIcon from '~/vue_merge_request_widget/components/mr_widget_status_icon.vue';
|
import StatusIcon from '~/vue_merge_request_widget/components/mr_widget_status_icon.vue';
|
||||||
import IssuesList from './issues_list.vue';
|
import IssuesList from './issues_list.vue';
|
||||||
import Popover from './help_popover.vue';
|
import Popover from '../help_popover.vue';
|
||||||
|
|
||||||
const LOADING = 'LOADING';
|
const LOADING = 'LOADING';
|
||||||
const ERROR = 'ERROR';
|
const ERROR = 'ERROR';
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<script>
|
<script>
|
||||||
import CiIcon from '~/vue_shared/components/ci_icon.vue';
|
import CiIcon from '~/vue_shared/components/ci_icon.vue';
|
||||||
import LoadingIcon from '~/vue_shared/components/loading_icon.vue';
|
import LoadingIcon from '~/vue_shared/components/loading_icon.vue';
|
||||||
import Popover from './help_popover.vue';
|
import Popover from '../help_popover.vue';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Renders the summary row for each report
|
* Renders the summary row for each report
|
||||||
|
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
title: Moves help_popover component to a common location
|
||||||
|
merge_request:
|
||||||
|
author:
|
||||||
|
type: other
|
Loading…
Reference in New Issue