Bug 1652645 - Webhook urls in configuration page are invalid with undefined included

app/scripts/directives/util.js

@@ -57,6 +57,16 @@ angular.module('openshiftConsole')
       }
     };
   })
+  .directive('copyWebhookTrigger', function() {
+    return {
+      restrict: 'E',
+      scope: {
+        webhookUrl: "=",
+        secretRef: "=?"
+      },
+      templateUrl: 'views/directives/_copy-webhook-trigger.html',
+    };
+  })
   .directive('copyToClipboard', function() {
     return {
       restrict: 'E',

app/scripts/filters/resources.js

@@ -182,6 +182,9 @@ angular.module('openshiftConsole')
       var secretsVersion = APIService.getPreferredVersion('secrets');
       if (canIFilter(secretsVersion, 'list')) {
         secret = SecretsService.getWebhookSecretValue(secret, webhookSecrets);
+        if (!secret) {
+          return '';
+        }
         return DataService.url({
           // arbitrarily many subresources can be included
           // url encoding of the segments is handled by the url() function

app/scripts/services/secrets.js

@@ -152,7 +152,7 @@ angular.module("openshiftConsole")
       // to list Secrets
       if (_.get(secret, 'secretReference.name') && webhookSecrets) {
         var matchingSecret = _.find(webhookSecrets, {metadata:{name: secret.secretReference.name}});
-        return decodeSecretData(matchingSecret.data).WebHookSecretKey;
+        return _.has(matchingSecret, 'data') ? decodeSecretData(matchingSecret.data).WebHookSecretKey : '';
       } else {
         return _.get(secret, 'secret');
       }

app/views/browse/build-config.html

@@ -386,29 +386,28 @@ <h3>Triggers <span class="pficon pficon-warning-triangle-o" ng-if="!(secretsVers
                               <dt>Bitbucket Webhook URL:
                               </dt>
                               <dd>
-                                <copy-to-clipboard clipboard-text="buildConfig.metadata.name | webhookURL : trigger.type : trigger.bitbucket : project.metadata.name : webhookSecrets"></copy-to-clipboard>
-
+                                <copy-webhook-trigger webhook-url="buildConfig.metadata.name | webhookURL : trigger.type : trigger.bitbucket : project.metadata.name : webhookSecrets" secret-ref="trigger.bitbucket.secretReference.name"></copy-webhook-trigger>
                               </dd>
                           </div>
                           <div ng-switch-when="GitHub">
                               <dt>GitHub Webhook URL:
                               </dt>
                               <dd>
-                                <copy-to-clipboard clipboard-text="buildConfig.metadata.name | webhookURL : trigger.type : trigger.github : project.metadata.name : webhookSecrets"></copy-to-clipboard>
+                                <copy-webhook-trigger webhook-url="buildConfig.metadata.name | webhookURL : trigger.type : trigger.github : project.metadata.name : webhookSecrets" secret-ref="trigger.github.secretReference.name"></copy-webhook-trigger>
                               </dd>
                           </div>
                           <div ng-switch-when="GitLab">
                               <dt>GitLab Webhook URL:
                               </dt>
                               <dd>
-                                <copy-to-clipboard clipboard-text="buildConfig.metadata.name | webhookURL : trigger.type : trigger.gitlab : project.metadata.name : webhookSecrets"></copy-to-clipboard>
+                                <copy-webhook-trigger webhook-url="buildConfig.metadata.name | webhookURL : trigger.type : trigger.gitlab : project.metadata.name : webhookSecrets" secret-ref="trigger.gitlab.secretReference.name"></copy-webhook-trigger>
                               </dd>
                           </div>
                           <div ng-switch-when="Generic">
                               <dt>Generic Webhook URL:
                               </dt>
                               <dd>
-                                <copy-to-clipboard clipboard-text="buildConfig.metadata.name | webhookURL : trigger.type : trigger.generic : project.metadata.name : webhookSecrets"></copy-to-clipboard>
+                                <copy-webhook-trigger webhook-url="buildConfig.metadata.name | webhookURL : trigger.type : trigger.generic : project.metadata.name : webhookSecrets" secret-ref="trigger.generic.secretReference.name"></copy-webhook-trigger>
                               </dd>
                           </div>
                           <div ng-switch-when="ImageChange">

app/views/directives/_copy-webhook-trigger.html

@@ -0,0 +1,12 @@
+<div ng-if="webhookUrl">
+	<copy-to-clipboard clipboard-text="webhookUrl"></copy-to-clipboard>
+</div>
+<div ng-if="!webhookUrl">
+  <span ng-show="secretRef"
+  		class="pficon pficon-warning-triangle-o"
+      aria-hidden="true"
+      data-toggle="tooltip"
+      data-original-title="Webhook secret {{secretRef}} referenced by this webhook trigger is not yet available, or was deleted.">
+  </span>
+  <em>Not available</em>
+</div>

dist/scripts/scripts.js

@@ -3371,7 +3371,7 @@ metadata: {
 name: e.secretReference.name
 }
 });
-return i(n.data).WebHookSecretKey;
+return _.has(n, "data") ? i(n.data).WebHookSecretKey : "";
 }
 return _.get(e, "secret");
 }
@@ -11128,6 +11128,15 @@ $(this).hide(), $(".reveal-contents", t).show();
 });
 }
 };
