summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/jobs/components/empty_state.vue
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/jobs/components/empty_state.vue')
-rw-r--r--app/assets/javascripts/jobs/components/empty_state.vue87
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>