Improving layout and a11y for HID detection OOBE screen.
[chromium-blink-merge.git] / chrome / browser / resources / chromeos / nfc_debug.html
blob5601d3612029710e92720826df5011bdd7c50c02
1 <!DOCTYPE html>
2 <html i18n-values="dir:textdirection;">
3 <head>
4 <meta charset="utf-8">
5 <title i18n-content="titleText"></title>
6 <link rel="stylesheet" type="text/css" href="nfc_debug.css">
7 <script src="chrome://resources/js/cr.js"></script>
8 <script src="chrome://resources/js/load_time_data.js"></script>
9 <script src="chrome://resources/js/util.js"></script>
10 <script src="strings.js"></script>
11 <script src="nfc_debug.js"></script>
12 </head>
13 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
14 <h1 i18n-content="titleText"></h1>
15 <p id="nfc-not-supported" i18n-content="notSupportedText"></p>
16 <div id="wrapper">
17 <div id="nfc-adapter-info" class="entity-div">
18 <h3 i18n-content="adapterHeaderText"></h3>
19 <div id="adapter-parameters"></div>
20 <div id="adapter-toggles">
21 <button id="power-toggle"></button>
22 <button id="poll-toggle"></button>
23 </div>
24 </div>
25 <div id="ndef-record-form" class="entity-div">
26 <h3 i18n-content="ndefFormHeaderText"></h3>
27 <select id="record-type-menu">
28 <option i18n-content="ndefFormTypeTextText" value="text"></option>
29 <option i18n-content="ndefFormTypeUriText" value="uri"></option>
30 <option i18n-content="ndefFormTypeSmartPosterText" value="smart-poster">
31 </option>
32 </select>
33 <div id="text-form" class="record-form">
34 <div>
35 <label for="text-form-text" class="required"
36 i18n-content="ndefFormFieldTextText">
37 </label>
38 <input type="text" id="text-form-text">
39 </div>
40 <div>
41 <label for="text-form-encoding" class="required"
42 i18n-content="ndefFormFieldEncodingText">
43 </label>
44 <input type="text" id="text-form-encoding">
45 </div>
46 <div>
47 <label for="text-form-language-code" class="required"
48 i18n-content="ndefFormFieldLanguageCodeText">
49 </label>
50 <input type="text" id="text-form-language-code">
51 </div>
52 </div>
53 <div id="uri-form" class="record-form">
54 <div>
55 <label for="uri-form-uri" class="required"
56 i18n-content="ndefFormFieldUriText"></label>
57 <input type="text" id="uri-form-uri">
58 </div>
59 <div>
60 <label for="uri-form-mime-type"
61 i18n-content="ndefFormFieldMimeTypeText"></label>
62 <input type="text" id="uri-form-mime-type">
63 </div>
64 <div>
65 <label for="uri-form-target-size"
66 i18n-content="ndefFormFieldTargetSizeText"></label>
67 <input type="text" id="uri-form-target-size">
68 </div>
69 </div>
70 <div id="smart-poster-form" class="record-form">
71 <div>
72 <label for="smart-poster-form-uri"
73 i18n-content="ndefFormFieldUriText"></label>
74 <input type="text" id="smart-poster-form-uri">
75 </div>
76 <div>
77 <label for="smart-poster-form-mime-type"
78 i18n-content="ndefFormFieldMimeTypeText"></label>
79 <input type="text" id="smart-poster-form-mime-type">
80 </div>
81 <div>
82 <label for="smart-poster-form-target-size"
83 i18n-content="ndefFormFieldTargetSizeText"></label>
84 <input type="text" id="smart-poster-form-target-size">
85 </div>
86 <div>
87 <label for="smart-poster-form-title-text"
88 i18n-content="ndefFormFieldTitleTextText">
89 </label>
90 <input type="text" id="smart-poster-form-title-text">
91 </div>
92 <div>
93 <label for="smart-poster-form-title-encoding"
94 i18n-content="ndefFormFieldTitleEncodingText">
95 </label>
96 <input type="text" id="smart-poster-form-title-encoding">
97 </div>
98 <div>
99 <label for="smart-poster-form-title-language-code"
100 i18n-content="ndefFormFieldTitleLanguageCodeText">
101 </label>
102 <input type="text" id="smart-poster-form-title-language-code">
103 </div>
104 </div>
105 <button id="record-form-submit-button"></button>
106 </div>
107 <div id="nfc-peer-info" class="entity-div">
108 <h3 i18n-content="nfcPeerHeaderText"></h3>
109 <div id="peer-parameters"></div>
110 <div id="peer-records-entry" class="records-entry">
111 <h3 i18n-content="recordsHeaderText"></h3>
112 <hr/>
113 <div id="peer-records-container"></div>
114 <hr/>
115 </div>
116 </div>
117 <div id="nfc-tag-info" class="entity-div">
118 <h3 i18n-content="nfcTagHeaderText"></h3>
119 <div id="tag-parameters"></div>
120 <div id="tag-records-entry" class="records-entry">
121 <h3 i18n-content="recordsHeaderText"></h3>
122 <hr/>
123 <div id="tag-records-container"></div>
124 <hr/>
125 </div>
126 </div>
127 </div>
128 <script src="chrome://resources/js/i18n_template2.js"></script>
129 </body>
130 </html>