[1/2] AMBARI-6026 Convert UI code of Add Host and Add Service Wizards to to lazily load host and host component info. (Max Shepel via atkach)

[atkach]

Repository: ambari
Updated Branches:
  refs/heads/trunk 735e008fa -> 587482301


http://git-wip-us.apache.org/repos/asf/ambari/blob/58748230/ambari-web/app/views/wizard/step9_view.js
----------------------------------------------------------------------
diff --git a/ambari-web/app/views/wizard/step9_view.js 
b/ambari-web/app/views/wizard/step9_view.js
index 996a7ab..f19d636 100644
--- a/ambari-web/app/views/wizard/step9_view.js
+++ b/ambari-web/app/views/wizard/step9_view.js
@@ -18,6 +18,7 @@
 
 var App = require('app');
 var date = require('utils/date');
+var lazyLoading = require('utils/lazy_loading');
 
 App.WizardStep9View = App.TableView.extend({
 
@@ -55,13 +56,25 @@ App.WizardStep9View = App.TableView.extend({
    */
   displayLength: "25",
 
+  isLoaded: false,
+
   /**
    * Same to <code>controller.hosts</code>
    * @type {object[]}
    */
-  content: function () {
-    return this.get('controller.hosts');
-  }.property('controller.hosts'),
+  content: [],
+
+  contentObserver: function() {
+    this.set('content', []);
+    lazyLoading.run({
+      initSize: 20,
+      chunkSize: 50,
+      delay: 50,
+      destination: this.get('content'),
+      source: this.get('controller.hosts'),
+      context: this
+    });
+  }.observes('controller.hosts.length'),
 
   /**
    * Active category