Code cleanup part #1: move all the services and directive JS code in the app.js file into its own files

static/js/services/string-builder-service.js

@@ -0,0 +1,114 @@
+/**
+ * Service for building strings, with wildcards replaced with metadata.
+ */
+angular.module('quay').factory('StringBuilderService', ['$sce', 'UtilService', function($sce, UtilService) {
+  var stringBuilderService = {};
+
+  stringBuilderService.buildUrl = function(value_or_func, metadata) {
+    var url = value_or_func;
+    if (typeof url != 'string') {
+      url = url(metadata);
+    }
+
+    // Find the variables to be replaced.
+    var varNames = [];
+    for (var i = 0; i < url.length; ++i) {
+      var c = url[i];
+      if (c == '{') {
+        for (var j = i + 1; j < url.length; ++j) {
+          var d = url[j];
+          if (d == '}') {
+            varNames.push(url.substring(i + 1, j));
+            i = j;
+            break;
+          }
+        }
+      }
+    }
+
+    // Replace all variables found.
+    for (var i = 0; i < varNames.length; ++i) {
+      var varName = varNames[i];
+      if (!metadata[varName]) {
+        return null;
+      }
+
+      url = url.replace('{' + varName + '}', metadata[varName]);
+    }
+
+    return url;
+  };
+
+  stringBuilderService.buildString = function(value_or_func, metadata) {
+     var fieldIcons = {
+      'inviter': 'user',
+      'username': 'user',
+      'user': 'user',
+      'email': 'envelope',
+      'activating_username': 'user',
+      'delegate_user': 'user',
+      'delegate_team': 'group',
+      'team': 'group',
+      'token': 'key',
+      'repo': 'hdd-o',
+      'robot': 'wrench',
+      'tag': 'tag',
+      'role': 'th-large',
+      'original_role': 'th-large',
+      'application_name': 'cloud',
+      'image': 'archive',
+      'original_image': 'archive',
+      'client_id': 'chain'
+    };
+
+    var filters = {
+      'obj': function(value) {
+        if (!value) { return []; }
+        return Object.getOwnPropertyNames(value);
+      },
+
+      'updated_tags': function(value) {
+        if (!value) { return []; }
+        return Object.getOwnPropertyNames(value);
+      }
+    };
+
+    var description = value_or_func;
+    if (typeof description != 'string') {
+      description = description(metadata);
+    }
+
+    for (var key in metadata) {
+      if (metadata.hasOwnProperty(key)) {
+        var value = metadata[key] != null ? metadata[key] : '(Unknown)';
+        if (filters[key]) {
+          value = filters[key](value);
+        }
+
+        if (Array.isArray(value)) {
+          value = value.join(', ');
+        }
+
+        value = value.toString();
+
+        if (key.indexOf('image') >= 0) {
+          value = value.substr(0, 12);
+        }
+
+        var safe = UtilService.escapeHtmlString(value);
+        var markedDown = UtilService.getMarkedDown(value);
+        markedDown = markedDown.substr('<p>'.length, markedDown.length - '<p></p>'.length);
+
+        var icon = fieldIcons[key];
+        if (icon) {
+          markedDown = '<i class="fa fa-' + icon + '"></i>' + markedDown;
+        }
+
+        description = description.replace('{' + key + '}', '<code title="' + safe  + '">' + markedDown + '</code>');
+      }
+    }
+    return $sce.trustAsHtml(description.replace('\n', '<br>'));
+  };
+
+  return stringBuilderService;
+}]);