diff options
Diffstat (limited to 'app/assets/javascripts/issuable/components')
3 files changed, 41 insertions, 12 deletions
diff --git a/app/assets/javascripts/issuable/components/csv_export_modal.vue b/app/assets/javascripts/issuable/components/csv_export_modal.vue index 78987a5c629..7bdd55ddda3 100644 --- a/app/assets/javascripts/issuable/components/csv_export_modal.vue +++ b/app/assets/javascripts/issuable/components/csv_export_modal.vue @@ -12,19 +12,23 @@ export default { }, inject: { issuableType: { - default: '', - }, - issuableCount: { - default: 0, + default: ISSUABLE_TYPE.issues, }, email: { default: '', }, + }, + props: { exportCsvPath: { + type: String, + required: false, default: '', }, - }, - props: { + issuableCount: { + type: Number, + required: false, + default: 0, + }, modalId: { type: String, required: true, diff --git a/app/assets/javascripts/issuable/components/csv_import_export_buttons.vue b/app/assets/javascripts/issuable/components/csv_import_export_buttons.vue index bbf4160ce35..fb4d5aca2f5 100644 --- a/app/assets/javascripts/issuable/components/csv_import_export_buttons.vue +++ b/app/assets/javascripts/issuable/components/csv_import_export_buttons.vue @@ -13,6 +13,10 @@ import CsvExportModal from './csv_export_modal.vue'; import CsvImportModal from './csv_import_modal.vue'; export default { + i18n: { + exportAsCsvButtonText: __('Export as CSV'), + importIssuesText: __('Import issues'), + }, name: 'CsvImportExportButtons', components: { GlButtonGroup, @@ -49,6 +53,18 @@ export default { default: false, }, }, + props: { + exportCsvPath: { + type: String, + required: false, + default: '', + }, + issuableCount: { + type: Number, + required: false, + default: undefined, + }, + }, computed: { exportModalId() { return `${this.issuableType}-export-modal`; @@ -57,16 +73,15 @@ export default { return `${this.issuableType}-import-modal`; }, importButtonText() { - return this.showLabel ? this.$options.importIssuesText : null; + return this.showLabel ? this.$options.i18n.importIssuesText : null; }, importButtonTooltipText() { - return this.showLabel ? null : this.$options.importIssuesText; + return this.showLabel ? null : this.$options.i18n.importIssuesText; }, importButtonIcon() { return this.showLabel ? null : 'import'; }, }, - importIssuesText: __('Import issues'), }; </script> @@ -75,9 +90,10 @@ export default { <gl-button-group> <gl-button v-if="showExportButton" - v-gl-tooltip.hover="__('Export as CSV')" + v-gl-tooltip.hover="$options.i18n.exportAsCsvButtonText" v-gl-modal="exportModalId" icon="export" + :aria-label="$options.i18n.exportAsCsvButtonText" data-qa-selector="export_as_csv_button" data-testid="export-csv-button" /> @@ -101,7 +117,12 @@ export default { > </gl-dropdown> </gl-button-group> - <csv-export-modal v-if="showExportButton" :modal-id="exportModalId" /> + <csv-export-modal + v-if="showExportButton" + :modal-id="exportModalId" + :export-csv-path="exportCsvPath" + :issuable-count="issuableCount" + /> <csv-import-modal v-if="showImportButton" :modal-id="importModalId" /> </div> </template> diff --git a/app/assets/javascripts/issuable/components/issuable_by_email.vue b/app/assets/javascripts/issuable/components/issuable_by_email.vue index 6d063b59922..d0ce8c2c34b 100644 --- a/app/assets/javascripts/issuable/components/issuable_by_email.vue +++ b/app/assets/javascripts/issuable/components/issuable_by_email.vue @@ -14,6 +14,9 @@ import { sprintf, __ } from '~/locale'; import ModalCopyButton from '~/vue_shared/components/modal_copy_button.vue'; export default { + i18n: { + sendEmail: __('Send email'), + }, name: 'IssuableByEmail', components: { GlButton, @@ -116,7 +119,8 @@ export default { <gl-button v-gl-tooltip.hover :href="mailToLink" - :title="__('Send email')" + :title="$options.i18n.sendEmail" + :aria-label="$options.i18n.sendEmail" icon="mail" data-testid="mail-to-btn" /> |