mohnish/money

M.DefaultRouter = Backbone.Router.extend({
  initialize: function() {
    this.listenTo(M.dispatcher, 'm:show:signin', function() {
      this.navigate('/', { trigger: true });
    });

    this.listenTo(M.dispatcher, 'm:show:signup', function() {
      this.navigate('/signup', { trigger: true });
    });

    this.listenTo(M.dispatcher, 'm:show:bills', function() {
      this.navigate('/bills', { trigger: true });
    });

    this.listenTo(M.dispatcher, 'm:show:bill', function(id) {
      this.navigate('/bills/' + id, { trigger: true });
    });

    this.listenTo(M.dispatcher, 'm:show:payment_sources', function() {
      this.navigate('/cards', { trigger: true });
    });

    this.listenTo(M.dispatcher, 'm:show:profile', function() {
      this.navigate('/profile', { trigger: true });
    });

    this.listenTo(M.dispatcher, 'm:signup:success', function() {
      this.navigate('/signin', { trigger: true });
    });

    this.listenTo(M.dispatcher, 'm:signin:success', function() {
      this.navigate('/profile', { trigger: true });
    });

    this.listenTo(M.dispatcher, 'm:signout:user', function() {
      localStorage.removeItem('access_token');
      localStorage.removeItem('username');
      this.navigate('', { trigger: true });
    });
  },

  routes: {
    '': 'signin',
    'signin': 'signin',
    'signup': 'signup',
    'bills(/)': 'bills',
    'bills/:id': 'showBill',
    'cards(/)': 'paymentSources',
    'bills/:billId/payments(/)': 'payments',
    'profile': 'profile'
  },

  signin: function() {
    var signinView = new M.SigninView();
    signinView.render();
  },

  signup: function() {
    var signupView = new M.SignupView();
    signupView.render();
  },

  bills: function() {
    M.dispatcher.trigger('m:reset:bills');
    new M.BillsView();
  },

  showBill: function(id) {
    M.dispatcher.trigger('m:reset:payment_sources');
    M.dispatcher.trigger('m:reset:payments');
    var bill = new M.Bill({ id: id });
    new M.BillView({ model: bill });
  },

  paymentSources: function() {
    M.dispatcher.trigger('m:reset:payment_sources');
    new M.PaymentSourcesView();
  },

  profile: function(username) {
    new M.ProfileView();
  }
});