gitlab-org--gitlab-foss/app/assets/javascripts/notes/components/note_signed_out_widget.vue

35 lines
863 B
Vue

<script>
import { mapGetters } from 'vuex';
import { __, sprintf } from '~/locale';
export default {
computed: {
...mapGetters(['getNotesDataByProp']),
registerLink() {
return this.getNotesDataByProp('registerPath');
},
signInLink() {
return this.getNotesDataByProp('newSessionPath');
},
signedOutText() {
return sprintf(
__(
'Please %{startTagRegister}register%{endRegisterTag} or %{startTagSignIn}sign in%{endSignInTag} to reply',
),
{
startTagRegister: `<a href="${this.registerLink}">`,
startTagSignIn: `<a href="${this.signInLink}">`,
endRegisterTag: '</a>',
endSignInTag: '</a>',
},
false,
);
},
},
};
</script>
<template>
<div class="disabled-comment text-center" v-html="signedOutText"></div>
</template>