OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html i18n-values="dir:textdirection;lang:language"> | 2 <html dir="$i18n{textdirection}" lang="$i18n{language}"> |
3 <head> | 3 <head> |
4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
5 <meta name="viewport" | 5 <meta name="viewport" |
6 content="initial-scale=1, minimum-scale=1, width=device-width"> | 6 content="initial-scale=1, minimum-scale=1, width=device-width"> |
7 <title i18n-content="blockPageTitle"></title> | 7 <title>$i18n{blockPageTitle}</title> |
8 <link rel="stylesheet" href="supervised_user_block_interstitial.css"> | 8 <link rel="stylesheet" href="supervised_user_block_interstitial.css"> |
9 <script src="../../../ui/webui/resources/js/cr.js"></script> | 9 <script src="../../../ui/webui/resources/js/cr.js"></script> |
10 <script src="../../../ui/webui/resources/js/util.js"></script> | 10 <script src="../../../ui/webui/resources/js/util.js"></script> |
11 <script src="supervised_user_block_interstitial.js"></script> | 11 <script src="supervised_user_block_interstitial.js"></script> |
12 </head> | 12 </head> |
13 <body> | 13 <body> |
14 <div class="main-frame-blocked"> | 14 <div class="main-frame-blocked"> |
15 <div id="information-container"> | 15 <div id="information-container"> |
16 <div class="icon" id="icon"></div> | 16 <div class="icon" id="icon"></div> |
17 <div id="main-message"> | 17 <div id="main-message"> |
18 <h1 id="block-page-header" i18n-content="blockPageHeader"></h1> | 18 <h1 id="block-page-header">$i18n{blockPageHeader}</h1> |
19 <p id="block-page-message" i18n-content="blockPageMessage"></p> | 19 <p id="block-page-message">$i18n{blockPageMessage}</p> |
20 <h1 id="request-failed-message" i18n-content="requestFailedMessage" | 20 <h1 id="request-failed-message" hidden>$i18n{requestFailedMessage}</h1> |
21 hidden></h1> | 21 <h1 id="request-sent-message" hidden>$i18n{requestSentMessage}</h1> |
22 <h1 id="request-sent-message" i18n-content="requestSentMessage" hidden></h
1> | |
23 </div> | 22 </div> |
24 <div id="custodians-information" hidden> | 23 <div id="custodians-information" hidden> |
25 <div id="custodian-information" class="custodian-information"> | 24 <div id="custodian-information" class="custodian-information"> |
26 <img id="custodian-avatar-img" class="avatar-img"> | 25 <img id="custodian-avatar-img" class="avatar-img"> |
27 <div id="custodian-contact"> | 26 <div id="custodian-contact"> |
28 <div id="custodian-name" class="custodian-name"></div> | 27 <div id="custodian-name" class="custodian-name"></div> |
29 <div id="custodian-email" class="custodian-email"></div> | 28 <div id="custodian-email" class="custodian-email"></div> |
30 </div> | 29 </div> |
31 </div> | 30 </div> |
32 <div id="second-custodian-information" class="custodian-information" hidde
n> | 31 <div id="second-custodian-information" class="custodian-information" hidde
n> |
33 <img id="second-custodian-avatar-img" class="avatar-img" hidden> | 32 <img id="second-custodian-avatar-img" class="avatar-img" hidden> |
34 <div id="second-custodian-contact"> | 33 <div id="second-custodian-contact"> |
35 <div id="second-custodian-name" class="custodian-name"></div> | 34 <div id="second-custodian-name" class="custodian-name"></div> |
36 <div id="second-custodian-email" class="custodian-email"></div> | 35 <div id="second-custodian-email" class="custodian-email"></div> |
37 </div> | 36 </div> |
38 </div> | 37 </div> |
39 </div> | 38 </div> |
40 </div> | 39 </div> |
41 <div class="button-container"> | 40 <div class="button-container"> |
42 <button id="request-access-button" class="primary-button" i18n-content="requ
estAccessButton"> | 41 <button id="request-access-button" class="primary-button"> |
| 42 $i18n{requestAccessButton} |
43 </button> | 43 </button> |
44 <div id="details-button-container"> | 44 <div id="details-button-container"> |
45 <button id="show-details-link" class="details-button small-link" i18n-cont
ent="showDetailsLink" hidden></button> | 45 <button id="show-details-link" class="details-button small-link" hidden> |
46 <button id="hide-details-link" class="details-button small-link" i18n-cont
ent="hideDetailsLink" hidden></button> | 46 $i18n{showDetailsLink} |
47 <button id="back-button" class="details-button small-link" i18n-content="b
ackButton" hidden></button> | 47 </button> |
| 48 <button id="hide-details-link" class="details-button small-link" hidden> |
| 49 $i18n{hideDetailsLink} |
| 50 </button> |
| 51 <button id="back-button" class="details-button small-link" hidden> |
| 52 $i18n{backButton} |
| 53 </button> |
48 </div> | 54 </div> |
49 </div> | 55 </div> |
50 <div id="details" hidden> | 56 <div id="details" hidden> |
51 <p id="details-header" i18n-content="blockReasonHeader"></p> | 57 <p id="details-header">$i18n{blockReasonHeader}</p> |
52 <p id="details-message" i18n-content="blockReasonMessage"></p> | 58 <p id="details-message">$i18n{blockReasonMessage}</p> |
53 <p id="feedback" i18n-values=".innerHTML:feedbackLink"></p> | 59 <p id="feedback">$i18nRaw{feedbackLink}</p> |
54 </div> | 60 </div> |
55 </div> | 61 </div> |
56 </body> | 62 </body> |
57 </html> | 63 </html> |
OLD | NEW |