VulpesOS/gaia/apps/system/index.html
OverSu b38dea0597 Publish Vulpes Preview 15 sources for desktop, Android and Tundra
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
2026-09-30 23:13:03 +02:00

838 lines
43 KiB
HTML
Executable file

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style/system/initlogo.css">
<!-- Shared code -->
<script src="shared/js/l10n.js"></script>
<script src="shared/js/moz_intl.js"></script>
<script src="shared/js/dump.js"></script>
<link rel="resource" type="image/png" href="shared/resources/branding/browser_84.png"/>
<link rel="resource" type="image/png" href="shared/resources/branding/browser_126.png"/>
<!-- applications.js must not be deferred
in order to catch webapps-registry-ready mozChromeEvent -->
<script src="js/applications.js"></script>
<!-- Not deferring the following to show startup logo/animation as soon as possible. -->
<link rel="stylesheet" type="text/css" href="style/battery_overlay/battery_overlay.css">
<link rel="stylesheet" type="text/css" href="style/wrapper/wrapper.css">
<link rel="stylesheet" type="text/css" href="style/chrome/chrome.css">
<link rel="stylesheet" href="shared/elements/gaia_overflow_menu/style/external.css">
<link rel="stylesheet" type="text/css" href="style/definitions.css">
<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/system/global-overlays.css">
<link rel="stylesheet" type="text/css" href="style/ime_menu.css">
<link rel="stylesheet" type="text/css" href="shared/style/confirm.css"/>
<link rel="stylesheet" type="text/css" href="shared/style/input_areas.css">
<link rel="stylesheet" type="text/css" href="shared/style/value_selector.css">
<link rel="stylesheet" type="text/css" href="shared/style/date_selector.css">
<link rel="stylesheet" type="text/css" href="shared/style/time_selector.css">
<link rel="stylesheet" type="text/css" href="shared/style/object_menu.css">
<link rel="stylesheet" type="text/css" href="shared/elements/gaia_progress/style/external.css">
<link rel="stylesheet" type="text/css" href="app://theme.gaiamobile.org/shared/elements/gaia-theme/gaia-theme.css">
<link rel="stylesheet" type="text/css" href="shared/elements/gaia-icons/gaia-icons.css">
<link rel="stylesheet" type="text/css" href="style/fake-notification.css"/>
<link rel="stylesheet" type="text/css" href="style/view_source.css"/>
<link rel="stylesheet" type="text/css" href="style/tracking_notice/tracking_notice.css"/>
<script defer src="shared/elements/config.js"></script>
<script defer src="shared/js/component_utils.js"></script>
<!-- <script defer src="/shared/js/addons/match_pattern.js"></script> -->
<!-- <script defer src="/shared/js/homescreens/confirm_dialog_helper.js"></script> -->
<!-- <script defer src="/shared/js/gzip/gzip.js"></script> -->
<!-- <script defer src="/shared/js/gzip/gzip_worker.js"></script> -->
<!-- <script defer src="/shared/js/gzip/gzip.min.js"></script> -->
<!-- <script defer src="/shared/elements/gaia_confirm/script.js"></script> -->
<!-- <script defer src="/shared/elements/gaia_menu/script.js"></script> -->
<!-- <script defer src="/shared/elements/gaia_switch/script.js"></script> -->
<!-- <script defer src="shared/elements/gaia-dialog/gaia-dialog.js"></script> -->
<!-- <script defer src="shared/elements/gaia-button/gaia-button.js"></script> -->
<!-- <script defer src="shared/elements/gaia-text-input/gaia-text-input.js"></script> -->
<script defer src="shared/elements/gaia_buttons/script.js"></script>
<script defer src="shared/elements/gaia_checkbox/script.js"></script>
<script defer src="shared/elements/gaia_progress/script.js"></script>
<script defer src="shared/elements/gaia_subheader/script.js"></script>
<script defer src="shared/elements/gaia_grid/js/grid_icon_renderer.js"></script>
<script defer src="shared/js/homescreens/icon.js"></script>
<script defer src="shared/elements/gaia_pin_card/script.js"></script>
<script defer src="shared/elements/gaia-header/dist/gaia-header.js"></script>
<!-- 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/initlogo_large.png"/>
<link rel="resource" type="audio/ogg" href="shared/resources/media/ringtones/ringer_firefox.opus"/>
<link rel="resource" type="audio/ogg" href="shared/resources/media/notifications/notifier_firefox.opus"/>
-->
<link rel="resource" type="image/png" href="shared/resources/branding/browser_84.png"/>
<link rel="resource" type="image/png" href="shared/resources/branding/browser_126.png"/>
<link rel="stylesheet" type="text/css" href="style/ttlview/ttlview.css">
<link rel="stylesheet" type="text/css" href="style/accessibility/accessibility.css">
<link rel="stylesheet" type="text/css" href="style/sleep_menu/sleep_menu.css">
<link rel="stylesheet" type="text/css" href="style/utility_tray/utility_tray.css">
<link rel="stylesheet" type="text/css" href="shared/style/action_menu.css">
<link rel="stylesheet" type="text/css" href="style/action_menu/action_menu_extended.css">
<link rel="stylesheet" type="text/css" href="style/date_selector/date_selector_extended.css">
<link rel="stylesheet" type="text/css" href="style/time_selector/time_selector_extended.css">
<link rel="stylesheet" type="text/css" href="style/statusbar/statusbar.css">
<link rel="stylesheet" type="text/css" href="style/software_button_manager/software_button_manager.css">
<link rel="stylesheet" type="text/css" href="style/icc.css">
<link rel="stylesheet" type="text/css" href="style/textselection_dialog/textselection_dialog.css">
<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">
<link rel="stylesheet" type="text/css" href="style/authentication_dialog.css">
<link rel="stylesheet" type="text/css" href="style/value_selector/value_selector.css">
<link rel="stylesheet" type="text/css" href="style/trusted_ui/trusted_ui.css">
<link rel="stylesheet" type="text/css" href="style/permission_manager/permission_manager.css">
<link rel="stylesheet" type="text/css" href="style/app_install_manager/app_install_manager.css">
<link rel="stylesheet" type="text/css" href="style/cost_control/cost_control.css">
<link rel="stylesheet" type="text/css" href="style/quick_settings/quick_settings.css">
<link rel="stylesheet" type="text/css" href="style/media_playback/media_playback.css">
<link rel="stylesheet" type="text/css" href="style/notifications/notifications.css">
<link rel="stylesheet" type="text/css" href="style/notifications/downloads.css">
<link rel="stylesheet" type="text/css" href="style/cards_view/cards_view.css">
<link rel="stylesheet" type="text/css" href="style/bluetooth_transfer/bluetooth_transfer.css">
<link rel="stylesheet" type="text/css" href="style/update_manager/update_manager.css">
<link rel="stylesheet" type="text/css" href="style/media_recording/media_recording.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">
<meta name="defaultLanguage" content="en-US">
<meta name="availableLanguages" content="en-US">
<link rel="localization" href="/shared/locales/branding/branding.{locale}.properties">
<link rel="localization" href="locales/system.{locale}.properties">
<link rel="localization" href="locales/accessibility.{locale}.properties">
<link rel="localization" href="/shared/locales/date/date.{locale}.properties">
<link rel="localization" href="/shared/locales/permissions/permissions.{locale}.properties">
<link rel="localization" href="/shared/locales/download/download.{locale}.properties">
<link rel="localization" href="/shared/locales/voicemail/voicemail.{locale}.properties">
<link rel="localization" href="/shared/locales/lockscreen/lockscreen.{locale}.properties">
<link rel="localization" href="/shared/locales/activities/activities.{locale}.properties">
<link rel="localization" href="/shared/elements/gaia_menu/locales/gaia_menu.{locale}.properties">
<link rel="localization" href="/shared/elements/gaia_progress/locales/gaia_progress.{locale}.properties">
<link rel="localization" href="/shared/locales/shrinking_ui/shrinking_ui.{locale}.properties">
<link rel="stylesheet" type="text/css" href="style/crash_reporter/crash_reporter.css">
<link rel="stylesheet" type="text/css" href="style/browser_frame/browser_frame.css">
<link rel="stylesheet" type="text/css" href="style/emergency_callback_manager/emergency_callback_manager.css">
<link rel="stylesheet" type="text/css" href="shared/style/shrinking_ui.css">
<link rel="stylesheet" type="text/css" href="style/window_layout.css">
<link rel="stylesheet" type="text/css" href="style/window.css">
<link rel="stylesheet" type="text/css" href="style/app_titlebar.css">
<link rel="stylesheet" type="text/css" href="style/edges/edges.css">
<link rel="stylesheet" type="text/css" href="style/entry_sheet/entry_sheet.css">
<link rel="stylesheet" type="text/css" href="style/devtools/developer_hud.css">
<link rel="stylesheet" type="text/css" href="style/devtools/devtools_auth.css">
<link rel="stylesheet" type="text/css" href="style/zindex.css">
<link rel="stylesheet" type="text/css" href="style/storage_watcher/storage_watcher.css">
<link rel="stylesheet" type="text/css" href="style/rocketbar/rocketbar.css">
<link rel="stylesheet" type="text/css" href="style/pin_page_system_dialog.css">
<link rel="stylesheet" type="text/css" href="style/simcard.css">
<link rel="stylesheet" type="text/css" href="style/nfcconnect.css">
<link rel="stylesheet" type="text/css" href="style/firefox_account/firefox_account_container.css">
<link rel="stylesheet" type="text/css" href="style/mobileid/mobileid.css">
<script defer src="js/clock.js"></script>
<!--Shared
<!-- Lazy loaded shared --
<script defer src="shared/js/settings_listener.js"></script>
<script defer src="shared/js/async_storage.js"></script>
<script defer src="shared/js/manifest_helper.js"></script>
<script defer src="shared/js/web_manifest_helper.js"></script>
<script defer src="shared/js/findmydevice_iac_api.js"></script>
<script defer src="shared/js/settings_helper.js"></script>
<script defer src="shared/js/default_activity_helper.js"></script>
<script defer src="shared/js/async_semaphore.js"></script>
<script defer src="shared/js/custom_dialog.js"></script>
<script defer src="shared/js/screen_layout.js"></script>
<script defer src="shared/js/mobile_operator.js"></script>
<script defer src="shared/js/utilities.js"></script>
<script defer src="shared/js/sanitizer.js"></script>
<script defer src="shared/js/settings_url.js"></script>
<script defer src="shared/js/version_helper.js"></script>
<script defer src="shared/js/telemetry.js"></script>
<script defer src="shared/js/idletimer.js"></script>
<script defer src="shared/js/event_safety.js"></script>
<script defer src="shared/js/notification_helper.js"></script>
<script defer src="shared/js/nfc_utils.js"></script>
<script defer src="shared/js/shrinking_ui.js"></script>
<script defer src="shared/js/operator_variant_helper.js"></script>
<script defer src="/shared/js/icc_helper.js">
<script defer src="/shared/js/simslot.js">
<script defer src="/shared/js/simslot_manager.js">
<script defer src="/shared/js/stk_helper.js">
<script defer src="/shared/js/mime_mapper.js">
<script defer src="/shared/js/advanced_timer.js">
<script defer src="/shared/js/iac_handler.js">
<script defer src="/shared/js/apn_helper.js">
<script defer src="/shared/js/input_mgmt/input_app_list.js">
<script defer src="/shared/js/keyboard_helper.js">
<script defer src="/shared/js/bookmarks_database.js">
<script defer src="/shared/elements/gaia_overflow_menu/script.js">
<script defer src="/shared/elements/gaia-component/gaia-component.js"></script>
<script defer src="/shared/elements/gaia-toast/gaia-toast.js"></script>
<script defer src="/shared/elements/gaia-site-icon/script.js"></script>
<script defer src="/shared/js/homescreens/confirm_dialog_helper.js">
<script defer src="/shared/js/image_utils.js">
<script defer src="/shared/js/uuid.js">
<script defer src="/shared/js/basket_client.js">
<script defer src="/shared/js/download/download_helper.js">
<script defer src="/shared/js/download/download_ui.js">
<script defer src="/shared/js/download/download_formatter.js">
<script defer src="/shared/js/download/download_store.js">
<script defer src="shared/js/web_manifest_helper.js"></script>
<script defer src="/shared/js/icons_helper.js">
<script defer src="shared/js/url_helper.js"></script>
<script defer src="shared/js/date_time_helper.js"></script>
<script defer src="shared/js/input_parser.js"></script>
<script defer src="shared/js/lockscreen_slide.js"></script>
<script defer src="shared/js/lockscreen_connection_info_manager.js"></script>
<script defer src="shared/js/achievements-service.js"></script>
<script defer src="/shared/js/passcode_helper.js"></script>
<script defer src="/shared/js/sync/errors.js"></script>
<script defer src="/shared/js/sync/telemetry.js"></script>
<script defer src="/shared/js/advanced_telemetry_helper.js"></script>
-->
</head>
<body class="theme-settings" role="application">
<div id="screen" aria-hidden="true">
<div id="os-logo" data-z-index-level="initlogo">
<div id="carrier-logo"></div>
</div>
<!-- Statusbar -->
<div id="statusbar" data-z-index-level="statusbar">
<div id="statusbar-wrapper">
<!-- Statusbar icons -->
<div id="statusbar-icons" class="statusbar" role="group" data-l10n-id="statusbar" aria-describedby="ambient-indicator">
</div>
</div>
</div>
<div id="windows" data-z-index-level="app">
<!-- application windows are added here -->
</div>
<!-- Rocketbar-->
<div id="rocketbar" data-z-index-level="statusbar">
<form id="rocketbar-form" class="hidden">
<input id="rocketbar-input" type="search" x-inputmode="verbatim"
placeholder="Search or enter address" data-l10n-id="search-or-enter-address" value="" />
<button type="button" id="rocketbar-clear" data-l10n-id="clear" aria-label="Clear"></button>
<button type="button" id="rocketbar-cancel" data-l10n-id="close"></button>
</form>
</div>
<!-- Rocketbar Results -->
<div id="rocketbar-backdrop" class="hidden"
data-z-index-level="rocketbar-backdrop">
</div>
<div id="rocketbar-results" class="hidden" data-z-index-level="rocketbar-results"></div>
<div id="utility-tray-motion" data-z-index-level="utility-tray" class="tray utility-tray-loading">
<div class="tray-content" aria-hidden="true" id="utility-tray">
<!-- Notifications -->
<div id="utility-tray-notifications" data-l10n-id="utilityTray" role="dialog" aria-label="Utility tray" data-z-index-level="utility-tray-notifications">
<div id="statusbar-tray">
</div>
<div id="notification-bar" class="fake-notification">
<div data-icon="notifications" aria-hidden="true"></div>
<div class="title-container">
<div id="notification-some" class="title" data-l10n-id="statusbarNotifications" data-l10n-args='{"n": "0"}'></div>
<button id="notification-clear" data-l10n-id="clear-all" disabled></button>
</div>
</div>
<div id="notifications-nested-scroll-interceptor">
<div id="notifications-container">
<!-- Attention Windows -->
<div id="attention-window-notifications-container"></div>
<!-- Update Manager -->
<div id="update-manager-container" class="fake-notification" role="link">
<div data-icon="download-circle" aria-hidden="true"></div>
<div class="title-container"></div>
<progress></progress>
</div>
<!-- Emergency callback manager -->
<div id="emergency-callback-notification" class="fake-notification" hidden role="link">
<div data-icon="call-emergency" class="alert" aria-hidden="true"></div>
<div class="title-container" data-l10n-id="emergency-callback-mode"></div>
<div class="timer detail"></div>
</div>
<!-- Storage watcher notification -->
<div id="storage-watcher-container" class="fake-notification" role="link">
<div data-icon="storage-circle" aria-hidden="true"></div>
<div class="title-container"></div>
<div class="detail"></div>
</div>
<!-- App install manager notification -->
<div id="install-manager-notification-container">
</div>
<!-- Bluetooth transfer -->
<div id="bluetooth-transfer-status-list">
</div>
<!-- IME list -->
<div id="keyboard-show-ime-list">
<div class="fake-notification" role="link">
<div data-icon="keyboard-circle" aria-hidden="true"></div>
<div class="title-container"></div>
<div class="detail" data-l10n-id="ime-switching-tip"></div>
</div>
</div>
<!-- Media recording status -->
<div id="media-recording-status-list" role="list">
</div>
<!-- Notifications container -->
<div id="desktop-notifications-container">
<div class="priority-notifications"></div>
<div class="other-notifications"></div>
</div>
</div>
</div>
</div>
<div id="tray-footer-container" class="tray-footer">
<div id="utility-tray-footer" class="animate-out">
<!-- Media playback notification -->
<div id="media-playback-container" class="media-playback-container fake-notification" hidden>
<div class="media-playback-nowplaying">
<bdi class="track" data-l10n-id="mediaPlaybackTrack"></bdi>
</div>
<div class="media-playback-controls" role="toolbar" data-l10n-id="mediaPlaybackControls">
<!-- XXX: These used to be button elements for prev/pause/next buttons but we are not able to receive contextmenu event from them. Change to div elements to make it work and able to fast seek from it (Bug 1017294) -->
<div data-icon="skip-back" class="previous" data-l10n-id="mediaPlaybackPrevious"></div>
<div data-icon="play" class="play-pause" data-l10n-id="mediaPlaybackPlay"></div>
<div data-icon="skip-forward" class="next" data-l10n-id="mediaPlaybackNext"></div>
</div>
</div>
<!-- Credit module -->
<div id="cost-control-widget">
<div id="cost-control-touch-overlay"></div>
</div>
<!-- Quick settings -->
<div id="quick-settings" role="toolbar">
<ul>
<li><a href="#" id="quick-settings-wifi" class="icon bb-button" data-icon="wifi-4" role="button" data-l10n-id="quick-settings-wifiButton-off"></a></li>
<li><a href="#" id="quick-settings-airplane-mode" class="icon bb-button" data-icon="airplane" role="button" data-l10n-id="quick-settings-airplaneMode-off"></a></li>
<li><a href="#" id="quick-settings-bluetooth" class="icon bb-button" data-icon="bluetooth" role="button" data-l10n-id="quick-settings-bluetoothButton-off"></a></li>
<li><a href="#" id="quick-settings-data" class="icon bb-button" data-icon="data" role="button" data-l10n-id="quick-settings-dataButton-off"></a></li>
<li><a href="#" id="quick-settings-full-app" class="icon bb-button" data-icon="settings" role="button" data-l10n-id="settingsButton"></a></li>
</ul>
</div>
</div>
<div id="utility-tray-grippy"></div>
</div>
</div>
<div class="ambient-indicator" id="ambient-indicator" data-z-index-level="notification-toaster">
<div class="handle handle1"></div>
<div class="handle handle2"></div>
</div>
<div id="tray-invisible-gripper">
</div>
<div class="tray-dead-area"></div>
</div>
<!-- XXX: Before we can make LockScreen as a iframe or app, we need this to split LockScreen and System part in this way (Bug 1057198) -->
<div id="lockscreen-frame-placeholder"></div>
<!-- This overlay is used for dialogs that need to be in top of the statusbar, but below
other divs like the lockscreen or sleep-menu -->
<div id="fullscreen-dialog-overlay" data-z-index-level="fullscreen-dialog-overlay"></div>
<div id="dialog-overlay" data-z-index-level="dialog-overlay">
<!-- Unlock SIM Pin dialog -->
<!-- Add the dialog via SystemDialog dynamically. -->
<!-- Crash reporter -->
<div id="crash-dialog">
<form role="dialog" class="generic-dialog" data-type="confirm">
<section id="crash-dialog-contents">
<h1 id="crash-dialog-title"></h1>
<p data-l10n-id="crash-dialog-message"></p>
<p><a id="crash-info-link" data-l10n-id="crash-info-link"></a></p>
<p>
<input id="always-send" type="checkbox" checked="true" />
<label for="always-send" data-l10n-id="crash-always-report"></label>
<p>
</section>
<menu data-items="2">
<button id="dont-send-report" disabled="true" data-l10n-id="crash-dont-send"></button>
<button id="send-report" class="recommend" data-l10n-id="crash-end"></button>
</menu>
</form>
<!-- "Crash Reports" information page -->
<section role="region">
<gaia-header id="crash-reports-header" action="close">
<h1 data-l10n-id="crashReports"></h1>
</gaia-header>
<div>
<ul>
<li class="description" data-l10n-id="crash-reports-description-1"></li>
<li class="description" data-l10n-id="crash-reports-description-2"></li>
<li class="description">
<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>
</li>
</ul>
</div>
</section>
</div>
<div id="trustedui-container" class="up theme-settings">
<div id="trustedui-inner">
<section role="region" class="title-container skin-organic">
<gaia-header id="trustedui-header" action="close">
<h1 id="trustedui-title"></h1>
</gaia-header>
<div id="trustedui-throbber"></div>
</section>
<div id="trustedui-frame-container">
<div id="trustedui-error-dialog" role="dialog" class="generic-dialog">
<div class="inner">
<h3 id="trustedui-error-title">Error</h3>
<p>
<span id="trustedui-error-message">The app has encountered an error.</span>
</p>
</div>
<menu data-items="1">
<button id="trustedui-error-close" data-l10n-id="close">Close</button>
</menu>
</div>
</div>
</div>
</div>
<!-- Firefox Account Dialog -->
<!-- <div id="fxa-dialog"></div> Add the dialog via SystemDialog dynamically. -->
<!-- Mobile ID -->
<!-- <div id="mobileid-dialog"></div> Add the dialog via SystemDialog dynamically. -->
<div id="modal-dialog">
<div id="modal-dialog-alert" role="dialog" class="generic-dialog" tabindex="-1">
<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"></button>
</menu>
</div>
<div id="modal-dialog-confirm" role="dialog" class="generic-dialog" tabindex="-1">
<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"></button>
</menu>
</div>
<div id="modal-dialog-prompt" role="dialog" class="generic-dialog" tabindex="-1">
<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"></button>
</menu>
</div>
<div id="modal-dialog-select-one" role="dialog" class="generic-dialog" tabindex="-1">
<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 -->
<div id="permission-screen" data-z-index-level="permission-screen">
<div id="permission-dialog" role="dialog" class="generic-dialog">
<div class="inner">
<h1 id="permission-title"></h1>
<h2 id="permission-message"></h2>
<div id="permission-more-info" class="hidden">
<a id="permission-more-info-link" data-l10n-id="more-info" href="#"></a>
<a id="permission-hide-info-link" data-l10n-id="hide-info" href="#" class="hidden"></a>
<div id="permission-more-info-box" class="hidden"> </div>
</div>
<div id="permission-remember-section">
<gaia-checkbox id="permission-remember-checkbox" class="inline">
<label data-l10n-id="remember-my-choice" id="permission-remember-label"></label>
</label>
</div>
<div id="permission-device-selector"></div>
<ul id="permission-devices">
</ul>
<menu id="permission-buttons" data-items="2">
<button id="permission-no"></button>
<button id="permission-yes" class="affirmative"></button>
</menu>
</div>
</div>
</div>
<div id="app-uninstall-dialog" data-z-index-level="app-uninstall-dialog">
</div>
<form id="app-install-dialog" class="app-install-dialog generic-dialog"
data-type="confirm" role="dialog"
data-z-index-level="app-install-dialog">
<section>
<h1 id="app-install-message"></h1>
<dl>
<dt data-l10n-id="size">Size</dt>
<dd id="app-install-size"></dd>
<dt data-l10n-id="author">Author</dt>
<dd>
<div id="app-install-author-name"></div>
<div id="app-install-author-url"></div>
</dd>
</dl>
<div id="system-addon-warning" hidden>
<div id="system-addon-icon">
<img src="style/app_install_manager/images/alert-icon.svg" />
</div>
<p data-l10n-id="addon-affects-system"></p>
<p data-l10n-id="addon-disable-instructions2"></p>
</div>
</section>
<menu data-items="2">
<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>
</form>
<form id="app-install-cancel-dialog" class="app-install-dialog generic-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>
</section>
<menu data-items="2">
<button id="app-install-confirm-cancel-button" type="reset" data-l10n-id="cancel-install-button">Cancel Install</button>
<button id="app-install-resume-button" type="submit" data-l10n-id="resume">Resume</button>
</menu>
</form>
<form id="app-download-cancel-dialog" class="app-install-dialog generic-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>
</section>
<menu data-items="2">
<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>
</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" class="generic-dialog">
<section>
<h1>
Updates
</h1>
<ul>
</ul>
</section>
<menu data-items="2">
<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="emergency-callback-dialog" role="dialog" data-type="confirm"
data-z-index-level="emergency-callback-dialog" class="generic-dialog" hidden>
<section>
<h1 data-l10n-id="confirm">Confirm</h1>
<p id="emergency-callback-dialog-wrapper">
<img id="emergency-callback-icon"/>
<strong data-l10n-id="emergency-callback-mode">Emergency call back mode</strong>
<small id="emergency-callback-timer"></small>
</p>
<p data-l10n-id="emergency-callback-message">You can not make calls, send messages or go online because emergency callback mode is enabled. Would you like to turn it off?</p>
</section>
<menu data-items="2">
<button type="reset" id="emergency-callback-stay-button" data-l10n-id="cancel">Cancel</button>
<button class="recommend" type="button" id="emergency-callback-exit-button" data-l10n-id="ok">OK</button>
</menu>
</form>
<form id="updates-viaDataConnection-dialog" data-type="confirm" role="dialog" data-z-index-level="updates-viaDataConnection-dialog" class="generic-dialog">
<section>
<h1 data-l10n-id="downloadUpdatesViaDataConnection">
Download updates via data connection?
</h1>
<p data-l10n-id="downloadUpdatesViaDataConnectionMessage3">
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 data-items="2">
<button id="updates-viaDataConnection-notnow-button" type="reset" data-l10n-id="notNow">Not Now</button>
<button id="updates-viaDataConnection-download-button" class="recommend" type="submit" data-l10n-id="download">Download</button>
</menu>
</form>
<form id="setup-installed-app-dialog" class="setup-installed-app-dialog"
data-type="confirm" role="dialog"
data-z-index-level="setup-installed-app-dialog">
<section>
<h1 id="setup-app-name"></h1>
<p id="setup-app-description"></p>
</section>
<menu data-items="2">
<button id="setup-cancel-button" type="button" data-l10n-id="later">Later</button>
<button id="setup-confirm-button" class="recommend" type="button" data-l10n-id="setup">Setup</button>
</menu>
</form>
<form id="ime-layout-dialog" class="ime-layout-dialog"
data-type="confirm" role="dialog"
data-z-index-level="ime-layout-dialog">
<section>
<h1 data-l10n-id="ime-addkeyboards">Add keyboards</h1>
<ul id="ime-list">
</ul>
</section>
<menu data-items="2">
<button id="ime-cancel-button" type="button" data-l10n-id="cancel">Cancel</button>
<button id="ime-confirm-button" class="recommend" type="button" data-l10n-id="confirm">Confirm</button>
</menu>
</form>
<form data-type="confirm" role="dialog" id="quick-setting-data-enabled-dialog" class="generic-dialog" data-z-index-level="quick-setting-data-enabled-dialog">
<section>
<h1 data-l10n-id="data-roaming-enabled-title"></h1>
<p data-l10n-id="data-roaming-enabled-warning2"></p>
</section>
<menu data-items="2">
<button type="button" class="quick-setting-data-cancel-btn recommend" data-l10n-id="notNow"></button>
<button type="button" class="quick-setting-data-ok-btn" data-l10n-id="turnOn"></button>
</menu>
</form>
<div id="update-manager-toaster" data-z-index-level="notification-toaster" aria-live="assertive" aria-atomic="true">
<div class="icon">
</div>
<div class="message">
</div>
</div>
<div id="emergency-callback-toaster" data-z-index-level="notification-toaster" hidden role="link" aria-live="assertive" aria-atomic="true">
<div class="icon">
</div>
<div class="message" data-l10n-id="emergency-callback-mode">
</div>
<div class="timer">
</div>
</div>
<div id="notification-toaster" data-z-index-level="notification-toaster" role="link" aria-live="assertive" aria-atomic="true" class="notification-toaster">
<img id="toaster-icon" role="presentation" class="toaster-icon"/>
<div id="notification-container">
<div id="toaster-title" class="toaster-title" dir="auto"></div>
<div id="toaster-detail" class="toaster-detail" dir="auto"></div>
</div>
</div>
<!-- keyboard -->
<div id="keyboards" data-z-index-level="keyboards"></div>
<!-- Global overlays -->
<div id="global-overlays" data-z-index-level="global-overlays"></div>
<!-- cards view -->
<div id="task-manager" data-z-index-level="cards-view">
<div id="cards-view">
<ul id="cards-list"></ul>
<span id="cards-no-recent-windows" class="no-recent-apps" data-l10n-id="no-recent-app-windows"></span>
</div>
<div id="task-manager-buttons">
<button id="task-manager-new-private-sheet-button"></button>
<button id="task-manager-new-sheet-button"></button>
</div>
</div>
<!-- icc / stk -->
<div id="icc-view" class="generic-dialog" data-z-index-level="icc-view" role="dialog">
<section role="region" class="skin-organic" id="icc-alert" data-icons="false">
<gaia-header>
<h1 id="icc-alert-maintitle" data-l10n-id="icc-message-maintitle"></h1>
</gaia-header>
<gaia-subheader skin="organic"><span id="icc-alert-subtitle"></span></gaia-subheader>
<span id="icc-alert-icons" class="icons"></span>
<p id="icc-alert-msg"></p>
<menu>
<button type="button" data-l10n-id="close" id="icc-alert-btn" class="recommend full"></button>
</menu>
</section>
<section role="region" class="skin-organic" id="icc-confirm" data-icons="false">
<gaia-header id="icc-confirm-header" action="back">
<h1 id="icc-confirm-maintitle" data-l10n-id="icc-message-maintitle"></h1>
</gaia-header>
<gaia-subheader><span id="icc-confirm-subtitle"></span></gaia-subheader>
<span id="icc-confirm-icons" class="icons"></span>
<p id="icc-confirm-msg"></p>
<menu data-items="2">
<button type="button" data-l10n-id="close" id="icc-confirm-btn_close"></button>
<button type="button" data-l10n-id="ok" id="icc-confirm-btn" class="recommend"></button>
</menu>
</section>
<section role="region" class="skin-organic" id="icc-asyncconfirm" data-icons="false">
<gaia-header>
<h1 id="icc-asyncconfirm-maintitle" data-l10n-id="icc-message-maintitle"></h1>
</gaia-header>
<gaia-subheader skin="organic">
<span id="icc-asyncconfirm-subtitle"></span>
</gaia-subheader>
<span id="icc-asyncconfirm-icons" class="icons"></span>
<p id="icc-asyncconfirm-msg"></p>
<menu data-items="2">
<button type="button" data-l10n-id="no" id="icc-asyncconfirm-btn-no"></button>
<button type="button" data-l10n-id="yes" id="icc-asyncconfirm-btn-yes" class="recommend"></button>
</menu>
</section>
<section role="region" class="skin-organic" id="icc-input" data-icons="false">
<gaia-header id="icc-input-header" action="back">
<h1 id="icc-input-maintitle" data-l10n-id="icc-message-maintitle"></h1>
<button type="button" data-l10n-id="help" id="icc-input-btn_help"></button>
</gaia-header>
<gaia-subheader skin="organic"><span id="icc-input-subtitle"></span></gaia-subheader>
<form>
<span id="icc-input-icons" class="icons"></span>
<p id="icc-input-msg"></p>
<input id="icc-input-box" required="" type="text" dir="auto" />
</form>
<menu>
<button type="button" data-l10n-id="close" id="icc-input-btn_close"></button>
<span class="yesnodisabled">
<button type="button" data-l10n-id="ok" id="icc-input-btn" class="recommend"></button>
</span>
<span class="yesnoenabled">
<button type="button" data-l10n-id="no" id="icc-input-btn_no"></button>
<button type="button" data-l10n-id="yes" id="icc-input-btn_yes" class="recommend"></button>
</span>
</menu>
</section>
</div>
<div id="sleep-menu" data-z-index-level="sleep-menu">
<div id="sleep-menu-container" role="dialog" data-type="object">
<section>
<ul role="menu">
</ul>
</section>
<gaia-buttons skin="dark">
<button data-l10n-id="cancel"></button>
</gaia-buttons>
</div>
</div>
<div id="system-overlay" data-z-index-level="system-overlay">
<div id="battery">
<span class="icon-battery"></span>
<div class="battery-notification">
<span data-l10n-id="battery-almost-empty3"></span>
<span data-l10n-id="plug-in-your-charger"></span>
</div>
</div>
<div id="volume" class="vibration">
<style scoped>
@import url("style/sound_manager/sound_manager.css");
</style>
<span class="channel-type"></span>
<section>
<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>
<div></div>
</section>
</div>
</div>
<div id="text-selection-dialog-root" data-z-index-level="text-selection-dialog"></div>
<div id="software-buttons" data-z-index-level="software-buttons">
<div id="software-buttons-dead-space" class="dead-space-portrait"></div>
<button id="software-home-button" data-l10n-id="softwareHomeButton">
<div id="software-home-ring"></div>
</button>
</div>
<button id="fullscreen-software-home-button" data-z-index-level="fullscreen-software-home-button">
<div id="software-home-ring"></div>
</button>
<div id="software-buttons-fullscreen-layout" data-z-index-level="fullscreen-layout-software-home-button">
<button id="fullscreen-layout-software-home-button" data-z-index-level="fullscreen-layout-software-home-button">
<div id="software-home-ring"></div>
</button>
</div>
<div id="top-panel" class="gesture-panel" data-z-index-level="gesture-panel"></div>
<div id="left-panel" class="gesture-panel disabled" data-z-index-level="gesture-panel"></div>
<div id="right-panel" class="gesture-panel disabled" data-z-index-level="gesture-panel"></div>
<div id="bottom-panel" class="gesture-panel" data-z-index-level="gesture-panel"></div>
</div> <!-- end of #screen -->
<script defer src="shared/js/lazy_loader.js"></script>
<script defer src="js/logo_loader.js"></script>
<script defer src="js/service.js"></script>
<script defer src="js/base_module.js"></script>
<script defer src="js/cover_screen.js"></script>
<script defer src="js/app.js"></script>
<script defer src="js/bootstrap.js"></script>
</body>
</html>