diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2022-12-20 21:09:05 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2022-12-20 21:09:05 +0300 |
commit | 883d5720994852248f18cb3053dc9f053f28d6f9 (patch) | |
tree | 409c976ddc659f34afaae3b2e97f1d0325f6455c /app/assets/javascripts/users | |
parent | 5e97da08cba997aefba6f6d13850f95536a80477 (diff) |
Add latest changes from gitlab-org/gitlab@master
Diffstat (limited to 'app/assets/javascripts/users')
-rw-r--r-- | app/assets/javascripts/users/profile/components/report_abuse_button.vue | 51 | ||||
-rw-r--r-- | app/assets/javascripts/users/profile/index.js | 18 |
2 files changed, 69 insertions, 0 deletions
diff --git a/app/assets/javascripts/users/profile/components/report_abuse_button.vue b/app/assets/javascripts/users/profile/components/report_abuse_button.vue new file mode 100644 index 00000000000..3008cdb6726 --- /dev/null +++ b/app/assets/javascripts/users/profile/components/report_abuse_button.vue @@ -0,0 +1,51 @@ +<script> +import { GlButton, GlTooltipDirective } from '@gitlab/ui'; +import { __ } from '~/locale'; + +import AbuseCategorySelector from '~/abuse_reports/components/abuse_category_selector.vue'; + +export default { + name: 'ReportAbuseButton', + components: { + GlButton, + AbuseCategorySelector, + }, + directives: { + GlTooltip: GlTooltipDirective, + }, + inject: ['formSubmitPath', 'userId', 'reportedFromUrl'], + i18n: { + reportAbuse: __('Report abuse to administrator'), + }, + data() { + return { + open: false, + }; + }, + computed: { + buttonTooltipText() { + return this.$options.i18n.reportAbuse; + }, + }, + methods: { + openDrawer() { + this.open = true; + }, + closeDrawer() { + this.open = false; + }, + }, +}; +</script> +<template> + <span> + <gl-button + v-gl-tooltip="buttonTooltipText" + category="primary" + :aria-label="buttonTooltipText" + icon="error" + @click="openDrawer" + /> + <abuse-category-selector :show-drawer="open" @close-drawer="closeDrawer" /> + </span> +</template> diff --git a/app/assets/javascripts/users/profile/index.js b/app/assets/javascripts/users/profile/index.js new file mode 100644 index 00000000000..9246324a990 --- /dev/null +++ b/app/assets/javascripts/users/profile/index.js @@ -0,0 +1,18 @@ +import Vue from 'vue'; +import ReportAbuseButton from './components/report_abuse_button.vue'; + +export const initReportAbuse = () => { + const el = document.getElementById('js-report-abuse'); + + if (!el) return false; + + const { formSubmitPath, userId, reportedFromUrl } = el.dataset; + + return new Vue({ + el, + provide: { formSubmitPath, userId, reportedFromUrl }, + render(createElement) { + return createElement(ReportAbuseButton); + }, + }); +}; |