| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 Copyright 2016 The Chromium Authors. All rights reserved. | 2 Copyright 2016 The Chromium Authors. All rights reserved. |
| 3 Use of this source code is governed by a BSD-style license that can be | 3 Use of this source code is governed by a BSD-style license that can be |
| 4 found in the LICENSE file. | 4 found in the LICENSE file. |
| 5 --> | 5 --> |
| 6 <!DOCTYPE html> | 6 <!DOCTYPE html> |
| 7 <meta charset="utf-8"> | 7 <meta charset="utf-8"> |
| 8 <if expr="is_android or is_ios"> | 8 <if expr="is_android or is_ios"> |
| 9 <meta name="viewport" content="width=device-width, initial-scale=1.0, | 9 <meta name="viewport" content="width=device-width, initial-scale=1.0, |
| 10 maximum-scale=1.0, user-scalable=no"> | 10 maximum-scale=1.0, user-scalable=no"> |
| 11 </if> | 11 </if> |
| 12 <title>Snippets Internals</title> | 12 <title>Snippets Internals</title> |
| 13 <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> | 13 <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> |
| 14 <link rel="stylesheet" href="snippets_internals.css"> | 14 <link rel="stylesheet" href="snippets_internals.css"> |
| 15 <script src="chrome://resources/js/cr.js"></script> | 15 <script src="chrome://resources/js/cr.js"></script> |
| 16 <script src="chrome://resources/js/jstemplate_compiled.js"></script> | 16 <script src="chrome://resources/js/jstemplate_compiled.js"></script> |
| 17 <script src="chrome://resources/js/util.js"></script> | 17 <script src="chrome://resources/js/util.js"></script> |
| 18 <script src="snippets_internals.js"></script> | 18 <script src="snippets_internals.js"></script> |
| 19 | 19 |
| 20 <div id="info"> | 20 <div id="info"> |
| 21 <div class="section"> | 21 <div> |
| 22 <h2>Properties</h2> | 22 <h2>Properties</h2> |
| 23 <table class="section-details"> | 23 <table class="section-details"> |
| 24 <tr> | 24 <tr> |
| 25 <td class="name">Snippets enabled | 25 <td class="name">Snippets enabled |
| 26 <td id="flag-snippets" class="value"> | 26 <td id="flag-snippets" class="value"> |
| 27 <tr> | 27 <tr> |
| 28 <td class="name">Snippets restricted to hosts | 28 <td class="name">Snippets restricted to hosts |
| 29 <td id="switch-restrict-to-hosts" class="value"> | 29 <td id="switch-restrict-to-hosts" class="value"> |
| 30 </table> | 30 </table> |
| 31 </div> | 31 </div> |
| 32 | 32 |
| 33 <div id="snippets" class="section"> | 33 <div id="snippets"> |
| 34 <h2>Snippets <span class="detail">(click for details)</span></h2> | 34 <h2>Snippets <span class="detail">(click for details)</span></h2> |
| 35 <table class="section-details"> | 35 <table class="section-details"> |
| 36 <tr jsselect="list" style="display:none"> | 36 <tr jsselect="list" style="display:none"> |
| 37 <td class="title-link"> | 37 <td class="title-link"> |
| 38 <span class="snippet-title" jsvalues="snippet-id:id"> | 38 <span class="snippet-title" jsvalues="snippet-id:id"> |
| 39 <span jscontent="title"></span>>></span> | 39 <span jscontent="title"></span>>></span> |
| 40 <div jsvalues="id:id" class="snippet-detail snippet-hidden"> | 40 <div jsvalues="id:id" class="snippet-detail hidden"> |
| 41 <table> | 41 <table> |
| 42 <tr> | 42 <tr> |
| 43 <td>Validity | 43 <td>Validity |
| 44 <td class="expiry"> | 44 <td class="expiry"> |
| 45 <span class="date" jscontent="published"></span> – | 45 <span class="date" jscontent="published"></span> – |
| 46 <span class="date" jscontent="expires"></span> | 46 <span class="date" jscontent="expires"></span> |
| 47 <tr> | 47 <tr> |
| 48 <td>Site title | 48 <td>Site title |
| 49 <td jscontent="siteTitle"> | 49 <td jscontent="siteTitle"> |
| 50 <tr> | 50 <tr> |
| 51 <td>Text | 51 <td>Text |
| 52 <td jscontent="snippet"> | 52 <td jscontent="snippet"> |
| 53 <tr> | 53 <tr> |
| 54 <td>URL | 54 <td>URL |
| 55 <td><a class="url" jsvalues="href:url" jscontent="url"></a> | 55 <td><a class="url" jsvalues="href:url" jscontent="url"></a> |
| 56 <tr> | 56 <tr> |
| 57 <td>Favicon | 57 <td>Favicon |
| 58 <td><a class="url" jsvalues="href:faviconUrl" | 58 <td><a class="url" jsvalues="href:faviconUrl" |
| 59 jscontent="faviconUrl"></a> | 59 jscontent="faviconUrl"></a> |
| 60 <tr> | 60 <tr> |
| 61 <td>Salient image | 61 <td>Salient image |
| 62 <td><a class="url" jsvalues="href:salientImageUrl" | 62 <td><a class="url" jsvalues="href:salientImageUrl" |
| 63 jscontent="salientImageUrl"></a> | 63 jscontent="salientImageUrl"></a> |
| 64 </table> | 64 </table> |
| 65 </div> | 65 </div> |
| 66 </table> | 66 </table> |
| 67 <div class="detail" id="snippets-empty"></div> | 67 <div class="detail" id="snippets-empty"></div> |
| 68 <div class="forms"> | 68 <div class="forms"> |
| 69 <input id="submit-clear" type="submit" value="Clear the list"> | 69 <input id="submit-clear" type="submit" value="Clear the list"> |
| 70 <input id="submit-dump" type="submit" value="Dump the list to downloads"> | 70 <input id="submit-dump" type="submit" value="Dump the list"> |
| 71 </div> | 71 </div> |
| 72 <div class="forms"> | 72 <div class="forms"> |
| 73 <input id="submit-download" type="submit" value="Add snippets"> | 73 <input id="submit-download" type="submit" value="Add snippets"> |
| 74 from hosts <span id="hosts-help" class="detail"></span>: | 74 from hosts <span id="hosts-help" class="detail"></span>: |
| 75 <textarea id="hosts-input" placeholder="www.wired.com www.bbc.co.uk" | 75 <textarea id="hosts-input" placeholder="www.wired.com www.bbc.co.uk" |
| 76 rows="5"></textarea> | 76 rows="5"></textarea> |
| 77 <div id="hosts-status" class="detail"></div> | 77 <span id="hosts-status" class="detail"></span> |
| 78 </div> | 78 </div> |
| 79 </div> | 79 </div> |
| 80 | 80 |
| 81 <div id="discarded-snippets" class="section"> | 81 <div id="last-json" class="hidden"> |
| 82 <h2>Last JSON</h2> |
| 83 <a id="last-json-button">Show the last JSON >></a> |
| 84 <div id="last-json-container" class="hidden"> |
| 85 <div id="last-json-text"></div> |
| 86 <input id="last-json-dump" type="submit" value="Dump the last JSON"> |
| 87 </div> |
| 88 </div> |
| 89 |
| 90 <div id="discarded-snippets"> |
| 82 <h2>Discarded snippets <span class="detail">(click for details)</span></h2> | 91 <h2>Discarded snippets <span class="detail">(click for details)</span></h2> |
| 83 <table class="section-details"> | 92 <table class="section-details"> |
| 84 <tr jsselect="list" style="display:none"> | 93 <tr jsselect="list" style="display:none"> |
| 85 <td class="title-link"> | 94 <td class="title-link"> |
| 86 <span class="discarded-snippet-title" jsvalues="snippet-id:id"> | 95 <span class="discarded-snippet-title" jsvalues="snippet-id:id"> |
| 87 <span jscontent="title"></span> >></span> | 96 <span jscontent="title"></span> >></span> |
| 88 <div jsvalues="id:id" class="snippet-detail snippet-hidden"> | 97 <div jsvalues="id:id" class="snippet-detail hidden"> |
| 89 <table> | 98 <table> |
| 90 <tr> | 99 <tr> |
| 91 <td>Validity | 100 <td>Validity |
| 92 <td class="expiry"> | 101 <td class="expiry"> |
| 93 <span class="date" jscontent="published"></span> – | 102 <span class="date" jscontent="published"></span> – |
| 94 <span class="date" jscontent="expires"></span> | 103 <span class="date" jscontent="expires"></span> |
| 95 <tr> | 104 <tr> |
| 96 <td>Site title | 105 <td>Site title |
| 97 <td jscontent="siteTitle"> | 106 <td jscontent="siteTitle"> |
| 98 <tr> | 107 <tr> |
| (...skipping 12 matching lines...) Expand all Loading... |
| 111 jscontent="salientImageUrl"></a> | 120 jscontent="salientImageUrl"></a> |
| 112 </table> | 121 </table> |
| 113 </div> | 122 </div> |
| 114 </table> | 123 </table> |
| 115 <div class="detail" id="discarded-snippets-empty"></div> | 124 <div class="detail" id="discarded-snippets-empty"></div> |
| 116 <div class="forms"> | 125 <div class="forms"> |
| 117 <input id="discarded-snippets-clear" type="submit" value="Clear list"> | 126 <input id="discarded-snippets-clear" type="submit" value="Clear list"> |
| 118 </div> | 127 </div> |
| 119 </div> | 128 </div> |
| 120 | 129 |
| 121 <div id="hosts" class="section"> | 130 <div id="hosts"> |
| 122 <h2>Suggestion hosts</h2> | 131 <h2>Suggestion hosts</h2> |
| 123 <table class="section-details"> | 132 <table class="section-details"> |
| 124 <tr jsselect="list"> | 133 <tr jsselect="list"> |
| 125 <td jscontent="url"> | 134 <td jscontent="url"> |
| 126 </table> | 135 </table> |
| 127 <div class="detail" id="hosts-empty"></div> | 136 <div class="detail" id="hosts-empty"></div> |
| 128 </div> | 137 </div> |
| 129 </div> | 138 </div> |
| OLD | NEW |