features.js 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. $(function()
  2. {
  3. /* Support to slide to next by click btn */
  4. $('#features').on('click', '.slide-feature-to-next', function()
  5. {
  6. $('#featuresCarousel').carousel('next');
  7. });
  8. $('#features').on('click', '.btn-close-modal', function()
  9. {
  10. var feature = features[features.length - 1];
  11. $.post(createLink('misc', 'ajaxSaveViewed', 'feature=' + feature));
  12. });
  13. $('#featuresCarousel').on('slide.zui.carousel', function(e)
  14. {
  15. /* Click next to pause the video play. */
  16. $('#guideVideo').trigger('pause');
  17. var $next = $(e.relatedTarget);
  18. var $items = $next.parent().children();
  19. var index = $items.index($next);
  20. var itemsCount = $items.length;
  21. var isLastItem = index === itemsCount - 1;
  22. var $features = $('#features');
  23. var $nav = $('#featuresNav');
  24. $nav.find('li.active').removeClass('active');
  25. $nav.find('a[data-slide-to="' + index + '"]').parent().addClass('active');
  26. $features.toggleClass('is-last-item', isLastItem);
  27. if(isLastItem) $features.addClass('enabled');
  28. var feature = features[index - 1];
  29. if(feature) $.post(createLink('misc', 'ajaxSaveViewed', 'feature=' + feature));
  30. });
  31. $('#features').toggleClass('is-last-item', $('#featuresCarousel>.carousel-inner>.item').length < 2);
  32. });