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.
This commit is contained in:
parent
93e3a48004
commit
b38dea0597
25901 changed files with 9982925 additions and 369 deletions
128
gaia/apps/system/mobile_id/index.html
Executable file
128
gaia/apps/system/mobile_id/index.html
Executable file
|
|
@ -0,0 +1,128 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no">
|
||||
<link href="../shared/style/progress_activity.css" rel="stylesheet" type="text/css">
|
||||
<link href="../shared/style/value_selector.css" rel="stylesheet" type="text/css">
|
||||
<link href="../shared/style/buttons.css" rel="stylesheet" type="text/css">
|
||||
<link href="../shared/style/input_areas.css" rel="stylesheet" type="text/css">
|
||||
<link href="../shared/style/action_menu.css" rel="stylesheet" type="text/css">
|
||||
<link href="../shared/style/confirm.css" rel="stylesheet" type="text/css">
|
||||
<link href="style/error_overlay.css" rel="stylesheet" type="text/css">
|
||||
<link href="style/mobile_id.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<meta name="defaultLanguage" content="en-US">
|
||||
<meta name="availableLanguages" content="en-US">
|
||||
<link rel="localization" href="locales/mobile_id.{locale}.properties">
|
||||
|
||||
<!-- Gaia Components -->
|
||||
<link href="app://theme.gaiamobile.org/shared/elements/gaia-theme/gaia-theme.css" rel="stylesheet" type="text/css">
|
||||
<link href="../shared/elements/gaia-icons/gaia-icons.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<link rel="resource" type="application/json" href="shared/resources/mcc.json"/>
|
||||
<script defer src="../shared/js/l10n.js"></script>
|
||||
<script defer src="../shared/js/utilities.js"></script>
|
||||
|
||||
<!-- Gaia Components -->
|
||||
<script src="../shared/elements/config.js"></script>
|
||||
<script src="../shared/elements/gaia-header/dist/gaia-header.js"></script>
|
||||
|
||||
<script defer src="js/error_overlay.js"></script>
|
||||
<script defer src="js/ui.js"></script>
|
||||
<script defer src="js/controller.js"></script>
|
||||
<script defer src="js/mobile_id.js"></script>
|
||||
|
||||
<title>Mobile ID</title>
|
||||
</head>
|
||||
<body class="theme-settings" role="application">
|
||||
<section class="skin-organic" role="region">
|
||||
<gaia-header id="header" action="close">
|
||||
<h1 data-l10n-id="errorTitle"></h1>
|
||||
</gaia-header>
|
||||
<progress id="verification-code-timer" value="" max="100"></progress>
|
||||
<!--
|
||||
We will contain the three main panels of the Mobile ID flow:
|
||||
- Selection of the phone number
|
||||
- Add verification code (if required)
|
||||
- Feedback screen
|
||||
-->
|
||||
<section id="panels-container" class="panels-container">
|
||||
<div class="panel msisdn-selection-panel">
|
||||
<p id="mobile-id-explanation" class="explanation">
|
||||
</p>
|
||||
<div class="msisdn-overflow-shield">
|
||||
<section class="msisdn-selection-wrapper">
|
||||
<div>
|
||||
<ul class="phone-options-list">
|
||||
</ul>
|
||||
<div id="add-msisdn" data-l10n-id="addPhoneNumber">
|
||||
</div>
|
||||
</div>
|
||||
<div class="manual-msisdn">
|
||||
<ul class="msisdn-form">
|
||||
<li>
|
||||
<span id="legend-parent" class="button icon icon-dialog button-select-wrapper">
|
||||
<span id="legend"></span>
|
||||
<select id="country-codes-select" hidden>
|
||||
</select>
|
||||
</span>
|
||||
</li>
|
||||
<li><input type="tel" id="msisdn-input"></li>
|
||||
</ul>
|
||||
<div id="do-automatic-msisdn" data-l10n-id="selectPhoneNumber">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel verification-panel">
|
||||
<p class="explanation" id="verification-code-explanation">
|
||||
</p>
|
||||
<input type="number" id="verification-code">
|
||||
</div>
|
||||
<div class="panel done-panel">
|
||||
<p class="explanation" id="success-explanation">
|
||||
Great! Know your phone number is registered.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<div id="msb" class="multistate-button">
|
||||
<button id="allow-button" class="msb-button-step state-allow">
|
||||
<div class="states-wrapper">
|
||||
<div data-l10n-id="share">
|
||||
</div>
|
||||
<div>
|
||||
<progress></progress><span data-l10n-id="connecting"></span>
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
<button id="verify-button" class="msb-button-step state-verify">
|
||||
<div class="states-wrapper">
|
||||
<div>
|
||||
<span></span>
|
||||
<span data-l10n-id="resend"></span>
|
||||
</div>
|
||||
<div data-l10n-id="verify">
|
||||
</div>
|
||||
<div>
|
||||
<progress></progress><span data-l10n-id="verifying"></span>
|
||||
</div>
|
||||
<div>
|
||||
<span data-l10n-id="verified"></span>
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Error message overlay -->
|
||||
<form role="dialog" data-type="confirm" id="mobileid-error-overlay">
|
||||
<section>
|
||||
<h1 id="mobileid-error-title"></h1>
|
||||
<p><small id="mobileid-error-msg"></small></p>
|
||||
<menu>
|
||||
<button class="full" data-l10n-id="ok" id="mobileid-error-ok">OK</button>
|
||||
</menu>
|
||||
</section>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue