Add a markdown-view directive and change all uses of markdown in the partials to use the directive

static/js/app.js

@@ -1,3 +1,40 @@
+function getFirstTextLine(commentString) {
+  if (!commentString) { return ''; }
+      
+  var lines = commentString.split('\n');
+  var MARKDOWN_CHARS = {
+    '#': true,
+    '-': true,
+    '>': true,
+    '`': true
+  };
+
+  for (var i = 0; i < lines.length; ++i) {
+    // Skip code lines.
+    if (lines[i].indexOf('    ') == 0) {
+      continue;
+    }
+
+    // Skip empty lines.
+    if ($.trim(lines[i]).length == 0) {
+      continue;
+    }
+
+    // Skip control lines.
+    if (MARKDOWN_CHARS[$.trim(lines[i])[0]]) {
+      continue;
+    }
+
+    return getMarkedDown(lines[i]);
+  }
+
+  return '';
+}
+
+function getMarkedDown(string) {
+  return Markdown.getSanitizingConverter().makeHtml(string || '');
+}
+
 // Start the application code itself.
 quayApp = angular.module('quay', ['restangular', 'angularMoment', 'angulartics', 'angulartics.mixpanel', '$strap.directives'], function($provide) {
     $provide.factory('UserService', ['Restangular', function(Restangular) {
@@ -215,6 +252,31 @@ quayApp = angular.module('quay', ['restangular', 'angularMoment', 'angulartics',
     RestangularProvider.setBaseUrl('/api/');
   });
 
+
+quayApp.directive('markdownView', function () {
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/markdown-view.html',
+    replace: false,
+    transclude: false,
+    restrict: 'C',
+    scope: {
+      'content': '=content',
+      'firstLineOnly': '=firstLineOnly'
+    },
+    controller: function($scope, $element) {
+      $scope.getMarkedDown = function(content, firstLineOnly) {
+        if (firstLineOnly) {
+          content = getFirstTextLine(content);
+        }
+        return getMarkedDown(content);
+      };
+    }
+  };
+  return directiveDefinitionObject;
+});
+
+
 quayApp.directive('repoCircle', function () {
   var directiveDefinitionObject = {
     priority: 0,