Speeddial btc hack

SUBMITTED BY: erictibby

DATE: Feb. 27, 2017, 9:21 a.m.

FORMAT: Text only

SIZE: 2.7 kB

Raw Download

HITS: 26587

Report
  1. $(document).ready(function() {
  2. $('.mdl-speed-dial__main-fab').mouseenter(openFAB);
  3. $('.mdl-speed-dial').mouseleave(closeFAB);
  4. $('.mdl-speed-dial__option').hover(showFABTooltip, hideFABTooltip);
  5. $('.mdl-speed-dial__tooltip--hidden').hide();
  6. $('.mdl-speed-dial_main-fab-icon--secondary').hide();
  7. });
  9. function rotateElement(el, deg, duration) {
  10. $(el).stop().animate({ rotation: deg }, {
  11. duration: duration,
  12. step: function(now, fx) {
  13. $(this).css({ "transform": "rotate(" + now + "deg)" });
  14. }
  15. });
  16. }
  18. function openFAB(e) {
  19. var $btn = $(this),
  20. $speedDialOptions = $btn.siblings('.mdl-speed-dial__options'),
  21. isSpeedDialOptionsHidden = $speedDialOptions.css('display') == 'none' ? true : false,
  22. $primaryIcon = $btn.children('.mdl-speed-dial_main-fab-icon--primary'),
  23. $secondaryIcon = $btn.children('.mdl-speed-dial_main-fab-icon--secondary'),
  24. isPrimaryIconNull = $primaryIcon.length > 0 ? false : true,
  25. isSecondaryIconNull = $secondaryIcon.length > 0 ? false : true,
  26. $primaryIcon = isPrimaryIconNull ? $btn.children('.mdl-speed-dial_main-fab-icon') : $primaryIcon,
  27. isPrimaryIconPlusSign = $primaryIcon.html() == 'add' ? true : false,
  28. rotationDegrees = 360,
  29. rotationSpeed = 300,
  30. rotate = $btn.hasClass('mdl-speed-dial__main-fab--spin');
  32. if (isSpeedDialOptionsHidden) {
  33. $speedDialOptions.fadeIn('fast');
  35. if (rotate) {
  36. if (isSecondaryIconNull && isPrimaryIconPlusSign) {
  37. rotationDegrees = 45;
  38. rotationSpeed = 100;
  39. }
  41. rotateElement($btn, rotationDegrees, rotationSpeed);
  43. if (!isPrimaryIconNull && !isSecondaryIconNull) {
  44. $primaryIcon.fadeOut('fast');
  45. $secondaryIcon.fadeIn('fast');
  46. }
  47. }
  48. }
  49. }
  51. function closeFAB(e) {
  52. var $btn = $(this).children('.mdl-speed-dial__main-fab'),
  53. $primaryIcon = $btn.children('.mdl-speed-dial_main-fab-icon--primary') || $btn.children('.mdl-speed-dial_main-fab-icon'),
  54. $secondaryIcon = $btn.children('.mdl-speed-dial_main-fab-icon--secondary'),
  55. isPrimaryIconNull = $primaryIcon.length > 0 ? false : true,
  56. isSecondaryIconNull = $secondaryIcon.length > 0 ? false : true,
  57. $primaryIcon = isPrimaryIconNull ? $btn.children('.mdl-speed-dial_main-fab-icon') : $primaryIcon,
  58. rotate = $btn.hasClass('mdl-speed-dial__main-fab--spin');
  60. $(this).children('.mdl-speed-dial__options').fadeOut('fast');
  62. if (rotate) {
  63. rotateElement($btn, 0, 100);
  65. if (!isPrimaryIconNull && !isSecondaryIconNull) {
  66. $primaryIcon.fadeIn('fast');
  67. $secondaryIcon.fadeOut('fast');
  68. }
  69. }
  70. }
  72. function showFABTooltip(e) {
  73. $(this).children('.mdl-speed-dial__tooltip--hidden').show();
  74. }
  76. function hideFABTooltip(e) {
  77. $(this).children('.mdl-speed-dial__tooltip--hidden').hide();
  78. }
comments powered by Disqus