Display plugin source URL when hovering the source badge

Change-Id: Ie9e9f99229d20fa6b9630fd067a30e73646e1d15

Author: lucamilanesio

jenkins-docker/server/plugin-manager/css/style.css

@@ -72,3 +72,17 @@ span.text-bg-primary {
   background-color: RGBA(13, 110, 253, 1);
   color: #fff!important;
 }
+
+div.repo-status-popup {
+  position: absolute;
+  z-index: 9999;
+  padding:8px;
+  border-radius: 4px;
+  background: white;
+  box-shadow: 0 2px 8px 0 rgba(195, 195, 195, 0.12);
+  border: 1px solid #cfd8e0;
+}
+
+.plugin-heading {
+  position: relative;
+}

jenkins-docker/server/plugin-manager/index.html

@@ -59,7 +59,21 @@
         </thead>
         <tbody>
           <tr ng-repeat="prop in plugins.list | filter:searchPlugin">
-            <td><h4>{{prop.id}} <span class="badge {{prop.css}}">{{prop.source}}</span><br/><small>{{prop.description.split('.')[0]}}</small></h4></td>
+            <td>
+              <h4 class="plugin-heading">
+                {{prop.id}}
+                <span
+                  ng-mouseover="showRepoStatus($event, prop.id, prop.jobUrl)"
+                  ng-mouseout="hideRepoStatus(prop.id)"
+                  class="badge {{prop.css}}">{{prop.source}}
+                  <div id="repo-status-popup-{{prop.id}}" style="display: none;" class="repo-status-popup">
+                    <a id="repo-status-popup-a-{{prop.id}}" target="_blank">Source Code</a>
+                  </div>
+                </span>
+                <br/>
+                <small>{{prop.description.split('.')[0]}}</small>
+              </h4>
+            </td>
             <td>
               <p>{{prop.version}}</p>
               <div ng-if="prop.update_version">

jenkins-docker/server/plugin-manager/js/plugin-manager.js

@@ -81,6 +81,7 @@ var app = angular.module('PluginManager', []).controller(
                       currPlugin.sha1 = plugin.sha1;
                       var uiPluginRegex = /(ui-plugin-)(.*)-bazel.*/;
                       var fileEnding = plugin.name.match(uiPluginRegex) ? '.js' : '.jar';
+                      currPlugin.jobUrl = $scope.getBaseUrl() + '/job/' + plugin.name;
                       currPlugin.url = $scope.getBaseUrl() + '/job/' + plugin.name + '/lastSuccessfulBuild/artifact/bazel-bin/plugins/' + pluginName + '/' + pluginName + fileEnding;
                       currPlugin.description = pluginResponse.data.description;
                       currPlugin.source = source;
@@ -98,13 +99,49 @@ var app = angular.module('PluginManager', []).controller(
                     });
                   });
                 }, function errorCallback(response) {
+                  console.error('Failed to fetch plugin build data for ' + pluginId, response);
                 });
       }
 
       plugins.login = function () {
         $window.location.href = 'https://gerrit-ci.gerritforge.com/securityRealm/commenceLogin?from=%2F';
       };
 
+      $scope.showRepoStatus = function(e, pluginId, pluginJobUrl) {
+        setTimeout(function() {
+          $http.get(pluginJobUrl + '/lastSuccessfulBuild/api/json', plugins.httpConfig)
+            .then(
+              function successCallback(response) {
+                var repoStatusPopup = document.getElementById('repo-status-popup-' + pluginId);
+                var repoStatusPopupAnchor = document.getElementById('repo-status-popup-a-' + pluginId);
+                if (!repoStatusPopup) return;
+
+                var scmAction = response.data.actions.filter(function(action) {
+                  return action._class == "hudson.plugins.git.util.BuildData";
+                });
+                if (!scmAction || scmAction.length == 0) return;
+
+                var sourceUrl = scmAction[0].remoteUrls.filter(function(url) {
+                      return url.indexOf("gerrit.googlesource.com/a/gerrit") === -1;
+                    });
+                if (!sourceUrl || sourceUrl.length == 0) return;
+
+                repoStatusPopup.style.display = 'block';
+                repoStatusPopupAnchor.href = sourceUrl[0].replace("/a", "");
+              }, function errorCallback(response) {}
+            );
+        }, 500);
+      };
+
+      $scope.hideRepoStatus = function(pluginId) {
+        var repoStatusPopup = document.getElementById('repo-status-popup-' + pluginId);
+        if (repoStatusPopup) {
+          setTimeout(function() {
+            repoStatusPopup.style.display = 'none';
+          }, 1000);
+        }
+      };
+
       $scope.refreshAvailable();
     });