tooltip-popover.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. (function (global, factory) {
  2. if (typeof define === "function" && define.amd) {
  3. define("/uikit/tooltip-popover", ["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.uikitTooltipPopover = 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. }); // Example bootstrap v4b tooltip (popper.js)
  19. // -----------------------------------------
  20. (function () {
  21. (0, _jquery.default)('[data-toggle="tooltip"]').tooltip();
  22. })(); // Example bootstrap v4b popper.js
  23. // -------------------------------
  24. (function () {
  25. (0, _jquery.default)('[data-toggle="popover"]').popover();
  26. })();
  27. (function () {
  28. (0, _jquery.default)('.example-popover').popover({
  29. container: 'body'
  30. });
  31. })(); // Example Webui Popover
  32. // =====================
  33. var defaults = Plugin.getDefaults("webuiPopover"); // Example Webui Popover Pop with Table
  34. // ------------------------------------
  35. (function () {
  36. var tableContent = (0, _jquery.default)('#examplePopoverTable').html(),
  37. tableSettings = {
  38. title: 'WebUI Popover',
  39. content: tableContent,
  40. width: 500
  41. };
  42. (0, _jquery.default)('#examplePopWithTable').webuiPopover(_jquery.default.extend({}, defaults, tableSettings));
  43. })(); // Example Webui Popover Pop with List
  44. // -----------------------------------
  45. (function () {
  46. var listContent = (0, _jquery.default)('#examplePopoverList').html(),
  47. listSettings = {
  48. content: listContent,
  49. title: '',
  50. padding: false
  51. };
  52. (0, _jquery.default)('#examplePopWithList').webuiPopover(_jquery.default.extend({}, defaults, listSettings));
  53. })(); // Example Webui Popover Pop with Large Content
  54. // --------------------------------------------
  55. (function () {
  56. var largeContent = (0, _jquery.default)('#examplePopoverLargeContent').html(),
  57. largeSettings = {
  58. title: 'WebUI Popover',
  59. content: largeContent,
  60. width: 400,
  61. height: 350,
  62. closeable: true
  63. };
  64. (0, _jquery.default)('#examplePopWithLargeContent').webuiPopover(_jquery.default.extend({}, defaults, largeSettings));
  65. })();
  66. });