app.js

var app = angular.module('routerApp', ['ui.router','ngCookies','ui.select', 'ngTouch', 'ui.grid', 'ui.grid.resizeColumns','ui.grid.autoResize','ui.bootstrap','ui.select', 'ngSanitize','factories']);
app.config(function ($stateProvider, $urlRouterProvider, $httpProvider) {

  $httpProvider.interceptors.push('httpRequestInterceptor');

 $urlRouterProvider.otherwise('/home');

  $stateProvider
        // HOME STATES AND NESTED VIEWS =====C:\Users\Ania\git\TeamDbAwesome\TeamDBAwesome\TeamDBAwesome\app.js===================================
        .state('home', {
          url: '/home',
          views: {
            'header': {templateUrl: 'pages/templates/home-header.html'},
            'content': {templateUrl: 'pages/partial-home.html'},
            'footer': {templateUrl: 'pages/templates/footer.html'}
          }
        })
        .state('register',{
          url: '/register',
          views: {
            'header': {templateUrl: 'pages/templates/home-header.html'},
            'content':{templateUrl: 'pages/partial-register.html'},
            'footer': {templateUrl: 'pages/templates/footer.html'}
          },
        })
        .state('login', {
          url: '/login',
          views: {
            'header': {templateUrl: 'pages/templates/home-header.html'},
            'content': { templateUrl: 'pages/partial-login.html'},
            'footer': {templateUrl: 'pages/templates/footer.html'}
          }
        })
        .state('admin-login',{
          url:'/adminlogin',
          views: {
            'header': {templateUrl: 'pages/templates/home-header.html'},
            'content': {templateUrl:'pages/partial-adminlogin.html'},
            'footer': {templateUrl: 'pages/templates/footer.html'}
          }
        })
        .state('user-home', {
          url: '/userhome',
          views: {
            'header': {templateUrl: 'pages/templates/user-header.html'},
            'content' : {templateUrl: 'pages/user-home.html'},
            'footer': {templateUrl: 'pages/templates/footer.html'}
          }
        })
        .state('user-orders', {
          url: '/orders',
          views: {
             'header': { templateUrl: 'pages/templates/user-header.html' },
             'content': { templateUrl: 'pages/user-orders.html' },
             'footer': { templateUrl: 'pages/templates/footer.html' }
          }
        })
        .state('user-account', {
          url: '/manageaccount',
          views: {
            'header': {templateUrl: 'pages/templates/user-header.html'},
            'content' : {templateUrl: 'pages/user-account.html'},
            'footer': {templateUrl: 'pages/templates/footer.html'}
          }
        })
        .state('user-playlists', {
          url: '/manageplaylists',
          views: {
            'header': {templateUrl: 'pages/templates/user-header.html'},
            'content' : {templateUrl: 'pages/user-playlists.html'},
            'footer': {templateUrl: 'pages/templates/footer.html'}
          }
        })                     
        .state('admin-home',{
          url:'/adminHome',
          views: {
            'header':  {templateUrl: 'pages/templates/admin-header.html'},
            'content': {templateUrl: 'pages/admin-home.html'},
            'footer': {templateUrl: 'pages/templates/footer.html'}
          }
        })
        .state('admin-mediacenter',{
          url: '/mediacenter',
          views: {
            'header':  {templateUrl: 'pages/templates/admin-header.html'},
            'content': {templateUrl: 'pages/admin-mediacenter.html'},
            'footer': {templateUrl: 'pages/templates/footer.html'}
          }
        })
        .state('admin-customerinfo',{
          url: '/customerinfo',
          views: {
            'header':  {templateUrl: 'pages/templates/admin-header.html'},
            'content': {templateUrl: 'pages/admin-customerinfo.html'},
            'footer': {templateUrl: 'pages/templates/footer.html'}
          }
        })
        .state('admin-view',{
          url: '/view',
          views: {
            'header':  {templateUrl: 'pages/templates/admin-header.html'},
            'content': {templateUrl: 'pages/admin-view.html'},
            'footer': {templateUrl: 'pages/templates/footer.html'}
          }
        })
         .state('new-media', {
             url: '/newmedia',
             views: {
                 'header': { templateUrl: 'pages/templates/admin-header.html' },
                 'content': { templateUrl: 'pages/new-media.html' },
                 'footer': { templateUrl: 'pages/templates/footer.html' }
             }
         })
         .state('playlist-editor', {
             url: '/playlisteditor',
             views: {
                 'header': { templateUrl: 'pages/templates/admin-header.html' },
                 'content': { templateUrl: 'pages/playlist-editor.html' },
                 'footer': { templateUrl: 'pages/templates/footer.html' }
             }
         })
      });

app.run(['$rootScope', '$state', '$stateParams','$http',
  function ($rootScope, $state, $stateParams,$http) {
    $rootScope.$state = $state;
    $rootScope.$stateParams = $stateParams;
    $http.defaults.headers.common.Authentication = 'Basic Token';
  }]);