Add optional event handler to edit portlet title text

client/galaxy/scripts/mvc/form/form-view.js

@@ -127,13 +127,14 @@ function( Utils, Portlet, Ui, FormSection, FormData ) {
             this.message = new Ui.Message();
             this.section = new FormSection.View( this, { inputs: this.options.inputs } );
             this.portlet = new Portlet.View({
-                icon        : this.options.icon,
-                title       : this.options.title,
-                cls         : this.options.cls,
-                operations  : this.options.operations,
-                buttons     : this.options.buttons,
-                collapsible : this.options.collapsible,
-                collapsed   : this.options.collapsed
+                icon            : this.options.icon,
+                title           : this.options.title,
+                cls             : this.options.cls,
+                operations      : this.options.operations,
+                buttons         : this.options.buttons,
+                collapsible     : this.options.collapsible,
+                collapsed       : this.options.collapsed,
+                onchange_title  : this.options.onchange_title
             });
             this.portlet.append( this.message.$el );
             this.portlet.append( this.section.$el );

client/galaxy/scripts/mvc/ui/ui-portlet.js

@@ -16,7 +16,7 @@ var View = Backbone.View.extend({
             collapsible         : false,
             collapsible_button  : false,
             collapsed           : false,
-            editable_title      : false
+            onchange_title      : null
         } ).set( options );
         this.setElement( this._template() );
 
@@ -67,6 +67,14 @@ var View = Backbone.View.extend({
             options.collapsed ? this.collapse() : this.expand();
         }
 
+        // allow title editing
+        this.$title_text.prop( 'disabled', !options.onchange_title );
+        options.onchange_title && this.$title_text.make_text_editable({
+            on_finish: function( new_title ) {
+                options.onchange_title( new_title );
+            }
+        });
+
         // render buttons
         if ( options.buttons ) {
             this.$buttons.empty().show();

client/galaxy/scripts/mvc/workflow/workflow-view.js

@@ -704,6 +704,9 @@ define([
                     form = new ToolForm.View( options );
                 } else {
                     content.cls = 'ui-portlet-narrow';
+                    content.onchange_title = function( new_title ) {
+                        alert( new_title );
+                    };
                     if ( content.inputs && content.inputs.length > 0 ) {
                         content.inputs.unshift({
                             type    : 'text',