'MR widget|The pipeline will now run automatically every time you commit code. Pipelines are useful for deploying static web pages, detecting vulnerabilities in dependencies, static or dynamic application security testing (SAST and DAST), and so much more!',
),
modalTitle:sprintf(
__("That's it, well done!%{celebrate}"),
{
celebrate:glEmojiTag('tada'),
},
false,
),
components:{
GlModal,
GlSprintf,
GlLink,
},
props:{
goToPipelinesPath:{
type:String,
required:true,
},
commitCookie:{
type:String,
required:true,
},
},
mounted(){
this.disableModalFromRenderingAgain();
},
methods:{
disableModalFromRenderingAgain(){
Cookies.remove(this.commitCookie);
},
},
};
</script>
<template>
<gl-modal
visible
size="sm"
:title="$options.modalTitle"
modal-id="success-pipeline-modal-id-not-used"
>
<p>
{{$options.bodyMessage}}
</p>
<gl-sprintf
:message="
s__(`MR widget|Take a look at our %{beginnerLinkStart}Beginner's Guide to Continuous Integration%{beginnerLinkEnd}
and our %{exampleLinkStart}examples of GitLab CI/CD%{exampleLinkEnd}
title:s__(`suggestPipeline|1/2: Choose a template`),
content:s__(
`suggestPipeline|We recommend the %{boldStart}Code Quality%{boldEnd} template, which will add a report widget to your Merge Requests. This way you’ll learn about code quality degradations much sooner. %{footerStart} Goodbye technical debt! %{footerEnd}`,
),
emoji:glEmojiTag('wave'),
},
suggest_commit_first_project_gitlab_ci_yml:{
title:s__(`suggestPipeline|2/2: Commit your changes`),
content:s__(
`suggestPipeline|Commit the changes and your pipeline will automatically run for the first time.`,