b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
157 lines
7.8 KiB
HTML
Executable file
157 lines
7.8 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">
|
|
<meta name="theme-group" content="theme-settings">
|
|
<meta name="theme-color" content="var(--header-background)">
|
|
<title data-l10n-id="usage">
|
|
Usage
|
|
</title>
|
|
|
|
<!-- Building blocks -->
|
|
<link rel="stylesheet" type="text/css" href="shared/style/headers.css">
|
|
<link rel="stylesheet" type="text/css" href="shared/style/buttons.css">
|
|
<link rel="stylesheet" type="text/css" href="shared/style/input_areas.css">
|
|
<link rel="stylesheet" type="text/css" href="shared/style/lists.css">
|
|
<link rel="stylesheet" type="text/css" href="shared/style/progress_activity.css">
|
|
<link rel="stylesheet" type="text/css" href="shared/style/tabs.css">
|
|
<link rel="stylesheet" type="text/css" href="shared/style/confirm.css">
|
|
<link rel="stylesheet" type="text/css" href="shared/style/layout.css">
|
|
|
|
<!-- Gaia Components -->
|
|
<link rel="localization" href="/shared/locales/date/date.{locale}.properties">
|
|
<link rel="localization" href="/shared/elements/gaia_menu/locales/gaia_menu.{locale}.properties">
|
|
<link rel="stylesheet" type="text/css" href="/shared/elements/gaia-icons/gaia-icons.css">
|
|
<link rel="stylesheet" type="text/css" href="app://theme.gaiamobile.org/shared/elements/gaia-theme/gaia-theme.css">
|
|
<script defer src="/shared/js/component_utils.js"></script>
|
|
<script defer src="/shared/elements/gaia_checkbox/script.js"></script>
|
|
|
|
<!-- App and Views -->
|
|
<link rel="stylesheet" type="text/css" href="style/app.css">
|
|
<link rel="stylesheet" type="text/css" href="style/views/settings.css">
|
|
<link rel="stylesheet" type="text/css" href="style/views/datausage.css">
|
|
<link rel="stylesheet" type="text/css" href="style/views/topup.css">
|
|
<link rel="stylesheet" type="text/css" href="style/views/timestamp-highlights.css">
|
|
<link rel="stylesheet" type="text/css" href="style/views/balance.css">
|
|
<link rel="stylesheet" type="text/css" href="style/views/telephony.css">
|
|
<link rel="stylesheet" type="text/css" href="style/views/appdetail.css">
|
|
|
|
<!-- Localization -->
|
|
<meta name="defaultLanguage" content="en-US">
|
|
<meta name="availableLanguages" content="en-US">
|
|
<link rel="localization" href="locales/costcontrol.{locale}.properties">
|
|
|
|
<!-- Firefox Desktop shims -->
|
|
<script defer src="js/desktop-only/navigator_moz_settings.js"></script>
|
|
<script defer src="js/desktop-only/navigator_moz_icc_manager.js"></script>
|
|
<script defer src="js/desktop-only/navigator_moz_mobile_connections.js"></script>
|
|
<script defer src="js/desktop-only/navigator_moz_apps_mgmt.js"></script>
|
|
<script defer src="js/desktop-only/navigator_moz_network_stats.js"></script>
|
|
<script defer src="js/desktop-only/navigator_moz_alarms.js"></script>
|
|
<script defer src="js/desktop-only/async_storage.js"></script>
|
|
|
|
<script type="text/javascript" defer src="shared/js/l10n.js"></script>
|
|
<!-- TODO: Lazyly loaded, remove when mozHour12 is part of the platform
|
|
<script type="text/javascript" defer src="shared/js/date_time_helper.js"></script>
|
|
-->
|
|
<script type="text/javascript" defer src="shared/js/async_storage.js"></script>
|
|
<script type="text/javascript" defer src="shared/js/accessibility_helper.js"></script>
|
|
<script type="text/javascript" defer src="shared/js/settings_listener.js"></script>
|
|
<script type="text/javascript" defer src="shared/js/lazy_loader.js"></script>
|
|
<script type="text/javascript" defer src="shared/js/format.js"></script>
|
|
<script type="text/javascript" defer src="/shared/js/url_helper.js"></script>
|
|
|
|
<!-- Gaia Components -->
|
|
<script defer src="/shared/elements/config.js"></script>
|
|
<script defer src="/shared/elements/gaia-header/dist/gaia-header.js"></script>
|
|
|
|
<script type="text/javascript" defer src="js/app.js"></script>
|
|
<script type="text/javascript" defer src="js/application_init.js"></script>
|
|
|
|
<link rel="import" href="/elements/balance-tab.html">
|
|
<link rel="import" href="/elements/telephony-tab.html">
|
|
<link rel="import" href="/elements/topup-dialog.html">
|
|
<link rel="import" href="/elements/datausage-tab.html">
|
|
<link rel="import" href="/elements/appdetail-view.html">
|
|
|
|
<!-- Include the app icon in the application.zip -->
|
|
<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="resource" type="image/png" href="shared/resources/branding/browser_142.png"/>
|
|
<link rel="resource" type="image/png" href="shared/resources/branding/browser_189.png"/>
|
|
<link rel="resource" type="image/png" href="shared/resources/branding/browser_284.png"/>
|
|
</head>
|
|
<body role="application" class="theme-settings">
|
|
|
|
<section id="splash_section" class="window splash">
|
|
</section>
|
|
|
|
<section id="main" role="region" class="window skin-organic non-ready">
|
|
<div id="tabpanel">
|
|
<!-- XXX: The order of sections is important (tabs should be place above
|
|
the overlays) and we should distinguish between TABS and OVERLAY VIEWS -->
|
|
<gaia-header>
|
|
<h1 data-l10n-id="usage"></h1>
|
|
<button class="settings-button" data-icon="settings" data-l10n-id="settings-button"></button>
|
|
</gaia-header>
|
|
|
|
<!-- Bottom filters (Telephony / Cost Control and Data Usage) -->
|
|
<ul id="tabs" role="tablist" class="bb-tablist" data-type="filter" data-items="2">
|
|
<li id="balance-tab-filter" role="presentation">
|
|
<a id="balance-tab-control" data-l10n-id="balance" href="#balance-tab" role="tab" aria-controls="balance-tab">
|
|
Balance
|
|
</a>
|
|
</li>
|
|
<li id="telephony-tab-filter" role="presentation" hidden>
|
|
<a id="telephony-tab-control" data-l10n-id="phone" href="#telephony-tab" role="tab" aria-controls="telephony-tab">
|
|
Phone
|
|
</a>
|
|
</li>
|
|
<li id="datausage-tab-filter" role="presentation">
|
|
<a id="datausage-tab-control" data-l10n-id="internet" href="#datausage-tab" role="tab" aria-controls="datausage-tab">
|
|
Internet
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- BALANCE TAB -->
|
|
<section is="balance-tab" aria-labelledby="balance-tab-control" role="region tabpanel" id="balance-tab" class="bb-tabpanel view" data-viewport="left" hidden></section>
|
|
|
|
<!-- TELEPHONY TAB -->
|
|
<section is="telephony-tab" aria-labelledby="telephony-tab-control" role="region tabpanel" id="telephony-tab" class="bb-tabpanel view" data-viewport="left" hidden></section>
|
|
|
|
<!-- DATA USAGE TAB -->
|
|
<section is="datausage-tab" aria-labelledby="datausage-tab-control" id="datausage-tab" role="region tabpanel" class="bb-tabpanel view" data-viewport="right" hidden></section>
|
|
|
|
</div>
|
|
|
|
<!-- The top up input -->
|
|
<section is="topup-dialog" role="dialog" id="topup-dialog" class="view" data-viewport="bottom" hidden></section>
|
|
|
|
<!-- App Detail view -->
|
|
<section is="appdetail-view" id="appdetail-view" class="view" data-viewport="right" hidden></section>
|
|
|
|
<!-- Settings view -->
|
|
<section id="settings-view" class="view" data-viewport="bottom">
|
|
<iframe id="settings-view-placeholder"></iframe>
|
|
</section>
|
|
|
|
</section>
|
|
<iframe id="message-handler" src="">
|
|
</iframe>
|
|
<iframe id="fte_view" class="window non-ready"></iframe>
|
|
|
|
<!-- SIM non ready screen -->
|
|
<form role="dialog" class="view" data-type="confirm" data-viewport="ethereal" id="non-ready-screen">
|
|
<section>
|
|
<h1>Card is not ready</h1>
|
|
<p>The button will close the application.</p>
|
|
<progress hidden></progress>
|
|
</section>
|
|
<menu>
|
|
<button class="full" data-l10n-id="ok">Ok</button>
|
|
</menu>
|
|
</form>
|
|
</body>
|
|
</html>
|