All files / ee/app/assets/javascripts/groups/settings/compliance_frameworks/components list_empty_state.vue

100% Statements 3/3
100% Branches 0/0
100% Functions 1/1
100% Lines 3/3

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  2x 2x                                                   9x                        
<script>
import { GlEmptyState } from '@gitlab/ui';
import { s__ } from '~/locale';
 
export default {
  components: {
    GlEmptyState,
  },
  props: {
    imagePath: {
      type: String,
      required: false,
      default: null,
    },
    addFrameworkPath: {
      type: String,
      required: false,
      default: null,
    },
  },
  i18n: {
    heading: s__('ComplianceFrameworks|No compliance frameworks are configured'),
    description: s__('ComplianceFrameworks|Configured compliance frameworks appear here.'),
    addButton: s__('ComplianceFrameworks|Add framework'),
  },
};
</script>
 
<template>
  <gl-empty-state
    :title="$options.i18n.heading"
    :description="$options.i18n.description"
    :svg-path="imagePath"
    :primary-button-link="addFrameworkPath"
    :primary-button-text="$options.i18n.addButton"
    compact
    :svg-height="110"
    class="gl-mt-5"
  />
</template>