panel-actions.js 5.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. (function (global, factory) {
  2. if (typeof define === "function" && define.amd) {
  3. define("/uikit/panel-actions", ["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.uikitPanelActions = 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. var $panel = $$$1('#examplePanel');
  19. var PanelClass = new Plugin.getPlugin('panel');
  20. var api = new PanelClass($panel, $panel.data());
  21. api.render(); // Fullscreen
  22. $$$1('#exampleTogglFullscreene').on('click', function () {
  23. api.toggleFullscreen();
  24. });
  25. $$$1('#exampleEnterFullscreen').on('click', function () {
  26. api.enterFullscreen();
  27. });
  28. $$$1('#exampleLeaveFullscreen').on('click', function () {
  29. api.leaveFullscreen();
  30. }); // Content
  31. $$$1('#exampleToggleContent').on('click', function () {
  32. api.toggleContent();
  33. });
  34. $$$1('#exampleShowContent').on('click', function () {
  35. api.showContent();
  36. });
  37. $$$1('#exampleHideContent').on('click', function () {
  38. api.hideContent();
  39. }); // Open / Close
  40. $$$1('#exampleToggle').on('click', function () {
  41. api.toggle();
  42. });
  43. $$$1('#exampleOpen').on('click', function () {
  44. api.open();
  45. });
  46. $$$1('#exampleClose').on('click', function () {
  47. api.close();
  48. }); // Refresh
  49. var even = false;
  50. $$$1('#exampleReplace').on('click', function () {
  51. api.load(function () {
  52. var content;
  53. if (even) {
  54. content = 'Lorem ipsum Adipisicing qui pariatur elit veniam reprehenderit dolore mollit amet deserunt et veniam cupidatat deserunt cupidatat dolore pariatur ullamco dolor adipisicing officia sed mollit consequat veniam culpa fugiat commodo exercitation quis veniam cupidatat eu aliquip elit dolore commodo deserunt fugiat esse in ut Excepteur non sint consequat Ut id fugiat magna ex adipisicing consequat cillum enim ad sint officia enim adipisicing aute aute ea pariatur quis dolor esse sed do veniam cupidatat magna proident in consectetur sit eiusmod sint incididunt qui sed qui deserunt consequat nulla ea esse enim minim amet eu anim labore Excepteur est ut sit commodo sit aute veniam in in quis amet ea dolore proident incididunt pariatur laboris mollit veniam est amet reprehenderit sint do id amet cillum reprehenderit irure minim culpa Duis in officia mollit veniam Excepteur officia incididunt Ut non incididunt amet ut mollit adipisicing laboris dolor Excepteur adipisicing ut sint Duis laborum culpa est Excepteur eiusmod deserunt labore nisi ad laboris minim fugiat ullamco anim enim esse eu tempor non adipisicing dolor dolor labore fugiat officia et occaecat consectetur dolor cupidatat consectetur est quis enim esse in occaecat cillum proident laborum ad reprehenderit Excepteur pariatur velit magna et reprehenderit incididunt dolore Duis occaecat ad Duis eiusmod in ullamco adipisicing est incididunt labore amet adipisicing ad Excepteur officia consectetur voluptate nulla occaecat qui sed cillum aliqua sit tempor ea officia est reprehenderit irure cupidatat.';
  55. even = false;
  56. } else {
  57. content = 'Lorem ipsum Laborum aute qui Ut commodo enim sunt culpa tempor cupidatat non ut proident Duis sunt pariatur id adipisicing sint sunt dolore ullamco Excepteur aute veniam nostrud reprehenderit Excepteur cupidatat aute sunt pariatur labore aute nostrud veniam Ut Ut reprehenderit incididunt ex ut do est consectetur est sint dolore id non ad esse eu enim qui deserunt dolor laboris velit cupidatat Duis tempor sed et culpa in do ea minim velit adipisicing ullamco sit qui consectetur nisi qui nisi labore sunt incididunt anim consequat consectetur commodo aliqua officia et proident deserunt culpa nulla culpa exercitation Duis elit cillum in id laboris minim est aute in esse voluptate dolor eu velit Excepteur sint dolore incididunt exercitation enim eiusmod officia quis aliqua reprehenderit irure quis non amet ullamco laboris dolor in in consectetur cupidatat est ea do nisi ut nulla in Duis irure irure minim sed officia mollit irure reprehenderit proident ullamco sed pariatur dolore dolor sunt dolor aute magna in tempor nisi ullamco eiusmod ut non fugiat dolor in.';
  58. even = true;
  59. }
  60. var self = this;
  61. setTimeout(function () {
  62. self.$panelBody.html(content);
  63. self.done();
  64. }, 1000);
  65. });
  66. });
  67. $$$1('#exampleLoad').on('click', function () {
  68. api.load();
  69. });
  70. $$$1('#exampleDone').on('click', function () {
  71. api.done();
  72. });
  73. });
  74. window.customRefreshCallback = function () {
  75. var self = this;
  76. setTimeout(function () {
  77. self.done();
  78. self.$panelBody.html('Lorem ipsum Ad reprehenderit pariatur qui labore nulla elit non velit non consectetur dolore veniam qui ullamco incididunt laboris quis incididunt nisi culpa incididunt sit est occaecat pariatur nulla aliqua amet est voluptate.');
  79. }, 1000);
  80. };
  81. });