debian-mirror-gitlab/app/assets/javascripts/security_configuration/components/upgrade_banner.vue

44 lines
1.4 KiB
Vue
Raw Normal View History

2021-09-04 01:27:46 +05:30
<script>
import { GlBanner } from '@gitlab/ui';
import { s__ } from '~/locale';
export default {
components: {
GlBanner,
},
inject: ['upgradePath'],
i18n: {
2021-10-27 15:23:28 +05:30
title: s__('SecurityConfiguration|Secure your project'),
2021-09-04 01:27:46 +05:30
bodyStart: s__(
2021-10-27 15:23:28 +05:30
`SecurityConfiguration|Immediately begin risk analysis and remediation with application security features. Start with SAST and Secret Detection, available to all plans. Upgrade to Ultimate to get all features, including:`,
2021-09-04 01:27:46 +05:30
),
bodyListItems: [
2021-10-27 15:23:28 +05:30
s__('SecurityConfiguration|Vulnerability details and statistics in the merge request'),
s__('SecurityConfiguration|High-level vulnerability statistics across projects and groups'),
s__('SecurityConfiguration|Runtime security metrics for application environments'),
s__(
'SecurityConfiguration|More scan types, including Container Scanning, DAST, Dependency Scanning, Fuzzing, and Licence Compliance',
),
2021-09-04 01:27:46 +05:30
],
buttonText: s__('SecurityConfiguration|Upgrade or start a free trial'),
},
};
</script>
<template>
<gl-banner
:title="$options.i18n.title"
:button-text="$options.i18n.buttonText"
:button-link="upgradePath"
2021-10-27 15:23:28 +05:30
variant="introduction"
2021-09-04 01:27:46 +05:30
v-on="$listeners"
>
<p>{{ $options.i18n.bodyStart }}</p>
2021-10-27 15:23:28 +05:30
<ul class="gl-pl-6">
2021-09-04 01:27:46 +05:30
<li v-for="bodyListItem in $options.i18n.bodyListItems" :key="bodyListItem">
{{ bodyListItem }}
</li>
</ul>
</gl-banner>
</template>