| <html> |
| <head> |
| <style> |
| .done-button { |
| bottom: 17px; |
| color: rgb(33, 150, 243); |
| display: none; |
| filter: none; |
| font: 400 16px Roboto,RobotoDraft,Helvetica,sans-serif; |
| position: fixed; |
| right: 25px; |
| text-shadow: none; |
| text-transform: uppercase; |
| z-index: 10; |
| } |
| </style> |
| <script> |
| /** |
| * Handles the callback when the survey is submitted or when the survey |
| * has already been submitted in the past. |
| * @param {boolean} isFirstRun Will be true when the user just earned |
| * access to the content and false if the user had already had access |
| * previously. |
| */ |
| var didFinishSurvey = function(isFirstRun) { |
| if (!isFirstRun) { |
| return; |
| } |
| |
| /* Display the done button at the end of the survey. */ |
| document.getElementById('id-done-button').style.display = 'block'; |
| }; |
| |
| document.addEventListener('DOMContentLoaded', function() { |
| document.getElementById('id-link-done-button').onclick = function() { |
| window.close(); |
| } |
| }) |
| </script> |
| <script src="$SCRIPT_SRC"></script> |
| </head> |
| <body> |
| <a id="id-link-done-button" href="#" role="button"> |
| <div id="id-done-button" class="done-button">$DONE_BUTTON_LABEL</div> |
| </a> |
| </body> |
| </html> |