index.js 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. $(function() {
  2. // initialize highlight.js
  3. hljs.initHighlightingOnLoad();
  4. // initialize all the inputs
  5. $('input[type="checkbox"],[type="radio"]').not('#create-switch').not('#events-switch').bootstrapSwitch();
  6. /*
  7. // dimension
  8. $('#btn-size-regular-switch').on('click', function () {
  9. $('#dimension-switch').bootstrapSwitch('size', '');
  10. });
  11. $('#btn-size-mini-switch').on('click', function () {
  12. $('#dimension-switch').bootstrapSwitch('size', 'mini');
  13. });
  14. $('#btn-size-small-switch').on('click', function () {
  15. $('#dimension-switch').bootstrapSwitch('size', 'small');
  16. });
  17. $('#btn-size-large-switch').on('click', function () {
  18. $('#dimension-switch').bootstrapSwitch('size', 'large');
  19. });
  20. // state
  21. $('#toggle-state-switch-button').on('click', function () {
  22. $('#toggle-state-switch').bootstrapSwitch('toggleState');
  23. });
  24. $('#toggle-state-switch-button-on').on('click', function () {
  25. $('#toggle-state-switch').bootstrapSwitch('state', true);
  26. });
  27. $('#toggle-state-switch-button-off').on('click', function () {
  28. $('#toggle-state-switch').bootstrapSwitch('state', false);
  29. });
  30. $('#toggle-state-switch-button-state').on('click', function () {
  31. alert($('#toggle-state-switch').bootstrapSwitch('state'));
  32. });
  33. // destroy
  34. $('#btn-destroy-switch').on('click', function () {
  35. $('#destroy-switch').bootstrapSwitch('destroy');
  36. $(this).remove();
  37. });
  38. // CREATE
  39. $('#btn-create').on('click', function () {
  40. $('#create-switch').bootstrapSwitch();
  41. $(this).remove();
  42. });
  43. // activation
  44. var $disable = $('#disable-switch');
  45. $('#btn-disable-is').on('click', function () {
  46. alert($disable.bootstrapSwitch('disabled'));
  47. });
  48. $('#btn-disable-toggle').on('click', function () {
  49. $disable.bootstrapSwitch('toggleDisabled');
  50. });
  51. $('#btn-disable-set').on('click', function () {
  52. $disable.bootstrapSwitch('disabled', true);
  53. });
  54. $('#btn-disable-remove').on('click', function () {
  55. $disable.bootstrapSwitch('disabled', false);
  56. });
  57. // readonly
  58. var $readonly = $('#readonly-switch');
  59. $('#btn-readonly-is').on('click', function () {
  60. alert($readonly.bootstrapSwitch('readonly'));
  61. });
  62. $('#btn-readonly-toggle').on('click', function () {
  63. $readonly.bootstrapSwitch('toggleReadonly');
  64. });
  65. $('#btn-readonly-set').on('click', function () {
  66. $readonly.bootstrapSwitch('readonly', true);
  67. });
  68. $('#btn-readonly-remove').on('click', function () {
  69. $readonly.bootstrapSwitch('readonly', false);
  70. });
  71. // label
  72. $('#btn-label-on-switch').on('click', function() {
  73. $('#label-switch').bootstrapSwitch('onText', 'I');
  74. });
  75. $('#btn-label-off-switch').on('click', function() {
  76. $('#label-switch').bootstrapSwitch('offText', 'O');
  77. });
  78. $('#label-toggle-switch').on('click', function(e, data) {
  79. $('.label-toggle-switch').bootstrapSwitch('toggleState');
  80. });
  81. $('.label-toggle-switch').on('switch-change', function(e, data) {
  82. alert(data.value);
  83. });
  84. // event handler
  85. $('#events-switch').on({
  86. init: function() {
  87. console.log('Initialized!');
  88. },
  89. switchChange: function ($element, data) {
  90. var $element = $(data.el),
  91. value = data.value;
  92. console.log(e, $element, value);
  93. }
  94. }).bootstrapSwitch();
  95. // color
  96. $('#btn-color-on-switch').on('click', function() {
  97. $('#change-color-switch').bootstrapSwitch('onColor', 'success');
  98. });
  99. $('#btn-color-off-switch').on('click', function() {
  100. $('#change-color-switch').bootstrapSwitch('offColor', 'danger');
  101. });
  102. // animation
  103. $('#btn-animate-switch').on('click', function() {
  104. $('#animated-switch').bootstrapSwitch('animate', true);
  105. });
  106. $('#btn-dont-animate-switch').on('click', function() {
  107. $('#animated-switch').bootstrapSwitch('animate', false);
  108. });
  109. // radio
  110. $('.radio1').on('switch-change', function () {
  111. $('.radio1').bootstrapSwitch('toggleRadioState');
  112. });
  113. $('.radio2').on('switch-change', function () {
  114. console.log("ok");
  115. $('.radio2').bootstrapSwitch('toggleRadioState', true);
  116. });
  117. */
  118. });