AMBARI-19221. Preview xml feature is not functional across (Padma Priya via pallavkul)

contrib/views/wfmanager/src/main/resources/ui/app/components/bundle-config.js

@@ -254,6 +254,9 @@ export default Ember.Component.extend(Ember.Evented, Validations, {
       this.set("previewXml", vkbeautify.xml(bundleXml));
       this.set("showingPreview", true);
     },
+    closePreview(){
+      this.set("showingPreview", false);
+    },
     importBundleTest(){
       var deferred = this.importSampleBundle();
       deferred.promise.then(function(data){

contrib/views/wfmanager/src/main/resources/ui/app/components/coord-config.js

@@ -453,6 +453,9 @@ export default Ember.Component.extend(Validations, Ember.Evented, {
       this.set("previewXml", vkbeautify.xml(coordinatorXml));
       this.set("showingPreview", true);
     },
+    closePreview(){
+      this.set("showingPreview", false);
+    },
     confirmReset(){
       this.set('showingResetConfirmation', true);
     },

contrib/views/wfmanager/src/main/resources/ui/app/components/flow-designer.js

@@ -922,6 +922,9 @@ export default Ember.Component.extend(FindNodeMixin, Validations, {
         this.set("showingPreview",true);
       }
     },
+    closePreview(){
+      this.set("showingPreview", false);
+    },
     downloadWorkflowXml(){
       this.get('workflowContext').clearErrors();
       var workflowGenerator=WorkflowGenerator.create({workflow:this.get("workflow"),

contrib/views/wfmanager/src/main/resources/ui/app/components/preview-dialog.js

@@ -19,9 +19,17 @@ import Ember from 'ember';
 
 export default Ember.Component.extend({
   elementsInserted :function(){
+    this.$('#previewModal').modal({
+      backdrop: 'static',
+      keyboard: false
+    });
+    this.$('#previewModal').modal('show');
   	var self = this;
 	  this.$('#previewModal').on('shown.bs.modal', function (e) {
 	    self.$('.CodeMirror')[0].CodeMirror.refresh();
-	  }); 
-  }.on('didInsertElement'),
+	  });
+    this.$('#previewModal').on('hidden.bs.modal', function () {
+      this.sendAction("closePreview");
+	  }.bind(this));
+  }.on('didInsertElement')
 });

contrib/views/wfmanager/src/main/resources/ui/app/templates/components/bundle-config.hbs

@@ -39,7 +39,7 @@
               </a>
             </li>
             <li>
-              <a class="pointer" href="#" data-toggle="modal" data-target="#previewModal"  title="Preview Xml" {{action "preview"}}>
+              <a class="pointer" href="#" data-toggle="modal" title="Preview Xml" {{action "preview"}}>
                   <i class="fa fa-eye marginright5"></i>Preview xml
                 </a>
               </li>
@@ -124,7 +124,7 @@
   okBtnText="Continue" cancelBtnText="Cancel" onOk="resetBundle"}}{{/confirmation-dialog}}
 {{/if}}
 {{#if showingPreview}}
-  {{#preview-dialog title="Bundle XML Preview" previewXml=previewXml}}{{/preview-dialog}}
+  {{#preview-dialog title="Bundle XML Preview" previewXml=previewXml closePreview="closePreview"}}{{/preview-dialog}}
 {{/if}}
 {{#if showVersionSettings}}
   {{bundle-version-settings schemaVersions=bundle.schemaVersions showVersionSettings="showVersionSettings" }}

contrib/views/wfmanager/src/main/resources/ui/app/templates/components/coord-config.hbs

@@ -39,7 +39,7 @@
                 </a>
              </li>
               <li>
-                <a class="pointer" href="#" data-toggle="modal" data-target="#previewModal"  title="Preview Xml" {{action "preview"}}>
+                <a class="pointer" href="#" data-toggle="modal" title="Preview Xml" {{action "preview"}}>
                   <i class="fa fa-eye marginright5"></i>Preview xml
                 </a>
               </li>
@@ -320,7 +320,7 @@ confirmationMessage="Any unsaved changes may be lost. Do you want to proceed res
 okBtnText="Continue" cancelBtnText="Cancel" onOk="resetCoordinator"}}{{/confirmation-dialog}}
 {{/if}}
 {{#if showingPreview}}
-{{#preview-dialog title="Coordinator XML Preview" previewXml=previewXml}}{{/preview-dialog}}
+{{#preview-dialog title="Coordinator XML Preview" previewXml=previewXml closePreview="closePreview"}}{{/preview-dialog}}
 {{/if}}
 {{#if showParameterSettings}}
 {{#workflow-parameters type='coord' closeWorkFlowParam="closeWorkFlowParam" saveWorkFlowParam="saveWorkFlowParam" parameters=parameters}}{{/workflow-parameters}}

contrib/views/wfmanager/src/main/resources/ui/app/templates/components/flow-designer.hbs

@@ -61,7 +61,7 @@
                   </a>
                 </li>
                 <li>
-                  <a class="pointer" data-toggle="modal" data-target="#previewModal"  title="Preview workflow" {{action "previewWorkflow"}}>
+                  <a class="pointer" data-toggle="modal" title="Preview workflow" {{action "previewWorkflow"}}>
                     <i class="fa fa-eye marginright5"></i>Preview xml
                   </a>
                 </li>
@@ -333,7 +333,7 @@
   {{hdfs-browser closeFileBrowser="closeExportActionNodeFileBrowser" selectFileCallback=selectFileCallback filePath=exportActionNodeFilePath}}
 {{/if}}
 {{#if showingPreview}}
-  {{#preview-dialog title="Workflow XML Preview" previewXml=previewXml}}{{/preview-dialog}}
+  {{#preview-dialog title="Workflow XML Preview" previewXml=previewXml closePreview="closePreview"}}{{/preview-dialog}}
 {{/if}}
 {{#if showingConfirmationNewWorkflow}}
   {{#confirmation-dialog title="Confirm workflow reset"