AMBARI-5781. Views: when a particular view is selected, the URL should reflect it so that upon page refresh the right view loads up.(xiwang)

ambari-web/app/controllers/main/views_controller.js

@@ -26,7 +26,7 @@ App.MainViewsController = Em.Controller.extend({
   setView: function(event) {
     if(event.context){
       this.set('selectedView', event.context);
-      App.router.transitionTo('views');
+      App.router.transitionTo('main.views.viewDetails', event.context);
     }
   }
 })

ambari-web/app/routes/main.js

@@ -62,13 +62,10 @@ module.exports = Em.Route.extend({
     redirectsTo: 'dashboard.index'
   }),
 
+  connectOutlets: function (router, context) {
+    router.get('applicationController').connectOutlet('main');
+  },
 
-  views: Ember.Route.extend({
-    route: '/views',
-    connectOutlets: function (router, context) {
-      router.get('mainController').connectOutlet('mainViews');
-    }
-  }),
   test: Em.Route.extend({
     route: '/test',
     connectOutlets: function (router, context) {
@@ -76,9 +73,18 @@ module.exports = Em.Route.extend({
     }
   }),
 
-  connectOutlets: function (router, context) {
-    router.get('applicationController').connectOutlet('main');
-  },
+  views: Em.Route.extend({
+    route: '/views',
+    connectOutlets: function (router, context) {
+      router.get('mainController').connectOutlet('mainViews');
+    },
+    viewDetails: Em.Route.extend({
+      route : '/:viewName/:version/:instanceName',
+      connectOutlets :  function (router, context) {
+        router.get('mainController').connectOutlet('mainViews');
+      }
+    })
+  }),
 
   dashboard: Em.Route.extend({
     route: '/dashboard',