| <!doctype html> |
| <html> |
| <head> |
| <title i18n-content="appWindow"></title> |
| <link rel="stylesheet" href="chrome://resources/css/roboto.css"> |
| <link rel="stylesheet" href="bubble.css"> |
| <link rel="stylesheet" href="bubble_button.css"> |
| <link rel="stylesheet" href="chrome://resources/css/overlay.css"> |
| <link rel="stylesheet" href="controlled_indicator.css"> |
| <link rel="stylesheet" href="main.css"> |
| <link rel="stylesheet" href="progressbar.css"> |
| <link rel="stylesheet" href="../login/components/oobe_flex_layout.css"> |
| <custom-style> |
| <style include="cr-hidden-style"></style> |
| </custom-style> |
| <script src="chrome://resources/js/load_time_data.js"></script> |
| <script src="chrome://resources/js/assert.js"></script> |
| <script src="chrome://resources/js/util.js"></script> |
| <script src="chrome://resources/js/i18n_template_no_process.js"></script> |
| <script src="chrome://resources/js/cr.js"></script> |
| <script src="chrome://resources/js/event_tracker.js"></script> |
| <script src="chrome://resources/js/cr/ui.js"></script> |
| <script src="bubble.js"></script> |
| <script src="bubble_button.js"></script> |
| <script src="overlay.js"></script> |
| <script src="chrome://resources/js/cr/ui/focus_manager.js"></script> |
| <script type="module" src="main.js"></script> |
| <script src="arc_optin_focus_manager.js"></script> |
| <script src="controlled_indicator.js"></script> |
| <script src="progressbar.js"></script> |
| </head> |
| <body> |
| <div id="terms" class="section"> |
| <div class="header"> |
| <img class="icon-header" src="icon/playstore.svg" aria-hidden="true"> |
| </div> |
| <div class="scrollable" id="terms-of-service-loading"> |
| <div class="content"> |
| <p class="title" id="greetingTitle" i18n-content="greetingHeader" |
| aria-hidden="true"></p> |
| <p class="subtitle" i18n-content="progressTermsLoading" |
| aria-live="polite"></p> |
| <div class="progress-container"> |
| <div class="progress-primary"></div> |
| <div class="progress-secondary"></div> |
| </div> |
| </div> |
| </div> |
| <div class="scrollable" id="terms-of-service-content" hidden> |
| <div class="content section-flex"> |
| <p class="title" id="greetingTitle" i18n-content="greetingHeader" |
| aria-live="polite"></p> |
| <p class="subtitle" i18n-content="greetingDescription"> |
| </p> |
| <div class ="section-flex" id="service-container"> |
| <div class="section-terms" id="terms-container"> |
| <webview id="terms-view"></webview> |
| </div> |
| <div> |
| <label class="layout horizontal section-checkbox-container"> |
| <a class="checkbox-text" id="privacy-policy-link" |
| href="#" i18n-content="privacyPolicyLink"></a> |
| </label> |
| </div> |
| <div id="metrics-preference"> |
| <label class="layout horizontal section-checkbox-container"> |
| <cr-checkbox class="checkbox-option"> |
| <p class="checkbox-text"></p> |
| </cr-checkbox> |
| <p class="content-text"></p> |
| </label> |
| </div> |
| <div id="backup-restore-preference"> |
| <label class="layout horizontal section-checkbox-container"> |
| <cr-checkbox class="checkbox-option"> |
| <p class="checkbox-text" |
| i18n-values=".innerHTML:textBackupRestore"></p> |
| </cr-checkbox> |
| </label> |
| </div> |
| <div id="location-service-preference"> |
| <label class="layout horizontal section-checkbox-container"> |
| <cr-checkbox class="checkbox-option"> |
| <p class="checkbox-text" |
| i18n-values=".innerHTML:textLocationService"></p> |
| </cr-checkbox> |
| </label> |
| </div> |
| <div id="pai-service-descirption"> |
| <label class="layout horizontal section-checkbox-container"> |
| <p class="content-text" |
| i18n-values=".innerHTML:textPaiService"></p> |
| </label> |
| </div> |
| <div id="google-service-confirmation"> |
| <label class="layout horizontal section-checkbox-container"> |
| <p class="content-text" |
| i18n-values=".innerHTML:textGoogleServiceConfirmation"> |
| </p> |
| </label> |
| </div> |
| </div> |
| </div> |
| <div class="layout horizontal center end-justified section-buttons"> |
| <div class="flex"></div> |
| <cr-button id="button-cancel"> |
| <div class="container flex" i18n-content="buttonCancel"></div> |
| </cr-button> |
| <cr-button class="action-button" id="button-next"> |
| <div class="container flex" i18n-content="buttonNext"></div> |
| </cr-button> |
| <cr-button class="action-button" id="button-agree"> |
| <div class="container flex" i18n-content="buttonAgree"></div> |
| </cr-button> |
| </div> |
| </div> |
| </div> |
| <div id="active-directory-auth" class="section" hidden> |
| <div class="section-active-directory-auth"> |
| <img class="icon-header" src="icon/playstore.svg" aria-hidden="true"> |
| <div class="scrollable"> |
| <p class="text-active-directory-auth-title" |
| i18n-content="activeDirectoryAuthTitle"></p> |
| <p class="text-active-directory-auth-subtitle" |
| i18n-content="activeDirectoryAuthDesc"></p> |
| <div class="section-active-directory-auth-view" |
| id="active-directory-auth-container"> |
| <webview id="active-directory-auth-view"></webview> |
| </div> |
| <div class="section-active-directory-auth-buttons"> |
| <cr-button class="button-active-directory-auth" |
| id="button-active-directory-auth-cancel" |
| i18n-content="buttonCancel"></cr-button> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div id="arc-loading" class="section" hidden> |
| <div class="header"> |
| <img class="icon-header" src="icon/playstore.svg" aria-hidden="true"> |
| </div> |
| <div class="scrollable"> |
| <div class="content"> |
| <p class="title" id="greetingTitle" |
| i18n-content="initializingHeader"></p> |
| <p class="subtitle" i18n-content="progressAndroidLoading" |
| aria-live="polite"> |
| </p> |
| <div class="progress-container"> |
| <div class="progress-primary"></div> |
| <div class="progress-secondary"></div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div id="error" class="section" hidden> |
| <div class="header"> |
| <img class="icon-header" src="icon/playstore.svg" aria-hidden="true"> |
| </div> |
| <div class="scrollable"> |
| <div class="content section-flex"> |
| <p class="title" i18n-content="greetingHeader"></p> |
| <p class="subtitle" id="error-message" aria-live="polite"></p> |
| <img class="error-image" src="images/error_image.png" |
| aria-hidden="true"> |
| </div> |
| <div class="layout horizontal center end-justified section-buttons"> |
| <div class="flex"></div> |
| <cr-button id="button-send-feedback"> |
| <div class="container flex" i18n-content="buttonSendFeedback"></div> |
| </cr-button> |
| <cr-button class="action-button" id="button-retry"> |
| <div class="container flex" i18n-content="buttonRetry"></div> |
| </cr-button> |
| </div> |
| </div> |
| </div> |
| <div id="overlay-container" class="overlay" hidden> |
| <div class="page" id="overlay-page"> |
| <div id="close-button" class="close-button"></div> |
| <div class="content-area"> |
| <span id="overlay-text-content"></span> |
| <div id="overlay-url-container"> |
| <webview id="overlay-url"></webview> |
| <div id="overlay-url-loading"> |
| <p i18n-content="overlayLoading"></p> |
| </div> |
| </div> |
| </div> |
| <div class="action-area"> |
| <div class="action-area-right"> |
| <div class="button-strip"> |
| <cr-button class="action-button" id="overlay-close"> |
| <div class="container flex" i18n-content="overlayClose"></div> |
| </cr-button> |
| </div> |
| </div> |
| </div> |
| </div> |
| <a href="#" class="invisible-link"></a> |
| </div> |
| </body> |
| </html> |
