diff options
Diffstat (limited to 'apps/system/index.html')
-rw-r--r-- | apps/system/index.html | 896 |
1 files changed, 896 insertions, 0 deletions
diff --git a/apps/system/index.html b/apps/system/index.html new file mode 100644 index 0000000..731a3f3 --- /dev/null +++ b/apps/system/index.html @@ -0,0 +1,896 @@ +<!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> +</html> |