123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148 |
- (function (global, factory) {
- if (typeof define === "function" && define.amd) {
- define("/advanced/animation", ["jquery", "Site"], factory);
- } else if (typeof exports !== "undefined") {
- factory(require("jquery"), require("Site"));
- } else {
- var mod = {
- exports: {}
- };
- factory(global.jQuery, global.Site);
- global.advancedAnimation = mod.exports;
- }
- })(this, function (_jquery, _Site) {
- "use strict";
- _jquery = babelHelpers.interopRequireDefault(_jquery);
- (0, _jquery.default)(document).ready(function ($$$1) {
- (0, _Site.run)();
- $$$1(document).on('click', '.select-loader', function (e) {
- var type = $$$1(this).data('type'),
- curr = $$$1('.example-loading .loader').data('type');
- if (type === curr) return;
- $$$1('.example-loading .loader').removeClass('loader-' + curr).addClass('loader-' + type).data('type', type);
- }); // Example NProgress
- // -----------------
- (function () {
- // Start Progress Loader
- // NProgress.start();
- // On click event gather options and Init NProgress Plugin
- $$$1(document).on('click', '.btn', function (e) {
- var $target = $$$1(e.target);
- var id = $target.attr('id');
- switch (id) {
- // Loader Example Increments
- case 'exampleNProgressStart':
- NProgress.start();
- break;
- case 'exampleNProgressSet':
- NProgress.set(0.50);
- break;
- case 'exampleNProgressInc':
- NProgress.inc();
- break;
- case 'exampleNProgressDone':
- NProgress.done(true);
- break;
- // Loader Positions
- case 'exampleNProgressDefault':
- // ReConfigure Progress Loader
- NProgress.done(true);
- NProgress.configure({
- template: '<div class="bar" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
- });
- NProgress.start();
- break;
- case 'exampleNProgressHeader':
- // ReConfigure Progress Loader
- NProgress.done(true);
- NProgress.configure({
- template: '<div class="bar nprogress-bar-header" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
- });
- NProgress.start();
- break;
- case 'exampleNProgressBottom':
- // ReConfigure Progress Loader
- NProgress.done(true);
- NProgress.configure({
- template: '<div class="bar nprogress-bar-bottom" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
- });
- NProgress.start();
- break;
- // Loader Contextuals
- case 'exampleNProgressPrimary':
- // ReConfigure Progress Loader
- NProgress.done(true);
- NProgress.configure({
- template: '<div class="bar nprogress-bar-primary" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
- });
- NProgress.start();
- break;
- case 'exampleNProgressSuccess':
- // ReConfigure Progress Loader
- NProgress.done(true);
- NProgress.configure({
- template: '<div class="bar nprogress-bar-success" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
- });
- NProgress.start();
- break;
- case 'exampleNProgressInfo':
- // ReConfigure Progress Loader
- NProgress.done(true);
- NProgress.configure({
- template: '<div class="bar nprogress-bar-info" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
- });
- NProgress.start();
- break;
- case 'exampleNProgressWarning':
- // ReConfigure Progress Loader
- NProgress.done(true);
- NProgress.configure({
- template: '<div class="bar nprogress-bar-warning" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
- });
- NProgress.start();
- break;
- case 'exampleNProgressDanger':
- // ReConfigure Progress Loader
- NProgress.done(true);
- NProgress.configure({
- template: '<div class="bar nprogress-bar-danger" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
- });
- NProgress.start();
- break;
- case 'exampleNProgressDark':
- // ReConfigure Progress Loader
- NProgress.done(true);
- NProgress.configure({
- template: '<div class="bar nprogress-bar-dark" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
- });
- NProgress.start();
- break;
- case 'exampleNProgressLight':
- // ReConfigure Progress Loader
- NProgress.done(true);
- NProgress.configure({
- template: '<div class="bar nprogress-bar-light" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
- });
- NProgress.start();
- break;
- }
- });
- })();
- });
- });
|