Add a markdown input directive and convert both uses of the editor to the directive

static/js/app.js

@@ -312,6 +312,54 @@ quayApp.directive('organizationHeader', function () {
 });
 
 
+quayApp.directive('markdownInput', function () {
+  var counter = 0;
+
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/markdown-input.html',
+    replace: false,
+    transclude: false,
+    restrict: 'C',
+    scope: {
+      'content': '=content',
+      'canWrite': '=canWrite',
+      'contentChanged': '=contentChanged',
+      'fieldTitle': '=fieldTitle'
+    },
+    controller: function($scope, $element) {
+      var elm = $element[0];
+
+      $scope.id = (counter++);
+
+      $scope.editContent = function() {
+        if (!$scope.canWrite) { return; }
+
+        if (!$scope.markdownDescriptionEditor) {
+          var converter = Markdown.getSanitizingConverter();
+          var editor = new Markdown.Editor(converter, '-description-' + $scope.id);
+          editor.run();
+          $scope.markdownDescriptionEditor = editor;
+        }
+
+        $('#wmd-input-description-' + $scope.id)[0].value = $scope.content;
+        $(elm).find('.modal').modal({});
+      };
+
+      $scope.saveContent = function() {
+        $scope.content = $('#wmd-input-description-' + $scope.id)[0].value;
+        $(elm).find('.modal').modal('hide');
+
+        if ($scope.contentChanged) {
+          $scope.contentChanged($scope.content);
+        }
+      };
+    }
+  };
+  return directiveDefinitionObject;
+});
+
+
 quayApp.directive('entitySearch', function () {
   var number = 0;
   var directiveDefinitionObject = {