| 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 |