https://via-servicios-webpage.firebaseapp.com/app/home/home.controller.js

1(function() {
2  'use strict';
3
4  angular
5  .module('app.core')
6  .controller('Home', Home);
7
8  Home.$inject = ['$scope','$window','$interval', '$timeout'];
9
10  function Home($scope, $window ,$interval, $timeout) {
11    var home =  this;
12    var shell = $scope.shell;
13
14    // $('.white-box').height($('.white-box').width());
15
16    var container;
17    var items;
18    
19    function calculate(){
20      container = $('.carousel-container').width();
21      $('nav.item').width(container);
22      items = $('nav.item').length;
23      $('.carousel-riel').width(items*container);
24      var index = $('nav.active').index('.navs nav');
25      $('.carousel-riel').css({left:index*container*-1})
26    }
27
28    calculate();
29    window.addEventListener('resize', function(event){
30      calculate();
31    });
32
33    $('.navs nav').on('click',function(){
34      var index = $(this).index('.navs nav');
35      $('nav.active').removeClass('active');
36      $(this).addClass('active');
37      $('.carousel-riel').animate({left:index*container*-1})
38    });
39
40
41  }
42})();