+}).directive("copyWebhookTrigger", function() {
+return {
+restrict: "E",
+scope: {
+webhookUrl: "=",
+secretRef: "=?"
+},
+templateUrl: "views/directives/_copy-webhook-trigger.html"
+};
 }).directive("copyToClipboard", function() {
 return {
 restrict: "E",
@@ -15232,11 +15241,11 @@ return null;
 }).filter("webhookURL", [ "canIFilter", "APIService", "DataService", "SecretsService", function(e, t, n, r) {
 return function(a, o, i, s, c) {
 var l = t.getPreferredVersion("secrets");
-return e(l, "list") ? (i = r.getWebhookSecretValue(i, c), n.url({
+return e(l, "list") ? (i = r.getWebhookSecretValue(i, c)) ? n.url({
 resource: "buildconfigs/webhooks/" + encodeURIComponent(i) + "/" + encodeURIComponent(o.toLowerCase()),
 name: a,
 namespace: s
-})) : n.url({
+}) : "" : n.url({
 resource: "buildconfigs/webhooks/",
 name: a,
 namespace: s

dist/scripts/templates.js

@@ -1897,28 +1897,28 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<dt>Bitbucket Webhook URL:\n" +
     "</dt>\n" +
     "<dd>\n" +
-    "<copy-to-clipboard clipboard-text=\"buildConfig.metadata.name | webhookURL : trigger.type : trigger.bitbucket : project.metadata.name : webhookSecrets\"></copy-to-clipboard>\n" +
+    "<copy-webhook-trigger webhook-url=\"buildConfig.metadata.name | webhookURL : trigger.type : trigger.bitbucket : project.metadata.name : webhookSecrets\" secret-ref=\"trigger.bitbucket.secretReference.name\"></copy-webhook-trigger>\n" +
     "</dd>\n" +
     "</div>\n" +
     "<div ng-switch-when=\"GitHub\">\n" +
     "<dt>GitHub Webhook URL:\n" +
     "</dt>\n" +
     "<dd>\n" +
-    "<copy-to-clipboard clipboard-text=\"buildConfig.metadata.name | webhookURL : trigger.type : trigger.github : project.metadata.name : webhookSecrets\"></copy-to-clipboard>\n" +
+    "<copy-webhook-trigger webhook-url=\"buildConfig.metadata.name | webhookURL : trigger.type : trigger.github : project.metadata.name : webhookSecrets\" secret-ref=\"trigger.github.secretReference.name\"></copy-webhook-trigger>\n" +
     "</dd>\n" +
     "</div>\n" +
     "<div ng-switch-when=\"GitLab\">\n" +
     "<dt>GitLab Webhook URL:\n" +
     "</dt>\n" +
     "<dd>\n" +
-    "<copy-to-clipboard clipboard-text=\"buildConfig.metadata.name | webhookURL : trigger.type : trigger.gitlab : project.metadata.name : webhookSecrets\"></copy-to-clipboard>\n" +
+    "<copy-webhook-trigger webhook-url=\"buildConfig.metadata.name | webhookURL : trigger.type : trigger.gitlab : project.metadata.name : webhookSecrets\" secret-ref=\"trigger.gitlab.secretReference.name\"></copy-webhook-trigger>\n" +
     "</dd>\n" +
     "</div>\n" +
     "<div ng-switch-when=\"Generic\">\n" +
     "<dt>Generic Webhook URL:\n" +
     "</dt>\n" +
     "<dd>\n" +
-    "<copy-to-clipboard clipboard-text=\"buildConfig.metadata.name | webhookURL : trigger.type : trigger.generic : project.metadata.name : webhookSecrets\"></copy-to-clipboard>\n" +
+    "<copy-webhook-trigger webhook-url=\"buildConfig.metadata.name | webhookURL : trigger.type : trigger.generic : project.metadata.name : webhookSecrets\" secret-ref=\"trigger.generic.secretReference.name\"></copy-webhook-trigger>\n" +
     "</dd>\n" +
     "</div>\n" +
     "<div ng-switch-when=\"ImageChange\">\n" +
@@ -5422,6 +5422,18 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
   );
 
 
+  $templateCache.put('views/directives/_copy-webhook-trigger.html',
+    "<div ng-if=\"webhookUrl\">\n" +
+    "<copy-to-clipboard clipboard-text=\"webhookUrl\"></copy-to-clipboard>\n" +
+    "</div>\n" +
+    "<div ng-if=\"!webhookUrl\">\n" +
+    "<span ng-show=\"secretRef\" class=\"pficon pficon-warning-triangle-o\" aria-hidden=\"true\" data-toggle=\"tooltip\" data-original-title=\"Webhook secret {{secretRef}} referenced by this webhook trigger is not yet available, or was deleted.\">\n" +
+    "</span>\n" +
+    "<em>Not available</em>\n" +
+    "</div>"
+  );
+
+
   $templateCache.put('views/directives/_custom-icon.html',
     "<img ng-if=\"image\" alt=\"\" ng-src=\"{{image}}\">\n" +
     "<span ng-if=\"!image\" aria-hidden=\"true\" ng-class=\"icon | normalizeIconClass\"></span>"