diff options
Diffstat (limited to 'apps/system/index.html')
-rw-r--r-- | apps/system/index.html | 894 |
1 files changed, 2 insertions, 892 deletions
diff --git a/apps/system/index.html b/apps/system/index.html index 731a3f3..eba4dc5 100644 --- a/apps/system/index.html +++ b/apps/system/index.html @@ -1,896 +1,6 @@ <!DOCTYPE html> <html> - <head> - <meta charset="utf-8"> - <meta http-equiv="pragma" content="no-cache"> - - <!-- Shared code --> - <script src="shared/js/l10n.js"></script> - <script src="shared/js/l10n_date.js"></script> - <script src="shared/js/idletimer.js"></script> - <script defer src="shared/js/gesture_detector.js"></script> - <script defer src="shared/js/settings_listener.js"></script> - <script defer src="shared/js/custom_dialog.js"></script> - <script defer src="shared/js/notification_helper.js"></script> - <script defer src="shared/js/async_storage.js"></script> - <script defer src="shared/js/mobile_operator.js"></script> - <script defer src="shared/js/manifest_helper.js"></script> - - <!-- Wrapper --> - <link rel="stylesheet" type="text/css" href="style/wrapper/wrapper.css"> - <script type="text/javascript" defer src="js/wrapper.js"></script> - - <!-- System --> - <link rel="stylesheet" type="text/css" href="style/system/system.css"> - <link rel="stylesheet" type="text/css" href="style/system/keyboard.css"> - <link rel="stylesheet" type="text/css" href="style/sound_manager/sound_manager.css"> - - <!-- Include shared building blocks --> - <link rel="stylesheet" type="text/css" href="shared/style/confirm.css"/> - <link rel="stylesheet" type="text/css" href="shared/style/headers.css"/> - <link rel="stylesheet" type="text/css" href="shared/style/switches.css"/> - - <link rel="stylesheet" type="text/css" href="style/fake-notification.css"/> - - <!-- Include shared resources - <link rel="resource" type="application/json" href="shared/resources/apn.json"/> - <link rel="resource" type="image/png" href="shared/resources/branding/initlogo.png"/> - <link rel="resource" type="image/png" href="shared/resources/branding/splash_screen_generic.png"/> - --> - - <!-- applications.js must not be deferred - in order to catch webapps-registry-ready mozChromeEvent --> - <script src="js/applications.js"></script> - <script defer src="js/screen_manager.js"></script> - <script defer src="js/background_service.js"></script> - <script defer src="js/mouse2touch.js"></script> - <script defer src="js/activities.js"></script> - <script defer src="js/bootstrap.js"></script> - <script defer src="js/screenshot.js"></script> - <script defer src="js/sound_manager.js"></script> - <script defer src="js/source_view.js"></script> - <script defer src="js/storage.js"></script> - <script defer src="js/hardware_buttons.js"></script> - <script defer src="js/system_banner.js"></script> - <script defer src="js/system_dialog.js"></script> - <script defer src="js/icc_cache.js"></script> - - <!-- Grid View --> - <link rel="stylesheet" type="text/css" href="style/gridview/gridview.css"> - <script defer src="js/gridview.js"></script> - - <!-- TTL View --> - <link rel="stylesheet" type="text/css" href="style/ttlview/ttlview.css"> - <script defer src="js/ttlview.js"></script> - - <!-- Accessibility --> - <link rel="stylesheet" type="text/css" href="style/accessibility/accessibility.css"> - <script defer src="js/accessibility.js"></script> - - <!-- Sleep Menu --> - <link rel="stylesheet" type="text/css" href="style/sleep_menu/sleep_menu.css"> - <script defer src="js/sleep_menu.js"></script> - - <!-- Battery Manager --> - <link rel="stylesheet" type="text/css" href="style/battery_manager/battery_manager.css"> - <script defer src="js/battery_manager.js"></script> - - <!-- Keyboard --> - <script defer src="js/keyboard_manager.js"></script> - - <!-- Utility Tray --> - <link rel="stylesheet" type="text/css" href="style/utility_tray/utility_tray.css"> - <script defer src="js/utility_tray.js"></script> - - <!-- Attention Screen --> - <link rel="stylesheet" type="text/css" href="style/attention_screen.css"> - <script defer src="js/attention_screen.js"></script> - - <!-- List Menu --> - <link rel="stylesheet" type="text/css" href="style/list_menu/list_menu.css"> - <script defer src="js/list_menu.js"></script> - - <!-- Context Menu --> - <script defer src="js/context_menu.js"></script> - - <!-- Statusbar --> - <link rel="stylesheet" type="text/css" href="style/statusbar/statusbar.css"> - <script defer src="js/statusbar.js"></script> - - <!-- LockScreen --> - <link rel="stylesheet" type="text/css" href="style/lockscreen/lockscreen.css"> - <script defer src="js/lockscreen.js"></script> - - <!-- PIN Unlocking --> - <script defer src="js/sim_lock.js"></script> - <link rel="stylesheet" type="text/css" href="style/simcard.css"> - <script defer src="js/simcard_dialog.js"></script> - - <!-- Airplane Mode --> - <script defer src="js/airplane_mode.js"></script> - - <!-- Modal Dialog --> - <link rel="stylesheet" type="text/css" href="style/modal_dialog/prompt.css"> - <link rel="stylesheet" type="text/css" href="style/modal_dialog/modal_dialog.css"> - <script defer src="js/modal_dialog.js"></script> - - <!-- Authentication Dialog--> - <script defer src="js/authentication_dialog.js"></script> - - <!-- Value selector --> - <link rel="stylesheet" type="text/css" href="style/value_selector/value_selector.css"> - <link rel="stylesheet" type="text/css" href="style/value_selector/time_picker.css"> - <link rel="stylesheet" type="text/css" href="style/value_selector/spin_date_picker.css"> - <script defer src="js/value_selector/value_picker.js"></script> - <script defer src="js/value_selector/spin_date_picker.js"></script> - <script defer src="js/value_selector/value_selector.js"></script> - <script defer src="js/value_selector/input_parser.js"></script> - - <!-- Popup Manager --> - <link rel="stylesheet" type="text/css" href="style/popup_manager/popup_manager.css"> - <script defer src="js/popup_manager.js"></script> - - <!-- Trusted UI --> - <link rel="stylesheet" type="text/css" href="style/trusted_ui/trusted_ui.css"> - <script defer src="js/trusted_ui.js"></script> - - <!-- Permission Manager --> - <link rel="stylesheet" type="text/css" href="style/permission_manager/permission_manager.css"> - <script defer src="js/permission_manager.js"></script> - - <!-- App Install --> - <link rel="stylesheet" type="text/css" href="style/app_install_manager/app_install_manager.css"> - <script defer src="js/app_install_manager.js"></script> - - <!-- Cost Control --> - <link rel="stylesheet" type="text/css" href="style/cost_control/cost_control.css"> - <script defer src="js/cost_control.js"></script> - - <!-- Quick Settings --> - <link rel="stylesheet" type="text/css" href="style/quick_settings/quick_settings.css"> - <script defer src="js/quick_settings.js"></script> - - <!-- Notifications --> - <link rel="stylesheet" type="text/css" href="style/notifications/notifications.css"> - <script defer src="js/notifications.js"></script> - - <!-- Cards View --> - <link rel="stylesheet" type="text/css" href="style/cards_view/cards_view.css"> - <script defer src="js/cards_view.js"></script> - - <!-- Bluetooth --> - <script defer src="js/bluetooth.js"></script> - <script defer src="js/bluetooth_transfer.js"></script> - <link rel="stylesheet" type="text/css" href="style/bluetooth_transfer/bluetooth_transfer.css"> - - <!-- Wifi --> - <script defer src="js/wifi.js"></script> - - <!-- Voicemail --> - <script defer src="js/voicemail.js"></script> - - <!-- Update Manager --> - <script defer src="js/updatable.js"></script> - <script defer src="js/update_manager.js"></script> - <link rel="stylesheet" type="text/css" href="style/update_manager/update_manager.css"> - - <!-- Theme and localization --> - <link rel="stylesheet" type="text/css" href="style/themes/default/system.css"> - <link rel="stylesheet" type="text/css" href="style/themes/default/core.css"> - <link rel="stylesheet" type="text/css" href="style/themes/default/menus.css"> - <link rel="stylesheet" type="text/css" href="style/themes/default/buttons.css"> - <link rel="stylesheet" type="text/css" href="style/themes/default/banner.css"> - <link rel="resource" type="application/l10n" href="shared/locales/branding.ini"> - <link rel="resource" type="application/l10n" href="locales/locales.ini"> - <link rel="resource" type="application/l10n" href="shared/locales/date.ini"> - <link rel="resource" type="application/l10n" href="shared/locales/permissions.ini"> - - <!-- include building blocks --> - <link rel="stylesheet" type="text/css" href="style/bb/value_selector.css"> - - <!-- Payment --> - <script defer src="js/payment.js"></script> - - <!-- Identity --> - <script defer src="js/identity.js"></script> - - <!-- Operator Variant Mechanism --> - <script defer src="js/operator_variant/operator_variant.js"></script> - - <!-- Crash Reporter --> - <link rel="stylesheet" type="text/css" href="style/crash_reporter/crash_reporter.css"> - <script defer src="js/crash_reporter.js"></script> - - <!-- Captive Portal Login --> - <script defer src="js/captive_portal.js"></script> - - <!-- Windows --> - <!-- Any module that wants to intercept the Home button and prevent the --> - <!-- homescreen from being displayed must come before this script. --> - <script defer src="js/window.js"></script> - <script defer src="js/window_manager.js"></script> - - <!-- Remote Debugger --> - <script defer src="js/remote_debugger.js"></script> - - <!-- Call Forwarding --> - <script defer src="js/call_forwarding.js"></script> - - <!-- z-indexes of all the overlays in the system --> - <link rel="stylesheet" type="text/css" href="style/zindex.css"> - - <style> - /* initlogo style is here to prevent flashing */ - #initlogo { - position: absolute; - overflow: hidden; - width: 100%; - height: 100%; - - background: #000 url('shared/resources/branding/initlogo.png') bottom right no-repeat; - - z-index: 65536; - - opacity: 1; - transition: opacity 1s ease 3s; - pointer-events: none; - } - - #initlogo.hide { - opacity: 0; - } - </style> - - </head> - - <body role="application"> - <div id="screen" class="locked"> - <div id="initlogo" data-z-index-level="initlogo"></div> - - <div id="statusbar" data-z-index-level="statusbar"> - <!-- Carrier & date label --> - <div id="statusbar-label" class="sb-start-upper"></div> - <!-- Notification --> - <div id="statusbar-notification" class="sb-start sb-icon sb-icon-notification" - data-num="" hidden></div> - - <!-- Time --> - <div id="statusbar-time"></div> - - <!-- Status --> - <div id="statusbar-battery" class="sb-icon sb-icon-battery" - data-level="100" charging hidden></div> - <div id="statusbar-wifi" class="sb-icon sb-icon-wifi" - data-level="4" hidden></div> - <div id="statusbar-data" class="sb-icon sb-icon-data" - data-type="" hidden></div> - <div id="statusbar-flight-mode" class="sb-icon sb-icon-flight-mode" hidden></div> - <div id="statusbar-signal" class="sb-icon sb-icon-signal" - data-level="5" hidden></div> - <div id="statusbar-headphones" class="sb-icon sb-icon-headphones" hidden></div> - - <!-- Permissions --> - <div id="statusbar-tethering" class="sb-icon sb-icon-tethering" hidden></div> - <div id="statusbar-alarm" class="sb-icon sb-icon-alarm" hidden></div> - <div id="statusbar-bluetooth" class="sb-icon sb-icon-bluetooth" hidden></div> - <div id="statusbar-mute" class="sb-icon sb-icon-mute" hidden></div> - <div id="statusbar-recording" class="sb-icon sb-icon-recording" hidden></div> - <div id="statusbar-sms" class="sb-icon sb-icon-sms" hidden></div> - <div id="statusbar-geolocation" class="sb-icon sb-icon-geolocation" hidden></div> - <div id="statusbar-usb" class="sb-icon sb-icon-usb" hidden></div> - <div id="statusbar-call-forwarding" class="sb-icon sb-icon-call-forwarding" hidden></div> - - <!-- Activity --> - <div id="statusbar-system-downloads" - class="sb-icon sb-icon-system-downloads" - hidden></div> - <div id="statusbar-network-activity" class="sb-icon sb-icon-network-activity" hidden></div> - </div> - - <div id="utility-tray" data-z-index-level="utility-tray"> - <!-- notifications --> - <div id="notification-bar"> - <span data-l10n-id="notifications">Notifications</span> - <button id="notification-clear" data-l10n-id="clear-all">Clear all</button> - </div> - - <div id="notifications-container"> - <!-- Update Manager --> - <div id="update-manager-container" class='fake-notification'> - <div class="icon"> - </div> - <div class="activity"> - </div> - <div class="message"> - </div> - </div> - <!-- App Install Manager --> - <div id="install-manager-notification-container"> - </div> - <!-- bluetooth transfer --> - <div id="bluetooth-transfer-status-list"> - </div> - - <div id="desktop-notifications-container"> - </div> - </div> - - <!-- credit module --> - <div id="cost-control-widget"></div> - - <!-- quick settings --> - <div id="quick-settings"> - <a href="#" id="quick-settings-wifi" data-enabled="false"></a> - <div class="separator"></div> - <a href="#" id="quick-settings-data" data-enabled="false"></a> - <div class="separator"></div> - <a href="#" id="quick-settings-bluetooth" data-enabled="false"></a> - <div class="separator"></div> - <a href="#" id="quick-settings-airplane-mode" data-enabled="false"></a> - <div class="separator"></div> - <a href="#" id="quick-settings-full-app" data-enabled="false"></a> - </div> - - <div id="utility-tray-grippy"> - </div> - </div> - - <div id="windows" data-z-index-level="app"> - <!-- application windows are added here --> - <header id="wrapper-activity-indicator"></header> - <footer id="wrapper-footer" class="closed"> - <div id="handler"></div> - <menu type="buttonbar"> - <button type="button" id="back-button" alt="Back" data-disabled="disabled"></button> - <button type="button" id="forward-button" alt="Forward" data-disabled="disabled"></button> - <button type="button" id="reload-button" alt="Reload"></button> - <button type="button" id="bookmark-button" alt="Bookmark" data-disabled="disabled"></button> - <button type="button" id="close-button" alt="Close"></button> - </menu> - </footer> - </div> - - <div id="dialog-overlay" data-z-index-level="dialog-overlay"> - <!-- Unlock SIM Pin dialog --> - <div id="simpin-dialog" role="dialog" data-z-index-level="simpin-dialog" hidden> - <section role="region"> - <header> - <button type="reset"> - <span data-l10n-id="close" class="icon icon-close">Close</span> - </button> - <menu type="toolbar"> - <button data-l10n-id="ok" type="submit">Done</button> - </menu> - <h1></h1> - </header> - - <div class="container"> - <div id="errorMsg" class="error" hidden> - <div id="messageHeader">The PIN was incorrect.</div> - <span id="messageBody">3 tries left.</span> - </div> - - <!-- sim pin input field --> - <div id="pinArea" hidden> - <div data-l10n-id="simPin">SIM PIN</div> - <div class="input-wrapper"> - <input name="simpin" type="number" size="8" maxlength="8" /> - <input name="simpinVis" type="text" size="8" maxlength="8" /> - </div> - </div> - <!-- sim puk input field --> - <div id="pukArea" hidden> - <div data-l10n-id="pukCode">PUK Code</div> - <div class="input-wrapper"> - <input name="simpuk" type="number" size="8" maxlength="8" /> - <input name="simpukVis" type="text" size="8" maxlength="8" /> - </div> - </div> - <!-- sim nck input field --> - <div id="nckArea" hidden> - <div data-l10n-id="nckCode">NCK Code</div> - <div class="input-wrapper"> - <input name="nckpin" type="number" size="16" maxlength="16" /> - <input name="nckpinVis" type="text" size="16" maxlength="16" /> - </div> - </div> - <!-- new sim pin input field --> - <div id="newPinArea" hidden> - <div data-l10n-id="newSimPinMsg"> - Create PIN (must contain 4 to 8 digits) - </div> - <div class="input-wrapper"> - <input name="newSimpin" type="number" size="8" maxlength="8" /> - <input name="newSimpinVis" type="text" size="8" maxlength="8" /> - </div> - </div> - <!-- confirm new sim pin input field --> - <div id="confirmPinArea" hidden> - <div>Confirm New PIN</div> - <div class="input-wrapper"> - <input name="confirmNewSimpin" type="number" size="8" maxlength="8" /> - <input name="confirmNewSimpinVis" type="text" size="8" maxlength="8" /> - </div> - </div> - </div> - </section> - </div> - - <!-- Crash reporter --> - <div id="crash-dialog"> - <form role="dialog" data-type="confirm"> - <section id="crash-dialog-contents"> - <h1 id="crash-dialog-title"></h1> - <p data-l10n-id="crash-dialog-message">Would you like to send Mozilla a report about the crash to help us fix the problem? (Reports are sent over Wi-Fi only)</p> - <p><a id="crash-info-link" data-l10n-id="crash-info-link">What's in a crash report?</a></p> - <p> - <input id="always-send" type="checkbox" checked="true"/> - <label for="always-send" data-l10n-id="crash-always-report">Always send Mozilla a report when a crash occurs.</label> - <p> - </section> - <menu> - <button id="dont-send-report" disabled="true" data-l10n-id="crash-dont-send">Don't Send</button> - <button id="send-report" class="recommend" data-l10n-id="crash-end">Send Report</button> - </menu> - </form> - - <!-- "Crash Reports" information page --> - <section role="region" class="skin-dark"> - <header> - <menu type="toolbar"> - <button id="crash-reports-done" data-l10n-id="done">Done</button> - </menu> - <h1 data-l10n-id="crashReports">Crash Reports</h1> - </header> - <p data-l10n-id="crash-reports-description-1"></p> - <p data-l10n-id="crash-reports-description-2"></p> - <p> - <span data-l10n-id="crash-reports-description-3-start"></span><span data-l10n-id="crash-reports-description-3-privacy"></span><span data-l10n-id="crash-reports-description-3-end"></span> - </p> - </section> - </div> - - <div id="popup-container"> - <section role="region" class="title-container skin-organic"> - <header> - <button id="popup-close"><span class="icon icon-close">close</span></button> - <h1 id="popup-title"></h1> - <div id="popup-throbber"></div> - </header> - </section> - <div id="frame-container"> - <div id="popup-error-dialog" role="dialog"> - <div class="inner"> - <h3 data-l10n-id="error-title" id="popup-error-title">Hmm, the app is having problems.</h3> - <p> - <span data-l10n-id="error-message" id="popup-error-message">The app has encountered an error and is not loading properly.</span> - </p> - </div> - <menu data-items="2"> - <button id="popup-error-back" data-l10n-id="close">Close</button> - <button id="popup-error-reload" data-l10n-id="try-again">Try again</button> - </menu> - </div> - </div> - </div> - - <div id="trustedui-container" class="up"> - <div id="trustedui-inner"> - <section role="region" class="title-container skin-organic"> - <header> - <button id="trustedui-close"><span class="icon icon-close">close</span></button> - <h1 id="trustedui-title"></h1> - <div id="trustedui-throbber"></div> - </header> - </section> - <div id="trustedui-frame-container"></div> - </div> - </div> - - <div id="authentication-dialog"> - <!--div id="authentication-dialog-ftp" role="dialog"> - </div--> - <div id="authentication-dialog-http-authentication" role="dialog"> - <div class="authentication-dialog-message-container inner"> - <h3 id="authentication-dialog-title"></h3> - <p> - <span id="authentication-dialog-http-authentication-message"></span> - </p> - <p> - <span data-l10n-id="username">Username</span> - <input id="authentication-dialog-http-username-input" /> - <span data-l10n-id="password">Password</span> - <input id="authentication-dialog-http-password-input" type="password" /> - </p> - </div> - <menu data-items="2"> - <button id="authentication-dialog-http-authentication-cancel" data-l10n-id="cancel">Cancel</button> - <button id="authentication-dialog-http-authentication-ok" data-l10n-id="login" class="affirmative">Login</button> - </menu> - </div> - </div> - - <div id="modal-dialog"> - <div id="modal-dialog-alert" role="dialog"> - <div class="modal-dialog-message-container inner"> - <h3 id="modal-dialog-alert-title"></h3> - <p> - <span id="modal-dialog-alert-message"></span> - </p> - </div> - <menu> - <button id="modal-dialog-alert-ok" data-l10n-id="ok" class="affirmative">OK</button> - </menu> - </div> - - <div id="modal-dialog-confirm" role="dialog"> - <div class="modal-dialog-message-container inner"> - <h3 id="modal-dialog-confirm-title"></h3> - <p> - <span id="modal-dialog-confirm-message"></span> - </p> - </div> - <menu data-items="2"> - <button id="modal-dialog-confirm-cancel" data-l10n-id="cancel">Cancel</button> - <button id="modal-dialog-confirm-ok" data-l10n-id="ok" class="affirmative">OK</button> - </menu> - </div> - - <div id="modal-dialog-prompt" role="dialog"> - <div class="modal-dialog-message-container inner"> - <h3 id="modal-dialog-prompt-title"></h3> - <p> - <span id="modal-dialog-prompt-message"></span> - <input id="modal-dialog-prompt-input" /> - </p> - </div> - <menu data-items="2"> - <button id="modal-dialog-prompt-cancel" data-l10n-id="cancel">Cancel</button> - <button id="modal-dialog-prompt-ok" data-l10n-id="ok" class="affirmative">OK</button> - </menu> - </div> - - <div id="modal-dialog-select-one" role="dialog"> - <div class="modal-dialog-message-container inner"> - <h3 id="modal-dialog-select-one-title"></h3> - <ul id="modal-dialog-select-one-menu"></ul> - </div> - <menu> - <button id="modal-dialog-select-one-cancel" data-l10n-id="cancel">Cancel</button> - </menu> - </div> - </div> <!-- end of #modal-dialog --> - - </div> <!-- end of #overlay-dialog --> - - <!-- value selector --> - <div id="value-selector" hidden data-z-index-level="value-selector"> - <!-- popup of options for select element --> - <form id="select-option-popup" role="dialog"> - <section id="value-selector-container"> - <h1 data-l10n-id="choose-option">Choose your option</h1> - <ol role="listbox"> - </ol> - </section> - <menu id="select-options-buttons"> - <button class="value-option-confirm affirmative full" data-type="ok" data-l10n-id="ok">Ok</button> - </menu> - </form> - - <!-- Time Picker --> - <div id="time-picker-popup" hidden> - <div class="table-wrapper"> - <div class="table-cell"> - <div id="picker-bar"> - <h3 data-l10n-id="select-time">Select time</h3> - <div id="picker-container"> - <div id="value-indicator-bottom"></div> - <div id="picker-bar-background"></div> - <div id="left-picker-separator"></div> - <div id="value-indicator-wrapper"> - <div id="value-indicator-hover-time">:</div> - <div id="value-indicator-hover"></div> - </div> - <div id="value-picker-hours" class="animation-on"></div> - <div id="value-picker-minutes" class="animation-on"></div> - <div id="right-picker-separator"></div> - <div id="value-picker-hour24-state" class="animation-on"></div> - <div id="picker-bar-gradient"></div> - </div> - </div> - </div> - </div> - <div id="time-picker-buttons"> - <button class="value-selector-cancel" data-type="cancel" data-l10n-id="cancel">Cancel</button> - <button class="value-selector-confirm affirmative" data-type="ok" data-l10n-id="ok">Ok</button> - </div> - </div> - - <!-- Spin Date Picker --> - <div id="spin-date-picker-popup" hidden> - <div id="spin-date-picker" class="table-wrapper"> - <div class="table-cell"> - <div class="picker-bar"> - <h3 data-l10n-id="select-day">Select day</h3> - <div class="picker-container"> - <div class="value-indicator-bottom"></div> - <div class="picker-bar-background"></div> - <div class="left-picker-separator"></div> - <div class="right-picker-separator"></div> - <div class="value-indicator-wrapper"> - <div class="value-indicator-hover"></div> - </div> - <div class="value-picker-date-wrapper"> - <div class="value-picker-date animation-on"></div> - <div class="value-picker-date animation-on"></div> - <div class="value-picker-date animation-on"></div> - <div class="value-picker-date animation-on"></div> - </div> - <div class="value-picker-month-wrapper"> - <div class="value-picker-month" class="animation-on"></div> - </div> - <div class="value-picker-year-wrapper"> - <div class="value-picker-year" class="animation-on"></div> - </div> - <div class="picker-bar-gradient"></div> - </div> - </div> - </div> - </div> - <menu id="spin-date-picker-buttons" data-items="2"> - <button class="value-selector-cancel" data-type="cancel" data-l10n-id="cancel">Cancel</button> - <button class="value-option-confirm affirmative" data-type="ok" data-l10n-id="ok">Ok</button> - </menu> - </div> - </div> - - <div id="permission-screen" data-z-index-level="permission-screen"> - <div id="permission-dialog" role="dialog"> - <div class="inner"> - <h2 id="permission-message"></h2> - <div id="permission-remember-section"> - <a data-l10n-id="remember-my-choice" id="permission-remember-label">Remember my choice</a> - <label> - <input data-type="switch" type="checkbox" id="permission-remember-checkbox" /> - <span></span> - </label> - </div> - <menu data-items="2"> - <button id="permission-no" data-l10n-id="deny">Don't allow</button> - <button id="permission-yes" class="affirmative" data-l10n-id="allow">Allow</button> - </menu> - </div> - </div> - </div> - - <form id="app-install-dialog" class='app-install-dialog' - data-type="confirm" role="dialog" - data-z-index-level="app-install-dialog"> - <section> - <h1 id="app-install-message"></h1> - <table> - <tr> - <th data-l10n-id="size">Size</th> - <td id="app-install-size"></td> - </tr> - <tr> - <th data-l10n-id="author">Author</th> - <td> - <span id="app-install-author-name"></span> - <br /><span id="app-install-author-url"></span> - </td> - </tr> - </table> - <menu> - <button id="app-install-cancel-button" data-l10n-id="cancel">Cancel</button> - <button id="app-install-install-button" class="recommend" data-l10n-id="install">Install</button> - </menu> - </section> - </form> - - <form id="app-install-cancel-dialog" class='app-install-dialog' - data-type="confirm" role="dialog" - data-z-index-level="app-install-dialog"> - <section> - <h1 data-l10n-id="cancel-install">Cancel Install</h1> - <p> - <small data-l10n-id="cancelling-will-not-refund">Cancelling will not refund a purchase. Refunds for paid content are provided by the original seller.</small> - <small data-l10n-id="apps-can-be-installed-later">Apps can be installed later from the original installation source.</small> - </p> - <p data-l10n-id="are-you-sure-you-want-to-cancel">Are you sure you want to cancel this install?</p> - <menu> - <button id="app-install-confirm-cancel-button" type="reset" data-l10n-id="cancel-install">Cancel Install</button> - <button id="app-install-resume-button" type="submit" data-l10n-id="resume">Resume</button> - </menu> - </section> - </form> - - <form id="app-download-cancel-dialog" class='app-install-dialog' - data-type="confirm" role="dialog" - data-z-index-level="app-install-dialog"> - <section> - <h1></h1> - <p data-l10n-id="app-download-can-be-restarted">The download can - be restarted later.</p> - <menu> - <button id="app-download-stop-button" class="danger confirm" - data-l10n-id="app-download-stop-button">Stop Download</button> - <button id="app-download-continue-button" class="cancel" - type="reset" data-l10n-id="continue">Continue</button> - </menu> - </section> - </form> - - <form id="updates-download-dialog" data-type="confirm" role="dialog" - data-z-index-level="updates-download-dialog" data-nowifi="false" - data-data-connection-inline-warning="false"> - <section> - <h1> - Updates - </h1> - <ul> - </ul> - </section> - <p id="updates-data-connection-warning" data-l10n-id="downloadDataConnectionWarning"> - Updates are downloaded via data connection when Wi-Fi is not available. Additional data charges may apply. - </p> - <p id="updates-offline-warning" data-l10n-id="downloadOfflineWarning"> - Connection unavailable. Connect to a network to download updates. - </p> - <menu> - <button id="updates-later-button" type="reset" - data-l10n-id="later">Later</button> - <button id="updates-download-button" type="submit" - data-l10n-id="download">Download</button> - </menu> - </form> - - <form id="updates-viaDataConnection-dialog" data-type="confirm" role="dialog" data-z-index-level="updates-viaDataConnection-dialog"> - <section> - <h1 data-l10n-id="downloadUpdatesViaDataConnection"> - Download updates via data connection? - </h1> - <p data-l10n-id="downloadUpdatesViaDataConnectionMessage"> - Updates are downloaded via data connection when Wi-Fi is not available. When using data connection, phone calls may be blocked and additional charges may also apply. - </p> - </section> - <menu> - <button id="updates-viaDataConnection-notnow-button" type="reset" data-l10n-id="notNow">Not Now</button> - <button id="updates-viaDataConnection-download-button" type="submit" data-l10n-id="download">Download</button> - </menu> - </form> - - <div id="lockscreen-camera" data-z-index-level="lockscreen-camera"></div> - - <div id="lockscreen" class="uninit" data-panel="main" data-z-index-level="lockscreen"> - <div id="lockscreen-container"> - <div id="lockscreen-panel-main" class="lockscreen-panel" data-wallpaper> - <div id="lockscreen-header"> - <div id="lockscreen-connstate" hidden><span></span><span></span></div> - <div id="lockscreen-mute" hidden></div> - <div class="lockscreen-clock"> - <span id="lockscreen-clock-numbers"></span> - <span id="lockscreen-clock-meridiem"></span> - </div> - <div id="lockscreen-date"></div> - </div> - <div id="notifications-lockscreen-container"> - </div> - <div id="lockscreen-area"></div> - <div id="lockscreen-icon-container"> - <div id="lockscreen-area-handle"></div> - <div id="lockscreen-area-camera" class="lockscreen-icon-area lockscreen-icon-left"> - <div class="lockscreen-icon"> - <div id="lockscreen-accessibility-camera" role="button" class="lockscreen-icon-a11y-button" data-l10n-id="camera-a11y-button" aria-label="Camera"></div> - </div> - </div> - <div id="lockscreen-area-unlock" class="lockscreen-icon-area lockscreen-icon-right"> - <div class="lockscreen-icon"> - <div id="lockscreen-accessibility-unlock" role="button" class="lockscreen-icon-a11y-button" data-l10n-id="unlock-a11y-button" aria-label="Unlock"></div> - </div> - </div> - </div> - </div> - - <div id="lockscreen-panel-passcode" class="lockscreen-panel" data-wallpaper> - <h2 id="lockscreen-passcode-status" data-l10n-id="enter-security-code">Enter Security Code</h2> - <p id="lockscreen-passcode-code"><span></span><span></span><span></span><span></span></p> - <div id="lockscreen-passcode-pad"> - <a role="button" href="#" data-key="1">1<span>.<span></a> - <a role="button" href="#" data-key="2">2<span>ABC<span></a> - <a role="button" href="#" data-key="3">3<span>DEF<span></a> - <a role="button" href="#" data-key="4">4<span>GHI<span></a> - <a role="button" href="#" data-key="5">5<span>JKL<span></a> - <a role="button" href="#" data-key="6">6<span>MNO<span></a> - <a role="button" href="#" data-key="7">7<span>PQRS<span></a> - <a role="button" href="#" data-key="8">8<span>TUV<span></a> - <a role="button" href="#" data-key="9">9<span>WXYZ<span></a> - <a role="button" href="#" data-key="e" data-l10n-id="emergency-call-button" class="lockscreen-passcode-pad-func last-row">Emergency Call</a> - <a role="button" href="#" data-key="0" class="last-row">0</a> - <a role="button" href="#" data-key="c" data-l10n-id="cancel" class="lockscreen-passcode-pad-func last-row">Cancel</a> - <a role="button" href="#" data-key="b" class="last-row">⌫</a> - </div> - </div> - - <div id="lockscreen-panel-emergency-call" class="lockscreen-panel"></div> - </div> - </div> - - <div id="attention-screen" data-z-index-level="attention-screen"> - <div id="attention-bar"></div> - </div> - - <div id="update-manager-toaster" data-z-index-level="notification-toaster"> - <div class="icon"> - </div> - <div class="message"> - </div> - </div> - - <div id="notification-toaster" data-z-index-level="notification-toaster"> - <img id="toaster-icon" /> - <div id="toaster-title"></div> - <div id="toaster-detail"></div> - </div> - - <div id="listmenu" data-z-index-level="list-menu" role="dialog"> - <menu class="actions"> - </menu> - </div> - - <!-- keyboard --> - <div id="keyboard-frame" class="hide" data-z-index-level="keyboard-frame"></div> - - <div id="cards-view" data-z-index-level="cards-view"> - <ul> - </ul> - </div> - - <div id="sleep-menu" data-z-index-level="sleep-menu"> - <div id="sleep-menu-container"> - <h3 data-l10n-id="deviceMenu">Device menu</h3> - <ul> - </ul> - </div> - <menu> - <button data-l10n-id="cancel">Cancel</button> - </menu> - </div> - - <section id="system-banner" role="dialog" class="banner" - data-z-index-level="system-notification-banner" data-button="false"> - <p></p> - <button></button> - </section> - - <div id="system-overlay" data-z-index-level="system-overlay"> - <div id="battery"> - <span class="icon-battery"></span> - <span class="battery-notification" data-l10n-id="battery-almost-empty">Battery almost empty</span> - </div> - - <div id="volume" class="vibration"> - <span class="vibration"></span> - <span class="mute-state"></span> - <div class="active"></div> - <div class="active"></div> - <div class="active"></div> - <div class="active"></div> - <div class="active"></div> - <div></div> - <div></div> - <div></div> - <div></div> - <div></div> - <div></div> - <div></div> - <div></div> - <div></div> - <div></div> - <span class="volume"></span> - </div> - </div> - - </div> <!-- end of #screen --> + <body> + Screen </body> </html> |