angular.module('myApp', ['ui.router'])

.config(function($stateProvider) {

   $stateProvider

   .state('foo', {url:'/foo'})

   .state('bar', {url:'/bar'})

   .state('baz', {url:'/baz'})

   ;

})

.run(function($rootScope, PageViews) {

  $rootScope.$on('$stateChangeStart', function(e, toState) {

    PageViews.add(toState.name);

    $rootScope.stateName = toState.name;

    $rootScope.pageViews = PageViews.get(toState.name);

  });

})

.factory('PageViews', function() {

  localStorage.views = localStorage.views || '{}';

  return {

    add: function(stateName) {

    var views = JSON.parse(localStorage.views);

    console.log(views);

    views[stateName] = views[stateName] || 0;

    ++views[stateName];

    localStorage.views = JSON.stringify(views);

    },

    get: function(stateName) {

      var views = JSON.parse(localStorage.views);

      return views[stateName] || 0;

    }

  };

})

;