| 1 |
(function ($) { |
| 2 |
// Open modal and play How To video. |
| 3 |
$( document ).on( 'click', '#poll-maker-welcome .play-video', function( event ) { |
| 4 |
event.preventDefault(); |
| 5 |
|
| 6 |
var video = '<div class="poll-maker-welcome-video-container"><iframe height="400" loading="lazy" src="https://www.youtube.com/embed/0dfJQdAwdL4" frameborder="0" allowfullscreen></iframe></div>'; |
| 7 |
|
| 8 |
var modal = $('<div class="poll-maker-welcome-modal"></div>'); |
| 9 |
var modalContent = $('<div class="poll-maker-welcome-modal-content"></div>'); |
| 10 |
var closeIcon = $('<span class="poll-maker-welcome-modal-close">×</span>'); |
| 11 |
|
| 12 |
modal.append(modalContent); |
| 13 |
modalContent.append(closeIcon); |
| 14 |
modalContent.append(video); |
| 15 |
|
| 16 |
$('body').append(modal); |
| 17 |
|
| 18 |
closeIcon.on('click', function () { |
| 19 |
modal.remove(); |
| 20 |
}); |
| 21 |
|
| 22 |
$(document).on('keyup', function (event) { |
| 23 |
if (event.key === 'Escape') { |
| 24 |
modal.remove(); |
| 25 |
} |
| 26 |
}); |
| 27 |
|
| 28 |
modal.on('click', function (event) { |
| 29 |
if (!$(event.target).closest('.poll-maker-welcome-modal-content').length) { |
| 30 |
modal.remove(); |
| 31 |
} |
| 32 |
}); |
| 33 |
|
| 34 |
} ); |
| 35 |
})(jQuery); |
| 36 |
|
