animation.js 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. (function (global, factory) {
  2. if (typeof define === "function" && define.amd) {
  3. define("/advanced/animation", ["jquery", "Site"], factory);
  4. } else if (typeof exports !== "undefined") {
  5. factory(require("jquery"), require("Site"));
  6. } else {
  7. var mod = {
  8. exports: {}
  9. };
  10. factory(global.jQuery, global.Site);
  11. global.advancedAnimation = mod.exports;
  12. }
  13. })(this, function (_jquery, _Site) {
  14. "use strict";
  15. _jquery = babelHelpers.interopRequireDefault(_jquery);
  16. (0, _jquery.default)(document).ready(function ($$$1) {
  17. (0, _Site.run)();
  18. $$$1(document).on('click', '.select-loader', function (e) {
  19. var type = $$$1(this).data('type'),
  20. curr = $$$1('.example-loading .loader').data('type');
  21. if (type === curr) return;
  22. $$$1('.example-loading .loader').removeClass('loader-' + curr).addClass('loader-' + type).data('type', type);
  23. }); // Example NProgress
  24. // -----------------
  25. (function () {
  26. // Start Progress Loader
  27. // NProgress.start();
  28. // On click event gather options and Init NProgress Plugin
  29. $$$1(document).on('click', '.btn', function (e) {
  30. var $target = $$$1(e.target);
  31. var id = $target.attr('id');
  32. switch (id) {
  33. // Loader Example Increments
  34. case 'exampleNProgressStart':
  35. NProgress.start();
  36. break;
  37. case 'exampleNProgressSet':
  38. NProgress.set(0.50);
  39. break;
  40. case 'exampleNProgressInc':
  41. NProgress.inc();
  42. break;
  43. case 'exampleNProgressDone':
  44. NProgress.done(true);
  45. break;
  46. // Loader Positions
  47. case 'exampleNProgressDefault':
  48. // ReConfigure Progress Loader
  49. NProgress.done(true);
  50. NProgress.configure({
  51. template: '<div class="bar" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
  52. });
  53. NProgress.start();
  54. break;
  55. case 'exampleNProgressHeader':
  56. // ReConfigure Progress Loader
  57. NProgress.done(true);
  58. NProgress.configure({
  59. template: '<div class="bar nprogress-bar-header" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
  60. });
  61. NProgress.start();
  62. break;
  63. case 'exampleNProgressBottom':
  64. // ReConfigure Progress Loader
  65. NProgress.done(true);
  66. NProgress.configure({
  67. template: '<div class="bar nprogress-bar-bottom" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
  68. });
  69. NProgress.start();
  70. break;
  71. // Loader Contextuals
  72. case 'exampleNProgressPrimary':
  73. // ReConfigure Progress Loader
  74. NProgress.done(true);
  75. NProgress.configure({
  76. template: '<div class="bar nprogress-bar-primary" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
  77. });
  78. NProgress.start();
  79. break;
  80. case 'exampleNProgressSuccess':
  81. // ReConfigure Progress Loader
  82. NProgress.done(true);
  83. NProgress.configure({
  84. template: '<div class="bar nprogress-bar-success" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
  85. });
  86. NProgress.start();
  87. break;
  88. case 'exampleNProgressInfo':
  89. // ReConfigure Progress Loader
  90. NProgress.done(true);
  91. NProgress.configure({
  92. template: '<div class="bar nprogress-bar-info" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
  93. });
  94. NProgress.start();
  95. break;
  96. case 'exampleNProgressWarning':
  97. // ReConfigure Progress Loader
  98. NProgress.done(true);
  99. NProgress.configure({
  100. template: '<div class="bar nprogress-bar-warning" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
  101. });
  102. NProgress.start();
  103. break;
  104. case 'exampleNProgressDanger':
  105. // ReConfigure Progress Loader
  106. NProgress.done(true);
  107. NProgress.configure({
  108. template: '<div class="bar nprogress-bar-danger" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
  109. });
  110. NProgress.start();
  111. break;
  112. case 'exampleNProgressDark':
  113. // ReConfigure Progress Loader
  114. NProgress.done(true);
  115. NProgress.configure({
  116. template: '<div class="bar nprogress-bar-dark" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
  117. });
  118. NProgress.start();
  119. break;
  120. case 'exampleNProgressLight':
  121. // ReConfigure Progress Loader
  122. NProgress.done(true);
  123. NProgress.configure({
  124. template: '<div class="bar nprogress-bar-light" role="bar"></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
  125. });
  126. NProgress.start();
  127. break;
  128. }
  129. });
  130. })();
  131. });
  132. });