2021-01-26 18:09:30 +00:00
|
|
|
<script>
|
2021-04-07 18:09:45 +00:00
|
|
|
import { GlButton, GlModalDirective } from '@gitlab/ui';
|
|
|
|
import { s__ } from '~/locale';
|
|
|
|
import RunnerInstructionsModal from './runner_instructions_modal.vue';
|
2021-01-26 18:09:30 +00:00
|
|
|
|
|
|
|
export default {
|
|
|
|
components: {
|
|
|
|
GlButton,
|
2021-04-07 18:09:45 +00:00
|
|
|
RunnerInstructionsModal,
|
2021-01-26 18:09:30 +00:00
|
|
|
},
|
|
|
|
directives: {
|
2022-06-07 15:08:12 +00:00
|
|
|
GlModal: GlModalDirective,
|
2021-01-26 18:09:30 +00:00
|
|
|
},
|
2021-04-07 18:09:45 +00:00
|
|
|
modalId: 'runner-instructions-modal',
|
|
|
|
i18n: {
|
2022-01-21 00:12:56 +00:00
|
|
|
buttonText: s__('Runners|Show runner installation instructions'),
|
2021-01-26 18:09:30 +00:00
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
<template>
|
|
|
|
<div>
|
2022-06-07 15:08:12 +00:00
|
|
|
<gl-button v-gl-modal="$options.modalId" class="gl-mt-4" data-testid="show-modal-button">
|
2021-04-07 18:09:45 +00:00
|
|
|
{{ $options.i18n.buttonText }}
|
2021-01-26 18:09:30 +00:00
|
|
|
</gl-button>
|
2022-06-07 15:08:12 +00:00
|
|
|
<runner-instructions-modal :modal-id="$options.modalId" />
|
2021-01-26 18:09:30 +00:00
|
|
|
</div>
|
|
|
|
</template>
|