| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
| 5 <meta name="viewport" content="width=device-width, user-scalable=no"> | 5 <meta name="viewport" content="width=device-width, user-scalable=no"> |
| 6 <script> | 6 <script> |
| 7 function setMessage(msg) { | 7 function setMessage(msg) { |
| 8 document.getElementById('message').textContent = msg; | 8 document.getElementById('message').textContent = msg; |
| 9 } | 9 } |
| 10 function notifyDidFinishLoading() { | 10 function notifyDidFinishLoading() { |
| 11 if (plugin.didFinishLoading) | 11 if (plugin.didFinishLoading) |
| 12 plugin.didFinishLoading(); | 12 plugin.didFinishLoading(); |
| 13 | 13 |
| 14 if (plugin.didFinishIconRepositionForTesting) | 14 if (plugin.didFinishIconRepositionForTesting) |
| 15 plugin.didFinishIconRepositionForTesting(); | 15 plugin.didFinishIconRepositionForTesting(); |
| 16 } | 16 } |
| 17 </script> | 17 </script> |
| 18 <link rel="stylesheet" href="plugin_placeholders.css"></link> | 18 <link rel="stylesheet" href="plugin_placeholders.css"></link> |
| 19 <style> | 19 <style> |
| 20 #outer { | 20 #outer { |
| 21 cursor: pointer; | 21 cursor: pointer; |
| 22 } | 22 } |
| 23 </style> | 23 </style> |
| 24 </head> | 24 </head> |
| 25 <body id="t" onload="notifyDidFinishLoading();"> | 25 <body id="t" onload="notifyDidFinishLoading();"> |
| 26 <div i18n-values="title:name" id="outer"> | 26 <div i18n-values="title:name" id="outer"> |
| 27 <img class="icon" | 27 <img class="icon" |
| 28 src="../../../../ui/webui/resources/images/extension.svg"> | 28 src="../../../../ui/webui/resources/images/extension.svg"> |
| 29 <h1 id="message" i18n-content="message"></h1> | 29 <h1 id="message">$i18n{message}</h1> |
| 30 </div> | 30 </div> |
| 31 <script> | 31 <script> |
| 32 window.onkeydown = function(e) { | 32 window.onkeydown = function(e) { |
| 33 if (e.key == 'Enter' || e.key == ' ') { | 33 if (e.key == 'Enter' || e.key == ' ') { |
| 34 plugin.showPermissionBubble(); | 34 plugin.showPermissionBubble(); |
| 35 e.preventDefault(); | 35 e.preventDefault(); |
| 36 } | 36 } |
| 37 }; | 37 }; |
| 38 | 38 |
| 39 document.getElementById('outer').onclick = function() { | 39 document.getElementById('outer').onclick = function() { |
| 40 plugin.showPermissionBubble(); | 40 plugin.showPermissionBubble(); |
| 41 }; | 41 }; |
| 42 </script> | 42 </script> |
| 43 </body> | 43 </body> |
| 44 </html> | 44 </html> |
| OLD | NEW |