<!doctype html> <html> <head> <meta charset="utf-8"> <!-- Enable IE Standards mode --> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title><%= t('assets.head_title.view', file_name: @asset.file_file_name) %></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> <link rel="shortcut icon" href='<%= @favicon_url %>' /> <style type="text/css"> body { margin: 0; padding: 0; overflow:hidden; -ms-content-zooming: none; } #office_frame { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; border: none; display: block; } </style> </head> <body> <form id='office_form' name='office_form' target='office_frame' action='<%= @action_url %>' method='post'> <input name='access_token' value='<%= @token %>' type='hidden'/> <input name='access_token_ttl' value='<%= @ttl %>' type='hidden'/> </form> <span id="frameholder"></span> <script type="text/javascript"> var frameholder = document.getElementById('frameholder'); var office_frame = document.createElement('iframe'); office_frame.name = 'office_frame'; office_frame.id ='office_frame'; // The title should be set for accessibility office_frame.title = 'Office Online Frame'; // This attribute allows true fullscreen mode in slideshow view // when using PowerPoint Online's 'view' action. office_frame.setAttribute('allowfullscreen', 'true'); // The sandbox attribute is needed to allow automatic redirection to the O365 sign-in page in the business user flow office_frame.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-forms allow-popups allow-top-navigation allow-popups-to-escape-sandbox'); frameholder.appendChild(office_frame); document.getElementById('office_form').submit(); </script> </body> </html>