Add SVG icons

Author: spadgett

dist/origin-web-common-ui.js

@@ -1532,6 +1532,50 @@ angular.module('openshiftCommonUI')
   });
 ;'use strict';
 
+angular.module('openshiftCommonUI')
+  // Returns an image URL for an icon class if available. Some icons we have
+  // color SVG images for. Depends on window.OPENSHIFT_CONSTANTS.LOGOS and
+  // window.OPENSHIFT_CONSTANTS.LOGO_BASE_URL, which is set by origin-web-console
+  // (or an extension).
+  .filter('imageForIconClass', function(isAbsoluteURLFilter) {
+    // Make sure the logo base has a trailing slash.
+    var logoBaseUrl = _.get(window, 'OPENSHIFT_CONSTANTS.LOGO_BASE_URL');
+    if (logoBaseUrl && !logoBaseUrl.endsWith('/')) {
+      logoBaseUrl += '/';
+    }
+
+    return function(iconClass) {
+      if (!iconClass) {
+        return '';
+      }
+
+      var logoImage = _.get(window, ['OPENSHIFT_CONSTANTS', 'LOGOS', iconClass]);
+      if (!logoImage) {
+        return '';
+      }
+
+      if (!logoBaseUrl || isAbsoluteURLFilter(logoImage)) {
+        return logoImage;
+      }
+
+      return logoBaseUrl + logoImage;
+    };
+  });
+;'use strict';
+
+angular.module('openshiftCommonUI')
+  .filter('isAbsoluteURL', function() {
+    return function(url) {
+      if (!url) {
+        return false;
+      }
+      var uri = new URI(url);
+      var protocol = uri.protocol();
+      return uri.is('absolute') && (protocol === 'http' || protocol === 'https');
+    };
+  });
+;'use strict';
+
 angular.module('openshiftCommonUI')
 // Usage: <span ng-bind-html="text | linkify : '_blank'"></span>
 //

dist/origin-web-common.js

@@ -1742,6 +1742,50 @@ angular.module('openshiftCommonUI')
   }]);
 ;'use strict';
 
+angular.module('openshiftCommonUI')
+  // Returns an image URL for an icon class if available. Some icons we have
+  // color SVG images for. Depends on window.OPENSHIFT_CONSTANTS.LOGOS and
+  // window.OPENSHIFT_CONSTANTS.LOGO_BASE_URL, which is set by origin-web-console
+  // (or an extension).
+  .filter('imageForIconClass', ["isAbsoluteURLFilter", function(isAbsoluteURLFilter) {
+    // Make sure the logo base has a trailing slash.
+    var logoBaseUrl = _.get(window, 'OPENSHIFT_CONSTANTS.LOGO_BASE_URL');
+    if (logoBaseUrl && !logoBaseUrl.endsWith('/')) {
+      logoBaseUrl += '/';
+    }
+
+    return function(iconClass) {
+      if (!iconClass) {
+        return '';
+      }
+
+      var logoImage = _.get(window, ['OPENSHIFT_CONSTANTS', 'LOGOS', iconClass]);
+      if (!logoImage) {
+        return '';
+      }
+
+      if (!logoBaseUrl || isAbsoluteURLFilter(logoImage)) {
+        return logoImage;
+      }
+
+      return logoBaseUrl + logoImage;
+    };
+  }]);
+;'use strict';
+
+angular.module('openshiftCommonUI')
+  .filter('isAbsoluteURL', function() {
+    return function(url) {
+      if (!url) {
+        return false;
+      }
+      var uri = new URI(url);
+      var protocol = uri.protocol();
+      return uri.is('absolute') && (protocol === 'http' || protocol === 'https');
+    };
+  });
+;'use strict';
+
 angular.module('openshiftCommonUI')
 // Usage: <span ng-bind-html="text | linkify : '_blank'"></span>
 //

dist/origin-web-common.min.js

@@ -780,7 +780,20 @@ return _.isRegExp(keyword) ? keyword.source :_.escapeRegExp(keyword);
 }).join("|"), result = "", lastIndex = 0, flags = caseSensitive ? "g" :"ig", regex = new RegExp(source, flags); null !== (match = regex.exec(str)); ) lastIndex < match.index && (result += _.escape(str.substring(lastIndex, match.index))), result += "<mark>" + _.escape(match[0]) + "</mark>", lastIndex = regex.lastIndex;
 return lastIndex < str.length && (result += _.escape(str.substring(lastIndex))), result;
 };
-} ]), angular.module("openshiftCommonUI").filter("linkify", [ "HTMLService", function(HTMLService) {
+} ]), angular.module("openshiftCommonUI").filter("imageForIconClass", [ "isAbsoluteURLFilter", function(isAbsoluteURLFilter) {
+var logoBaseUrl = _.get(window, "OPENSHIFT_CONSTANTS.LOGO_BASE_URL");
+return logoBaseUrl && !logoBaseUrl.endsWith("/") && (logoBaseUrl += "/"), function(iconClass) {
+if (!iconClass) return "";
+var logoImage = _.get(window, [ "OPENSHIFT_CONSTANTS", "LOGOS", iconClass ]);
+return logoImage ? !logoBaseUrl || isAbsoluteURLFilter(logoImage) ? logoImage :logoBaseUrl + logoImage :"";
+};
+} ]), angular.module("openshiftCommonUI").filter("isAbsoluteURL", function() {
+return function(url) {
+if (!url) return !1;
+var uri = new URI(url), protocol = uri.protocol();
+return uri.is("absolute") && ("http" === protocol || "https" === protocol);
+};
+}), angular.module("openshiftCommonUI").filter("linkify", [ "HTMLService", function(HTMLService) {
 return function(text, target, alreadyEscaped) {
 return HTMLService.linkify(text, target, alreadyEscaped);
 };

src/filters/imageForIconClass.js

@@ -0,0 +1,31 @@
+'use strict';
+
+angular.module('openshiftCommonUI')
+  // Returns an image URL for an icon class if available. Some icons we have
+  // color SVG images for. Depends on window.OPENSHIFT_CONSTANTS.LOGOS and
+  // window.OPENSHIFT_CONSTANTS.LOGO_BASE_URL, which is set by origin-web-console
+  // (or an extension).
+  .filter('imageForIconClass', function(isAbsoluteURLFilter) {
+    // Make sure the logo base has a trailing slash.
+    var logoBaseUrl = _.get(window, 'OPENSHIFT_CONSTANTS.LOGO_BASE_URL');
+    if (logoBaseUrl && !logoBaseUrl.endsWith('/')) {
+      logoBaseUrl += '/';
+    }
+
+    return function(iconClass) {
+      if (!iconClass) {
+        return '';
+      }
+
+      var logoImage = _.get(window, ['OPENSHIFT_CONSTANTS', 'LOGOS', iconClass]);
+      if (!logoImage) {
+        return '';
+      }
+
+      if (!logoBaseUrl || isAbsoluteURLFilter(logoImage)) {
+        return logoImage;
+      }
+
+      return logoBaseUrl + logoImage;
+    };
+  });

src/filters/isAbsoluteURL.js

@@ -0,0 +1,13 @@
+'use strict';
+
+angular.module('openshiftCommonUI')
+  .filter('isAbsoluteURL', function() {
+    return function(url) {
+      if (!url) {
+        return false;
+      }
+      var uri = new URI(url);
+      var protocol = uri.protocol();
+      return uri.is('absolute') && (protocol === 'http' || protocol === 'https');
+    };
+  });