azkaban-uncached

Properly display project description edit form when project

12/19/2013 9:32:28 AM

Details

diff --git a/src/less/bootstrap-azkaban.less b/src/less/bootstrap-azkaban.less
index 65800d2..2d1bf4d 100644
--- a/src/less/bootstrap-azkaban.less
+++ b/src/less/bootstrap-azkaban.less
@@ -287,6 +287,9 @@ td.flow-summary-value {
     &:hover {
       background-color: #fcfcfc;
     }
+    &.editable-placeholder {
+      color: #a0a0a0;
+    }
   }
 
   .editable-form {
diff --git a/src/web/js/azkaban.projectmodals.view.js b/src/web/js/azkaban.projectmodals.view.js
index 499659b..4f9b5f4 100644
--- a/src/web/js/azkaban.projectmodals.view.js
+++ b/src/web/js/azkaban.projectmodals.view.js
@@ -90,7 +90,14 @@ azkaban.ProjectDescriptionView = Backbone.View.extend({
 	
 	handleDescriptionEdit: function(evt) {
 		console.log("Edit description");
-    var description = $('#project-description').text();
+    var description = null;
+    if ($('#project-description').hasClass('editable-placeholder')) {
+      description = '';
+      $('#project-description').removeClass('editable-placeholder');
+    }
+    else {
+      description = $('#project-description').text();
+    }
     $('#project-description-edit').attr("value", description);
     $('#project-description').hide();
     $('#project-description-form').show();
@@ -113,8 +120,14 @@ azkaban.ProjectDescriptionView = Backbone.View.extend({
         alert(data.error);
         return;
       }
-      $('#project-description').text(newText);
       $('#project-description-form').hide();
+      if (newText != '') {
+        $('#project-description').text(newText);
+      }
+      else {
+        $('#project-description').text('Add project description.');
+        $('#project-description').addClass('editable-placeholder');
+      }
       $('#project-description').show();
     };
     $.get(requestURL, requestData, successHandler, "json");