aboutRulesets.html (5485B)
1 <!-- Copyright (c) 2022, The Tor Project, Inc. --> 2 <!doctype html> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <meta 6 http-equiv="Content-Security-Policy" 7 content="default-src chrome:; object-src 'none'" 8 /> 9 <link rel="stylesheet" href="chrome://global/skin/in-content/common.css" /> 10 <link 11 rel="stylesheet" 12 href="chrome://browser/content/rulesets/aboutRulesets.css" 13 /> 14 15 <link rel="localization" href="branding/brand.ftl" /> 16 <link rel="localization" href="toolkit/global/tor-browser.ftl" /> 17 </head> 18 <body> 19 <!-- Warning --> 20 <div id="warning-wrapper"> 21 <div id="warning"> 22 <h1 id="warning-title" data-l10n-id="rulesets-warning-heading"></h1> 23 <p 24 id="warning-description" 25 data-l10n-id="rulesets-warning-description" 26 ></p> 27 <p> 28 <label> 29 <input 30 id="warning-enable-checkbox" 31 type="checkbox" 32 checked="checked" 33 /> 34 <span 35 id="warning-enable-label" 36 data-l10n-id="rulesets-warning-checkbox" 37 ></span> 38 </label> 39 </p> 40 <div id="warning-buttonbar"> 41 <button 42 id="warning-button" 43 autofocus="autofocus" 44 data-l10n-id="rulesets-warning-continue-button" 45 ></button> 46 </div> 47 </div> 48 </div> 49 50 <div id="main-content"> 51 <!-- Ruleset list --> 52 <aside> 53 <div 54 id="ruleset-heading" 55 data-l10n-id="rulesets-side-panel-heading" 56 ></div> 57 <div id="ruleset-list-container"> 58 <div id="ruleset-list-empty"> 59 <p 60 id="ruleset-list-empty-title" 61 data-l10n-id="rulesets-side-panel-no-rules" 62 ></p> 63 <p 64 id="ruleset-list-empty-description" 65 data-l10n-id="rulesets-side-panel-no-rules-description" 66 ></p> 67 </div> 68 <ul id="ruleset-list"> 69 <li id="ruleset-template"> 70 <div class="icon"></div> 71 <div> 72 <div class="name"></div> 73 <div class="description"></div> 74 </div> 75 </li> 76 </ul> 77 </div> 78 </aside> 79 80 <!-- Ruleset details --> 81 <section id="ruleset-details"> 82 <div class="title"> 83 <h1 id="ruleset-title"></h1> 84 <button 85 id="ruleset-edit" 86 class="ghost-button" 87 data-l10n-id="rulesets-details-edit-button" 88 ></button> 89 </div> 90 <dl> 91 <dt id="ruleset-jwk-label" data-l10n-id="rulesets-details-jwk"></dt> 92 <dd id="ruleset-jwk-value"></dd> 93 <dt 94 id="ruleset-path-prefix-label" 95 data-l10n-id="rulesets-details-path" 96 ></dt> 97 <dd> 98 <a id="ruleset-path-prefix-value" target="_blank"></a> 99 </dd> 100 <dt 101 id="ruleset-scope-label" 102 data-l10n-id="rulesets-details-scope" 103 ></dt> 104 <dd id="ruleset-scope-value"></dd> 105 </dl> 106 <label id="ruleset-enable"> 107 <input type="checkbox" id="ruleset-enable-checkbox" /> 108 <span 109 id="ruleset-enable-label" 110 data-l10n-id="rulesets-details-enable-checkbox" 111 ></span> 112 </label> 113 <div id="ruleset-buttonbar"> 114 <button 115 id="ruleset-update-button" 116 data-l10n-id="rulesets-details-update-button" 117 ></button> 118 </div> 119 <hr /> 120 <p id="ruleset-updated"></p> 121 </section> 122 123 <!-- Edit ruleset --> 124 <section id="edit-ruleset"> 125 <div class="title"> 126 <h1 id="edit-title"></h1> 127 </div> 128 <form id="edit-ruleset-form"> 129 <label> 130 <div id="edit-jwk-label" data-l10n-id="rulesets-details-jwk"></div> 131 <textarea 132 id="edit-jwk-textarea" 133 rows="10" 134 data-l10n-id="rulesets-details-jwk-input" 135 ></textarea> 136 </label> 137 <label> 138 <div 139 id="edit-path-prefix-label" 140 data-l10n-id="rulesets-details-path" 141 ></div> 142 <input 143 id="edit-path-prefix-input" 144 type="text" 145 data-l10n-id="rulesets-details-path-input" 146 /> 147 </label> 148 <label> 149 <div 150 id="edit-scope-label" 151 data-l10n-id="rulesets-details-scope" 152 ></div> 153 <input 154 id="edit-scope-input" 155 type="text" 156 data-l10n-id="rulesets-details-scope-input" 157 /> 158 </label> 159 <label id="edit-enable"> 160 <input type="checkbox" id="edit-enable-checkbox" /> 161 <span 162 id="edit-enable-label" 163 data-l10n-id="rulesets-details-enable-checkbox" 164 ></span> 165 </label> 166 <div id="edit-buttonbar"> 167 <button 168 id="edit-save" 169 class="primary" 170 data-l10n-id="rulesets-details-save-button" 171 ></button> 172 <button 173 id="edit-cancel" 174 data-l10n-id="rulesets-details-cancel-button" 175 ></button> 176 </div> 177 </form> 178 </section> 179 </div> 180 <script src="chrome://browser/content/rulesets/aboutRulesets.js"></script> 181 </body> 182 </html>