| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>Provided File Systems</title> | 4 <title>Provided File Systems</title> |
| 5 <meta charset="utf-8"> | 5 <meta charset="utf-8"> |
| 6 <link rel="stylesheet" href="provided_file_systems.css"> | 6 <link rel="stylesheet" href="provided_file_systems.css"> |
| 7 <script src="chrome://provided-file-systems/provided_file_systems.js"> | 7 <script src="chrome://provided-file-systems/provided_file_systems.js"> |
| 8 </script> | 8 </script> |
| 9 </head> | 9 </head> |
| 10 <body> | 10 <body> |
| 11 <polymer-element name="file-systems"> | 11 <polymer-element name="file-systems"> |
| 12 <template> | 12 <template> |
| 13 <link rel="stylesheet" | 13 <link rel="stylesheet" |
| 14 href="chrome://provided-file-systems/provided_file_systems.css"> | 14 href="chrome://provided-file-systems/provided_file_systems.css"> |
| 15 <table> | 15 <div id="fileSystems"> |
| 16 <thead> | 16 <table> |
| 17 <tr> | 17 <thead> |
| 18 <th>ID</th> | |
| 19 <th>Name</th> | |
| 20 <th>Extension ID</th> | |
| 21 <th>Active Requests</th> | |
| 22 </tr> | |
| 23 </thead> | |
| 24 <tbody> | |
| 25 <template id="file-system" repeat="{{item in model}}"> | |
| 26 <tr> | 18 <tr> |
| 27 <td>{{item.id}}</td> | 19 <th>ID</th> |
| 28 <td>{{item.name}}</td> | 20 <th>Name</th> |
| 29 <td> | 21 <th>Extension ID</th> |
| 30 <div class="icon" style="background-image: -webkit-image-set( | 22 <th>Active Requests</th> |
| 31 url(chrome://extension-icon/{{item.extensionId}}/24/1) 1x, | |
| 32 url(chrome://extension-icon/{{item.extensionId}}/48/1) | |
| 33 2x)"></div> | |
| 34 {{item.extensionId}} | |
| 35 </td> | |
| 36 <td>{{item.activeRequests}}</td> | |
| 37 </tr> | 23 </tr> |
| 38 </template> | 24 </thead> |
| 39 </tbody> | 25 <tbody> |
| 40 </table> | 26 <template id="file-system" repeat="{{item in model}}"> |
| 27 <tr on-click="{{rowClicked}}" data-id="{{item.id}}" |
| 28 data-extension-id="{{item.extensionId}}"> |
| 29 <td>{{item.id}}</td> |
| 30 <td>{{item.name}}</td> |
| 31 <td> |
| 32 <div class="icon" style="background-image: |
| 33 -webkit-image-set( |
| 34 url(chrome://extension-icon/{{item.extensionId}}/24/1) |
| 35 1x, |
| 36 url(chrome://extension-icon/{{item.extensionId}}/48/1) |
| 37 2x)"></div> |
| 38 {{item.extensionId}} |
| 39 </td> |
| 40 <td>{{item.activeRequests}}</td> |
| 41 </tr> |
| 42 </template> |
| 43 </tbody> |
| 44 </table> |
| 45 </div> |
| 41 </template> | 46 </template> |
| 42 </polymer-element> | 47 </polymer-element> |
| 43 | 48 |
| 44 <h1>Mounted provided file systems</h1> | 49 <polymer-element name="request-events"> |
| 45 <file-systems id="mounted-file-systems"> | 50 <template> |
| 51 <link rel="stylesheet" |
| 52 href="chrome://provided-file-systems/provided_file_systems.css"> |
| 53 <div id="requestEvents"> |
| 54 <table> |
| 55 <thead> |
| 56 <tr> |
| 57 <th>Time</th> |
| 58 <th>Request ID</th> |
| 59 <th>Request Type</th> |
| 60 <th>Event Type</th> |
| 61 <th>Error</th> |
| 62 <th>Has Next</th> |
| 63 </tr> |
| 64 </thead> |
| 65 <tbody> |
| 66 <template id="request-event" repeat="{{item in model}}"> |
| 67 <tr> |
| 68 <td>{{item.time | formatTime}}</td> |
| 69 <td>{{item.id}}</td> |
| 70 <td>{{item.requestType}}</td> |
| 71 <td>{{item.eventType}}</td> |
| 72 <td>{{item.error}}</td> |
| 73 <td>{{item.hasMore | formatHasMore}}</td> |
| 74 </tr> |
| 75 </template> |
| 76 </tbody> |
| 77 </table> |
| 78 </div> |
| 79 </template> |
| 80 </polymer-element> |
| 81 |
| 82 <file-systems id="file-systems"> |
| 46 </file-systems> | 83 </file-systems> |
| 84 |
| 85 <request-events hidden id="request-events"> |
| 86 </request-events> |
| 47 </body> | 87 </body> |
| 48 </html> | 88 </html> |
| OLD | NEW |