%PDF- %PDF-
Direktori : /home/opti/workflow/src/public/app-assets/js/scripts/animation/ |
Current File : /home/opti/workflow/src/public/app-assets/js/scripts/animation/animation.js |
/*========================================================================================= File Name: animation.js Description: Theme Component animations js ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ==========================================================================================*/ (function(window, document, $) { 'use strict'; // Button Animations $('.buttonAnimation').each(function(){ $(this).hover( function(){ var data = $(this).attr('data-animation'); $(this).addClass('animated '+data); }, function(){ var data = $(this).attr('data-animation'); $(this).removeClass('animated '+data); }); }); // Collapse Animations $('.collapseAnimation').each(function(){ $(this).on("click", function(){ var data = $(this).attr('data-animation'), href = $(this).attr('href'); $(href).addClass('animated '+data); }); }); // Alert Animations $('.alertAnimation').each(function(){ $(this).on("click", function(){ var data = $(this).attr('data-animation'); $(this).parent('.alert').addClass('animated '+data); $(this).parent('div').one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function (e) { $('div').removeClass('animated '+data); }); }); }); // Callout Animations $('.calloutAnimation').each(function(){ $(this).on("click", function(){ var data = $(this).attr('data-animation'); $(this).parent('div').addClass('animated '+data); $(this).parent('div').one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function (e) { $('div').removeClass('animated '+data); }); }); }); // Card Animation $('.cardAnimation .card').appear(); $(document).on("appear", '[data-appear="appear"]', function() { var $item = $(this), animate = $item.data("animation"); if ($item.hasClass('appear-no-repeat')) return; $item.addClass('animated ' + animate); }); $(document).on("disappear", '[data-appear="appear"]', function() { var $item = $(this), animate = $item.data("animation"); if ($item.hasClass('appear-no-repeat')) return; $item.removeClass('animated ' + animate); }); })(window, document, jQuery);