Deep Linking

app/assets/javascripts/product_analytics/analytics_views/router.js

@@ -57,7 +57,9 @@ export default () => {
   ];
   return new VueRouter({
     mode: 'history',
-    base: window.location.pathname,
+    base:
+      window.location.pathname.split('/-/product_analytics/views')[0] +
+      '/-/product_analytics/views',
     routes,
   });
 };

app/assets/javascripts/product_analytics/sessions/components/sessions_list.vue

@@ -46,7 +46,7 @@ const queries = {
       'Sessions.numberEvents',
     ],
     order: [['Sessions.sessionStart', 'desc']],
-    limit: 800,
+    limit: 200,
   },
 };
 

app/assets/javascripts/product_analytics/sessions/router.js

@@ -21,7 +21,9 @@ export default () => {
   ];
   return new VueRouter({
     mode: 'history',
-    base: window.location.pathname,
+    base:
+      window.location.pathname.split('/-/product_analytics/sessions')[0] +
+      '/-/product_analytics/sessions',
     routes,
   });
 };

config/routes/project.rb

@@ -373,7 +373,9 @@
             get :graphs
             get :dashboards
             get :views
+            get 'views/*view_id' => 'product_analytics#views', as: :views_detail
             get :sessions
+            get 'sessions/*sessions_id' => 'product_analytics#sessions', as: :sessions_detail
             get :onboarding
             get :onboarding_finish
             post :onboarding_finish, to: 'product_analytics#onboarding_finish'