diff options
Diffstat (limited to 'app/assets/javascripts/jobs/components/empty_state.vue')
-rw-r--r-- | app/assets/javascripts/jobs/components/empty_state.vue | 87 |
1 files changed, 0 insertions, 87 deletions
diff --git a/app/assets/javascripts/jobs/components/empty_state.vue b/app/assets/javascripts/jobs/components/empty_state.vue deleted file mode 100644 index e31c13f40b0..00000000000 --- a/app/assets/javascripts/jobs/components/empty_state.vue +++ /dev/null @@ -1,87 +0,0 @@ -<script> -import { GlLink } from '@gitlab/ui'; -import ManualVariablesForm from './manual_variables_form.vue'; - -export default { - components: { - GlLink, - ManualVariablesForm, - }, - props: { - illustrationPath: { - type: String, - required: true, - }, - illustrationSizeClass: { - type: String, - required: true, - }, - title: { - type: String, - required: true, - }, - content: { - type: String, - required: false, - default: null, - }, - playable: { - type: Boolean, - required: true, - default: false, - }, - scheduled: { - type: Boolean, - required: false, - default: false, - }, - action: { - type: Object, - required: false, - default: null, - validator(value) { - return ( - value === null || - (Object.prototype.hasOwnProperty.call(value, 'path') && - Object.prototype.hasOwnProperty.call(value, 'method') && - Object.prototype.hasOwnProperty.call(value, 'button_title')) - ); - }, - }, - }, - computed: { - shouldRenderManualVariables() { - return this.playable && !this.scheduled; - }, - }, -}; -</script> -<template> - <div class="row empty-state"> - <div class="col-12"> - <div :class="illustrationSizeClass" class="svg-content"> - <img :src="illustrationPath" /> - </div> - </div> - - <div class="col-12"> - <div class="text-content"> - <h4 class="text-center" data-testid="job-empty-state-title">{{ title }}</h4> - - <p v-if="content" data-testid="job-empty-state-content">{{ content }}</p> - </div> - <manual-variables-form v-if="shouldRenderManualVariables" :action="action" /> - <div class="text-content"> - <div v-if="action && !shouldRenderManualVariables" class="text-center"> - <gl-link - :href="action.path" - :data-method="action.method" - class="btn gl-button btn-confirm gl-text-decoration-none!" - data-testid="job-empty-state-action" - >{{ action.button_title }}</gl-link - > - </div> - </div> - </div> - </div> -</template> |