Merge branch '7124-open-view-full-report-in-new-window' into 'master'

Resolve "Open "View full report" in new window"

Closes #7124

See merge request gitlab-org/gitlab-ee!6806

ee/app/assets/javascripts/vue_shared/license_management/mr_widget_license_report.vue

 <script>
 import { mapState, mapGetters, mapActions } from 'vuex';
 import ReportSection from '~/vue_shared/components/reports/report_section.vue';
+import Icon from '~/vue_shared/components/icon.vue';
 import reportsMixin from 'ee/vue_shared/security_reports/mixins/reports_mixin';
 import SetLicenseApprovalModal from 'ee/vue_shared/license_management/components/set_approval_status_modal.vue';
 import { componentNames } from 'ee/vue_shared/components/reports/issue_body';
@@ -16,6 +17,7 @@ export default {
   components: {
     ReportSection,
     SetLicenseApprovalModal,
+    Icon,
   },
   mixins: [reportsMixin],
   props: {
@@ -110,9 +112,14 @@ export default {
       >
         <a
           :href="licensesTab"
-          class="btn btn-default float-right btn-sm"
+          target="_blank"
+          class="btn btn-default btn-sm float-right"
         >
-          {{ s__("ciReport|View full report") }}
+          <span>{{ s__("ciReport|View full report") }}</span>
+          <icon
+            :size="16"
+            name="external-link"
+          />
         </a>
       </div>
     </report-section>

ee/app/assets/javascripts/vue_shared/security_reports/grouped_security_reports_app.vue

@@ -3,6 +3,7 @@ import { mapActions, mapState, mapGetters } from 'vuex';
 import ReportSection from '~/vue_shared/components/reports/report_section.vue';
 import SummaryRow from '~/vue_shared/components/reports/summary_row.vue';
 import IssuesList from '~/vue_shared/components/reports/issues_list.vue';
+import Icon from '~/vue_shared/components/icon.vue';
 import { componentNames } from 'ee/vue_shared/components/reports/issue_body';
 import IssueModal from './components/modal.vue';
 import securityReportsMixin from './mixins/security_report_mixin';
@@ -15,6 +16,7 @@ export default {
     SummaryRow,
     IssuesList,
     IssueModal,
+    Icon,
   },
   mixins: [securityReportsMixin],
   props: {
@@ -224,9 +226,14 @@ export default {
     >
       <a
         :href="securityTab"
-        class="btn float-right btn-sm"
+        target="_blank"
+        class="btn btn-default btn-sm float-right"
       >
-        {{ s__("ciReport|View full report") }}
+        <span>{{ s__("ciReport|View full report") }}</span>
+        <icon
+          :size="16"
+          name="external-link"
+        />
       </a>
     </div>
 

ee/changelogs/unreleased/7124-open-view-full-report-in-new-window.yml

+---
+title: Opens "view full report" links in a new window
+merge_request: 6806
+author:
+type: changed