Backed out 3 changesets (bug 1831580, bug 1827975) for causing mchitest failures...
[gecko.git] / toolkit / components / aboutwebauthn / content / aboutWebauthn.html
blob8ba145daa67c6c07febd7ca0fb500284845b2634
1 <!DOCTYPE html>
3 <!-- This Source Code Form is subject to the terms of the Mozilla Public
4 - License, v. 2.0. If a copy of the MPL was not distributed with this
5 - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
7 <html>
8 <head>
9 <meta
10 http-equiv="Content-Security-Policy"
11 content="default-src chrome:; style-src chrome:; object-src 'none'"
13 <meta charset="utf-8" />
14 <title data-l10n-id="about-webauthn-page-title"></title>
15 <link rel="stylesheet" href="chrome://global/content/aboutWebauthn.css" />
16 <script src="chrome://global/content/aboutWebauthn.js"></script>
17 <link rel="localization" href="toolkit/about/aboutWebauthn.ftl" />
18 </head>
20 <body id="body">
21 <div id="info-text-div">
22 <label
23 id="info-text-field"
24 data-l10n-id="about-webauthn-text-connect-device"
25 ></label>
26 </div>
28 <div hidden id="categories">
29 <div id="info-tab-button" class="category" selected="true">
30 <span
31 class="tablinks"
32 data-l10n-id="about-webauthn-info-section-title"
33 ></span>
34 </div>
35 <div hidden id="pin-tab-button" class="category">
36 <span
37 class="tablinks"
38 data-l10n-id="about-webauthn-pin-section-title"
39 ></span>
40 </div>
41 <div id="credentials-tab-button" class="category">
42 <span
43 class="tablinks"
44 data-l10n-id="about-webauthn-credential-management-section-title"
45 ></span>
46 </div>
47 </div>
49 <div hidden id="main-content">
50 <div id="ctap-listen-div">
51 <label id="ctap-listen-result"></label>
52 </div>
54 <div hidden class="tabcontent token-info-section" id="token-info-section">
55 <h2
56 class="categoryTitle"
57 data-l10n-id="about-webauthn-info-section-title"
58 ></h2>
59 <div id="ctap2-token-info" class="token-info-flex-box" display="flex">
60 <div id="ctap2-token-info-options" class="token-info-flex-child">
61 <h3 data-l10n-id="about-webauthn-options-subsection-title"></h3>
62 <table id="authenticator-options"></table>
63 </div>
64 <div id="ctap2-token-info-info" class="token-info-flex-child">
65 <h3 data-l10n-id="about-webauthn-info-subsection-title"></h3>
66 <table id="authenticator-info"></table>
67 </div>
68 </div>
69 </div>
71 <div hidden class="tabcontent pin-section" id="set-change-pin-section">
72 <h2
73 class="categoryTitle"
74 data-l10n-id="about-webauthn-pin-section-title"
75 ></h2>
76 <div id="new-pin-div">
77 <label
78 for="new-pin"
79 data-l10n-id="about-webauthn-new-pin-label"
80 ></label>
81 <input type="password" id="new-pin" name="new-pin" required />
82 <label
83 for="new-pin-repeat"
84 data-l10n-id="about-webauthn-repeat-pin-label"
85 ></label>
86 <input
87 type="password"
88 id="new-pin-repeat"
89 name="new-pin-repeat"
90 required
92 </div>
93 <div id="current-pin-div">
94 <label
95 for="current-pin"
96 data-l10n-id="about-webauthn-current-pin-label"
97 ></label>
98 <input type="password" id="current-pin" name="current-pin" required />
99 </div>
100 <button
101 disabled
102 id="set-pin-button"
103 data-l10n-id="about-webauthn-current-set-pin-button"
104 ></button>
105 <button
106 disabled
107 id="change-pin-button"
108 data-l10n-id="about-webauthn-current-change-pin-button"
109 ></button>
110 <label id="set-change-pin-result" class="ctap-result"></label>
111 </div>
113 <div
114 hidden
115 class="tabcontent credential-management-section"
116 id="credential-management-section"
119 class="categoryTitle"
120 data-l10n-id="about-webauthn-credential-management-section-title"
121 ></h2>
122 <div
123 hidden
124 id="credential-list-subsection"
125 class="token-info-flex-child"
128 data-l10n-id="about-webauthn-credential-list-subsection-title"
129 ></h3>
130 <div hidden id="credential-list-empty-label">
131 <label
132 hidden
133 data-l10n-id="about-webauthn-credential-list-empty"
134 ></label>
135 </div>
136 <table id="credential-list"></table>
137 </div>
138 <button
139 class="credentials-button"
140 id="list-credentials-button"
141 data-l10n-id="about-webauthn-list-credentials-button"
142 ></button>
143 </div>
145 <div
146 hidden
147 class="tabcontent pin-required-section"
148 id="pin-required-section"
151 class="categoryTitle"
152 data-l10n-id="about-webauthn-pin-required-section-title"
153 ></h2>
154 <div id="pin-div">
155 <label
156 for="pin-required"
157 data-l10n-id="about-webauthn-pin-required-label"
158 ></label>
159 <input
160 type="password"
161 id="pin-required"
162 name="pin-required"
163 required
164 autofocus
166 </div>
167 <button
168 id="send-pin-button"
169 class="button-row"
170 data-l10n-id="about-webauthn-send-pin-button"
171 ></button>
172 <button
173 id="cancel-send-pin-button"
174 class="button-row"
175 data-l10n-id="about-webauthn-cancel-button"
176 ></button>
177 </div>
178 </div>
179 </body>
180 </html>