Skip to content

Replace import/export CSV buttons and modal with Vue component

What does this MR do?

This MR adds a new Vue component that renders import and export buttons as well as the modals on the following pages:

  • Project issues
  • Project merge requests

This component will also be added to an issue's empty page in a separate MR. The deprecated HAML templates will also be removed in the follow-up MR.

Screenshots (strongly suggested)

Issues

Before After
Buttons import_export_buttons_issues_before import_export_buttons_issues_after
Export Modal export_issues_modal_before export_issues_modal_after
Import Modal import_issues_modal_before import_issues_modal_after

Merge Requests

Before After
Buttons import_export_buttons_merge_requests_before import_export_buttons_merge_requests_after
Export Modal export_merge_requests_modal_before export_merge_requests_modal_after

Does this MR meet the acceptance criteria?

Conformity

Availability and Testing

Security

If this MR contains changes to processing or storing of credentials or tokens, authorization and authentication methods and other items described in the security review guidelines:

  • Label as security and @ mention @gitlab-com/gl-security/appsec
  • The MR includes necessary changes to maintain consistency between UI, API, email, or other methods
  • Security reports checked/validated by a reviewer from the AppSec team

Related to #254267 (closed)

Edited by Martin Wortschack

Merge request reports