Fix analytics + API error handlers

frontend/src/metabase/app.js

 /* @flow weak */
 
-import 'babel-polyfill';
-
-import { registerAnalyticsClickListener } from "metabase/lib/analytics";
-
 // angular:
 import 'angular';
 import 'angular-resource';
@@ -13,7 +9,6 @@ import "./services";
 angular
 .module('metabase', ['ipCookie', 'metabase.controllers'])
 .run([function() {
-    registerAnalyticsClickListener();
 }])
 
 angular
@@ -21,10 +16,13 @@ angular
 .controller('Metabase', [function() {
 }]);
 
-
 import React from 'react'
 import ReactDOM from 'react-dom'
 import { Provider } from 'react-redux'
+import { push } from "react-router-redux";
+
+import MetabaseAnalytics, { registerAnalyticsClickListener } from "metabase/lib/analytics";
+import MetabaseSettings from "metabase/lib/settings";
 
 import { getRoutes } from "./routes.jsx";
 import { getStore } from './store'
@@ -34,9 +32,7 @@ import { syncHistoryWithStore } from 'react-router-redux'
 
 async function init() {
     const store = getStore(browserHistory);
-
     const routes = getRoutes(store);
-
     const history = syncHistoryWithStore(browserHistory, store);
 
     ReactDOM.render(
@@ -44,9 +40,30 @@ async function init() {
           <Router history={history}>
             {routes}
           </Router>
-        </Provider>,
-      document.getElementById('root')
-    )
+        </Provider>
+    , document.getElementById('root'));
+
+    // listen for location changes and use that as a trigger for page view tracking
+    history.listen(location => {
+        MetabaseAnalytics.trackPageView(location.pathname);
+    });
+
+    registerAnalyticsClickListener();
+
+    // enable / disable GA based on opt-out of anonymous tracking
+    MetabaseSettings.on("anon_tracking_enabled", () => {
+        window['ga-disable-' + MetabaseSettings.get('ga_code')] = MetabaseSettings.isTrackingEnabled() ? null : true;
+    });
+
+    // $http interceptor received a 401 response
+    angular.element(document.body).injector().get("$rootScope").$on("event:auth-loginRequired", function() {
+        store.dispatch(push("/auth/login"));
+    });
+
+    // $http interceptor received a 403 response
+    angular.element(document.body).injector().get("$rootScope").$on("event:auth-forbidden", function() {
+        store.dispatch(push("/unauthorized"));
+    });
 }
 
 if (document.readyState != 'loading') {

frontend/src/metabase/lib/cookies.js

@@ -9,7 +9,7 @@ export const METABASE_SESSION_COOKIE = 'metabase.SESSION_ID';
 var MetabaseCookies = {
     // set the session cookie.  if sessionId is null, clears the cookie
     setSessionCookie: function(sessionId) {
-        let ipCookie = angular.element(document.querySelector("body")).injector().get("ipCookie");
+        let ipCookie = angular.element(document.body).injector().get("ipCookie");
 
         const options = {
             path: '/',

frontend/src/metabase/lib/redux.js

@@ -48,14 +48,14 @@ export const createStoreWithAngularScope = ($scope, $location, ...args) => {
 export function AngularResourceProxy(serviceName, methods) {
     methods.forEach((methodName) => {
         this[methodName] = function(...args) {
-            let service = angular.element(document.querySelector("body")).injector().get(serviceName);
+            let service = angular.element(document.body).injector().get(serviceName);
             return service[methodName](...args).$promise;
         }
     });
 }
 
 export function angularPromise() {
-    let $q = angular.element(document.querySelector("body")).injector().get("$q");
+    let $q = angular.element(document.body).injector().get("$q");
     return $q.defer();
 }
 

frontend/src/metabase/lib/settings.js

@@ -4,6 +4,7 @@ import MetabaseUtils from "metabase/lib/utils";
 
 const mb_settings = _.clone(window.MetabaseBootstrap);
 
+const settingListeners = {};
 
 // provides access to Metabase application settings
 const MetabaseSettings = {
@@ -12,9 +13,20 @@ const MetabaseSettings = {
         return mb_settings[propName] !== undefined ? mb_settings[propName] : defaultValue;
     },
 
+    set: function(key, value) {
+        if (mb_settings[key] !== value) {
+            mb_settings[key] = value;
+            if (settingListeners[key]) {
+                for (const listener of settingListeners[key]) {
+                    setTimeout(() => listener(value));
+                }
+            }
+        }
+    },
+
     setAll: function(settings) {
-        for (var attrname in settings) {
-            mb_settings[attrname] = settings[attrname];
+        for (const key in settings) {
+            MetabaseSettings.set(key, settings[key]);
         }
     },
 
@@ -75,6 +87,11 @@ const MetabaseSettings = {
         } else {
             return description;
         }
+    },
+
+    on: function(setting, callback) {
+        settingListeners[setting] = settingListeners[setting] || [];
+        settingListeners[setting].push(callback);
     }
 }
 

frontend/src/metabase/services.js

-angular.module('metabase.services', ['metabase.core.services']);
+import 'angular-http-auth';
+
+angular.module('metabase.services', ['metabase.core.services', 'http-auth-interceptor']);
 
 // API Services
 var CoreServices = angular.module('metabase.core.services', ['ngResource', 'ngCookies']);