\n' + ' \n' + '\n' + ''; return html; } function showCopySuccess() { var successMsg = $('.openskil-copy-success'); successMsg.addClass('openskil-show'); setTimeout(function() { successMsg.removeClass('openskil-show'); }, 2000); } $(document).ready(function() { $('.openskil-input, .openskil-textarea, .openskil-checkbox-item input').on('input change', function() { updatePreview(); }); updatePreview(); $('.openskil-generate-btn').on('click', function() { var code = generateCode(); $('.openskil-code-output').text(code); anime({ targets: '.openskil-code-section', translateY: [20, 0], opacity: [0, 1], duration: 500, easing: 'easeOutQuad' }); anime({ targets: '.openskil-code-output', opacity: [0, 1], duration: 300, delay: 200, easing: 'easeOutQuad' }); }); var clipboard = new Clipboard('.openskil-copy-btn', { text: function() { return generateCode(); } }); clipboard.on('success', function(e) { showCopySuccess(); e.clearSelection(); }); $('.openskil-copy-btn').on('click', function() { var code = generateCode(); $('.openskil-code-output').text(code); }); anime({ targets: '.openskil-form-section', translateX: [-50, 0], opacity: [0, 1], duration: 800, easing: 'easeOutQuad' }); anime({ targets: '.openskil-preview-section', translateX: [50, 0], opacity: [0, 1], duration: 800, delay: 200, easing: 'easeOutQuad' }); }); })();