Deployed entities should be in the center of the window after model switch about juju-gui HOT 3 CLOSED

diff --git a/jujugui/static/gui/src/app/app.js b/jujugui/static/gui/src/app/app.js
index e44e6ea..7ed40d1 100644
--- a/jujugui/static/gui/src/app/app.js
+++ b/jujugui/static/gui/src/app/app.js
@@ -545,7 +545,7 @@ YUI.add('juju-gui', function(Y) {
       }

       // Feed environment changes directly into the database.
-      this.env.on('delta', this.db.onDelta, this.db);
+      this.env.on('delta', this._onDelta, this);

       // Handlers for adding and removing services to the service list.
       this.endpointsController = new juju.EndpointsController({
@@ -662,6 +662,10 @@ YUI.add('juju-gui', function(Y) {
       }, this);
     },

+    _onDelta: function(delta) {
+      this.db.onDelta.call(this.db, delta);
+    },
+
     /**
       Parses the application URL to populate the state object without
       dispatching
diff --git a/jujugui/static/gui/src/app/store/env/go.js b/jujugui/static/gui/src/app/store/env/go.js
index 5342dfb..f28ad2e 100644
--- a/jujugui/static/gui/src/app/store/env/go.js
+++ b/jujugui/static/gui/src/app/store/env/go.js
@@ -277,7 +277,7 @@ YUI.add('juju-env-go', function(Y) {
             console.log('aiiiiie!'); // retry and eventually alert user XXX
           } else {
             this._allWatcherId = data.Response.AllWatcherId;
-            this._next();
+            this._next(true);
           }
         }
       );
@@ -327,7 +327,10 @@ YUI.add('juju-env-go', function(Y) {
         if (b[1] === 'remove') { scoreB = -scoreB; }
         return scoreA - scoreB;
       });
-      this.fire('delta', {data: {result: deltas}});
+      this.fire('delta', {
+        initial: data.initialRequest,
+        data: {result: deltas}
+      });
     },

     /**
@@ -335,9 +338,13 @@ YUI.add('juju-env-go', function(Y) {

       @method _next
       @private
+      @param {Boolean} firstRequest If this is the first call to _next. This
+        is used to flag the response delta as the first response when
+        connecting to an environment so that we can perform actions only on
+        the first delta.
       @return {undefined} Sends a message to the server only.
      */
-    _next: function() {
+    _next: function(firstRequest) {
       this._send_rpc({
         Type: 'AllWatcher',
         Request: 'Next',
@@ -347,6 +354,7 @@ YUI.add('juju-env-go', function(Y) {
         if (data.Error) {
           console.log('aiiiiie!'); // XXX
         } else {
+          data.initialRequest = firstRequest || false;
           this.fire('_rpc_response', data);
         }
       });
diff --git a/jujugui/static/gui/src/app/views/topology/service.js b/jujugui/static/gui/src/app/views/topology/service.js
index 528b7f7..faf1933 100644
--- a/jujugui/static/gui/src/app/views/topology/service.js
+++ b/jujugui/static/gui/src/app/views/topology/service.js
@@ -1634,6 +1634,7 @@ YUI.add('juju-topology-service', function(Y) {
       node.each(function(data) {
         self.attachTouchstartEvents(data, this);
       });
+      self.get('component').fire('panToCenter');
     },

     /*