2020-07-28 23:09:34 +05:30
< script >
2021-03-08 18:12:59 +05:30
import { GlLink , GlSprintf , GlAlert } from '@gitlab/ui' ;
2020-07-28 23:09:34 +05:30
import { mapState } from 'vuex' ;
export default {
components : {
GlLink ,
GlSprintf ,
2021-03-08 18:12:59 +05:30
GlAlert ,
2020-07-28 23:09:34 +05:30
} ,
computed : {
... mapState ( [ 'ancestorHelperPath' , 'hasAncestorClusters' ] ) ,
} ,
} ;
< / script >
< template >
2021-03-08 18:12:59 +05:30
< gl-alert v-if = "hasAncestorClusters" variant="info" :dismissible="false" class="gl-my-4" >
< gl-sprintf
: message = "
s _ _ (
'ClusterIntegration|Clusters are utilized by selecting the nearest ancestor with a matching environment scope. For example, project clusters will override group clusters. %{linkStart}More information%{linkEnd}' ,
)
"
>
< template # link = "{ content }" >
< gl-link :href = "ancestorHelperPath" >
< strong > { { content } } < / strong >
< / gl-link >
< / template >
< / gl-sprintf >
< / gl-alert >
2020-07-28 23:09:34 +05:30
< / template >