Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 | 2x 2x 2x 2x | <script> import { GlButton, GlIcon, GlButtonGroup, GlTooltipDirective } from '@gitlab/ui'; import { __ } from '~/locale'; const IGNORED = 'ignored'; const RESOLVED = 'resolved'; const UNRESOLVED = 'unresolved'; const statusValidation = [IGNORED, RESOLVED, UNRESOLVED]; export default { components: { GlButton, GlIcon, GlButtonGroup, }, directives: { GlTooltip: GlTooltipDirective, }, props: { error: { type: Object, required: true, validator: ({ status }) => statusValidation.includes(status), }, }, computed: { ignoreBtn() { return this.error.status !== IGNORED ? { status: IGNORED, icon: 'eye-slash', title: __('Ignore') } : { status: UNRESOLVED, icon: 'eye', title: __('Undo Ignore') }; }, resolveBtn() { return this.error.status !== RESOLVED ? { status: RESOLVED, icon: 'check-circle', title: __('Resolve') } : { status: UNRESOLVED, icon: 'canceled-circle', title: __('Unresolve') }; }, detailsLink() { return `error_tracking/${this.error.id}/details`; }, }, }; </script> <template> <div> <gl-button-group class="gl-flex-direction-column gl-md-flex-direction-row gl-ml-n6"> <gl-button :key="ignoreBtn.status" :ref="`${ignoreBtn.title.toLowerCase()}Error`" v-gl-tooltip.hover class="gl-display-block gl-mb-4 gl-md-mb-0 gl-w-full" :title="ignoreBtn.title" :aria-label="ignoreBtn.title" @click="$emit('update-issue-status', { errorId: error.id, status: ignoreBtn.status })" > <gl-icon class="gl-display-none gl-md-display-inline gl-m-0" :name="ignoreBtn.icon" :size="12" /> <span class="gl-md-display-none">{{ ignoreBtn.title }}</span> </gl-button> <gl-button :key="resolveBtn.status" :ref="`${resolveBtn.title.toLowerCase()}Error`" v-gl-tooltip.hover class="gl-display-block gl-mb-4 gl-md-mb-0 gl-w-full" :title="resolveBtn.title" :aria-label="resolveBtn.title" @click="$emit('update-issue-status', { errorId: error.id, status: resolveBtn.status })" > <gl-icon class="gl-display-none gl-md-display-inline gl-m-0" :name="resolveBtn.icon" :size="12" /> <span class="gl-md-display-none">{{ resolveBtn.title }}</span> </gl-button> </gl-button-group> <gl-button :href="detailsLink" category="primary" variant="confirm" class="gl-display-block gl-md-display-none! gl-mb-4 gl-md-mb-0" > {{ __('More details') }} </gl-button> </div> </template> |