AMBARI-5290. Mirroring: show spinners in popups while data is loading. (akovalenko)

ambari-web/app/styles/application.less

@@ -4345,6 +4345,16 @@ ul.filter {
   }
 }
 
+.spinner-centered {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+}
+
+.content-loading {
+  opacity: 0.5;
+}
+
 .create-target-cluster-popup {
   .modal {
     width: 650px;

ambari-web/app/templates/main/mirroring/edit_dataset.hbs

@@ -15,7 +15,10 @@
 * See the License for the specific language governing permissions and
 * limitations under the License.
 }}
-<div class="row-fluid">
+{{#unless view.isLoaded}}
+  <div class="spinner spinner-centered"></div>
+{{/unless}}
+<div {{bindAttr class=":row-fluid view.isLoaded::content-loading"}}>
   <form class="form-horizontal">
     <div class="add-data-set">
       <table>
@@ -129,8 +132,3 @@
     </div>
   </form>
 </div>
-{{#if isPopupForEdit}}
-  <div class="pull-right dataset-delete">
-    <a {{action deleteDatasetClick target="controller"}} class="btn btn-danger">{{t common.delete}}</a>
-  </div>
-{{/if}}

ambari-web/app/templates/main/mirroring/manage_clusters.hbs

@@ -16,7 +16,10 @@
 * limitations under the License.
 }}
 <div class="mirroring-manage-clusters">
-  <div class="row-fluid">
+  {{#unless controller.isLoaded}}
+    <div class="spinner spinner-centered"></div>
+  {{/unless}}
+  <div {{bindAttr class=":row-fluid controller.isLoaded::content-loading"}}>
     <div class="span4">
       {{view view.clusterSelect}}
       <div class="btn-toolbar pull-right">