Show ID - Status for each TestExecution line in TestRun view page

- only bug ID is shown instead of the full URL
- hovering the mouse over the `ID - Status` text will display bug title
- only the last bug attached to a TestExecution record is shown b/c
  there could be many others

- Works also when attaching a new link to a bug and/or creating a new
  bug via 1-click bug reporting.

Closes #3748

Author: atodorov

tcms/testruns/static/testruns/js/get.js

@@ -24,6 +24,19 @@ const permissions = {
 }
 const autocompleteCache = {}
 
+function showLastBugForTe (testExecutionRow, bugUrl) {
+    const jsBugs = testExecutionRow.find('.js-bugs')
+    jsBugs.removeClass('hidden')
+
+    const lastBugAnchor = jsBugs.find('a')
+    lastBugAnchor.attr('href', bugUrl)
+
+    jsonRPC('Bug.details', bugUrl, (details) => {
+        lastBugAnchor.text(`${details.id} - ${details.status}`)
+        lastBugAnchor.attr('title', details.title)
+    })
+}
+
 export function pageTestrunsGetReadyHandler () {
     permissions.removeTag = $('#test_run_pk').data('perm-remove-tag') === 'True'
     permissions.addComment = $('#test_run_pk').data('perm-add-comment') === 'True'
@@ -596,7 +609,8 @@ function renderAdditionalInformation (testRunId, execution) {
             }
         })
         for (const teId of Object.keys(withDefects)) {
-            $(`.test-execution-${teId}`).find('.js-bugs').removeClass('hidden')
+            const lastBug = withDefects[teId]
+            showLastBugForTe($(`.test-execution-${teId}`), lastBug.url)
         }
     })
 
@@ -850,6 +864,7 @@ function fileBugFromExecution (execution) {
 
             // unescape b/c Issue #1533
             const targetUrl = result.response.replace(/&/g, '&')
+            showLastBugForTe($(`.test-execution-${execution.id}`), targetUrl)
             window.open(targetUrl, '_blank')
         })
         return false
@@ -880,7 +895,7 @@ function addLinkToExecutions (testExecutionIDs) {
                 const testExecutionRow = $(`div.list-group-item.test-execution-${testExecutionId}`)
                 animate(testExecutionRow, () => {
                     if (link.is_defect) {
-                        testExecutionRow.find('.js-bugs').removeClass('hidden')
+                        showLastBugForTe(testExecutionRow, link.url)
                     }
                     const ul = testExecutionRow.find('.test-execution-hyperlinks')
                     ul.append(renderLink(link))

tcms/testruns/templates/testruns/get.html

@@ -376,8 +376,9 @@ <h5><span class="test-executions-count"></span> {% trans 'records' %}</h5>
                                                         <span class="fa fa-search"></span>
                                                         <span class="test-execution-tester"></span>
                                                     </div>
-                                                    <div title="{% trans 'Bugs' %}" class="list-view-pf-additional-info-item js-bugs hidden">
+                                                    <div title="{% trans 'Last bug' %}" class="list-view-pf-additional-info-item js-bugs hidden">
                                                         <span class="fa fa-bug kiwi-color-red"></span>
+                                                        <a href="#" target="_blank" title="{% trans 'Last bug' %}"></a>
                                                     </div>
                                                 </div>
                                                 <div class="list-view-pf-additional-info" style="width: 30%;">