provideBridgeDialog.xhtml (3629B)
1 <?xml version="1.0" encoding="UTF-8"?> 2 3 <?csp default-src chrome: ?> 4 5 <window 6 type="child" 7 xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" 8 xmlns:html="http://www.w3.org/1999/xhtml" 9 > 10 <dialog 11 id="user-provide-bridge-dialog" 12 buttons="accept,cancel" 13 class="show-entry-page" 14 > 15 <linkset> 16 <html:link rel="stylesheet" href="chrome://global/skin/global.css" /> 17 <html:link 18 rel="stylesheet" 19 href="chrome://browser/skin/preferences/preferences.css" 20 /> 21 <html:link 22 rel="stylesheet" 23 href="chrome://browser/content/torpreferences/torPreferences.css" 24 /> 25 26 <html:link rel="localization" href="toolkit/global/tor-browser.ftl" /> 27 </linkset> 28 29 <script src="chrome://browser/content/torpreferences/bridgemoji/BridgeEmoji.js" /> 30 <script src="chrome://browser/content/torpreferences/provideBridgeDialog.js" /> 31 32 <html:div id="user-provide-bridge-entry-page"> 33 <description id="user-provide-bridge-description"> 34 <html:span 35 data-l10n-id="user-provide-bridge-dialog-description" 36 ></html:span> 37 <label 38 is="text-link" 39 class="learnMore text-link" 40 href="about:manual#bridges" 41 useoriginprincipal="true" 42 data-l10n-id="user-provide-bridge-dialog-learn-more" 43 /> 44 </description> 45 <html:label 46 id="user-provide-bridge-textarea-label" 47 for="user-provide-bridge-textarea" 48 ></html:label> 49 <html:textarea 50 id="user-provide-bridge-textarea" 51 multiline="true" 52 rows="3" 53 aria-describedby="user-provide-bridge-description" 54 aria-errormessage="user-provide-bridge-error-message" 55 /> 56 <html:div id="user-provide-bridge-message-area"> 57 <html:span 58 id="user-provide-bridge-error-message" 59 role="alert" 60 ></html:span> 61 <img 62 id="user-provide-bridge-loading-icon" 63 class="tor-loading-icon" 64 alt="" 65 /> 66 <html:span 67 id="user-provide-bridge-connecting" 68 role="alert" 69 data-l10n-id="user-provide-bridge-dialog-connecting" 70 ></html:span> 71 </html:div> 72 </html:div> 73 <html:div id="user-provide-bridge-result-page"> 74 <description id="user-provide-result-description" /> 75 <!-- NOTE: Unlike #tor-bridge-grid-display, this element is not 76 - interactive, and not a tab-stop. So we use the "table" role rather 77 - than "grid". 78 - NOTE: Using a <html:table> would not allow us the same structural 79 - freedom, so we use a generic div and add the semantics manually. --> 80 <html:div 81 id="user-provide-bridge-grid-display" 82 class="tor-bridges-grid" 83 role="table" 84 tabindex="0" 85 aria-labelledby="user-provide-result-description" 86 ></html:div> 87 <html:template id="user-provide-bridge-row-template"> 88 <html:div class="tor-bridges-grid-row" role="row"> 89 <html:span 90 class="tor-bridges-type-cell tor-bridges-grid-cell" 91 role="cell" 92 ></html:span> 93 <html:span class="tor-bridges-emojis-block" role="none"></html:span> 94 <html:span class="tor-bridges-grid-end-block" role="none"> 95 <html:span 96 class="tor-bridges-address-cell tor-bridges-grid-cell" 97 role="cell" 98 > 99 <html:span class="tor-bridges-address-cell-text"></html:span> 100 </html:span> 101 </html:span> 102 </html:div> 103 </html:template> 104 </html:div> 105 </dialog> 106 </window>