Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
177 lines
8.4 KiB
HTML
177 lines
8.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-US" dir="ltr">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
|
|
<meta charset="utf-8">
|
|
<meta name="theme-group" content="theme-communications">
|
|
<meta name="theme-color" content="var(--header-background)">
|
|
<title>Emergency Call Dialer</title>
|
|
|
|
<!-- Localization -->
|
|
<meta name="defaultLanguage" content="en-US">
|
|
<meta name="availableLanguages" content="ar:201601260729, bg:201601260729, bn-BD:201601260729, ca:201601260729, cs:201601260729, da:201601260729, de:201601260729, el:201601260729, en-US:201601260729, es:201601260729, eu:201601260729, fr:201601260729, gl:201601260729, hr:201601260729, hu:201601260729, it:201601260729, ja:201601260729, km:201601260729, ko:201601260729, lt:201601260729, mk:201601260729, ms:201601260729, ne-NP:201601260729, nl:201601260729, pa:201601260729, pl:201601260729, pt-BR:201601260729, ro:201601260729, ru:201601260729, sk:201601260729, sq:201601260729, sr-Cyrl:201601260729, sr-Latn:201601260729, sv-SE:201601260729, tr:201601260729, zh-CN:201601260729, zh-TW:201601260729">
|
|
<link rel="localization" href="/locales-obj/index.{locale}.json">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" type="text/css" href="/shared/style/animations.css">
|
|
<link rel="stylesheet" type="text/css" href="/shared/style/dialer/dialer.css">
|
|
<link rel="stylesheet" type="text/css" href="/shared/style/dialer/keypad.css">
|
|
<link rel="stylesheet" type="text/css" href="/shared/style/action_menu.css">
|
|
<link rel="stylesheet" type="text/css" href="/shared/style/contacts/contact_in_overlay.css">
|
|
<link rel="stylesheet" type="text/css" href="/shared/style/dialer/overlay.css">
|
|
<link rel="stylesheet" type="text/css" href="style/ice_contacts.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">
|
|
|
|
<!-- JS -->
|
|
<!-- <script defer="" type="application/javascript" src="/shared/js/contacts/utilities/ice_store.js"></script> -->
|
|
<!-- <script defer="" type="application/javascript" src="/shared/js/dialer/utils.js"></script> -->
|
|
<!-- <script defer="" type="application/javascript" src="/shared/js/dialer/dtmf_tone.js"></script> -->
|
|
<!-- <script defer="" type="application/javascript" src="/shared/js/dialer/tone_player.js"></script> -->
|
|
<!-- <script defer="" type="application/javascript" src="/shared/js/l10n.js"></script> -->
|
|
<!-- <script defer="" type="application/javascript" src="/shared/js/lazy_loader.js"></script> -->
|
|
<!-- <script defer="" type="application/javascript" src="/shared/js/settings_listener.js"></script> -->
|
|
|
|
<!-- <script defer="" type="application/javascript" src="js/ice_contacts.js"></script> -->
|
|
<!-- <script defer="" type="application/javascript" src="js/keypad.js"></script> -->
|
|
<!-- <script defer="" type="application/javascript" src="js/dialer.js"></script> -->
|
|
|
|
<!-- <script defer="" src="/shared/elements/config.js"></script> --><script src="./gaia_build_defer_index.js" defer="" type="text/javascript"></script>
|
|
|
|
<!-- Lazy load all the things:
|
|
<link rel="stylesheet" type="text/css" href="/shared/style/confirm.css">
|
|
<link rel="stylesheet" type="text/css" href="/shared/elements/gaia_menu/style.css">
|
|
<link rel="stylesheet" type="text/css" href="/shared/elements/gaia_sim_picker/style.css">
|
|
<script defer src="/shared/js/confirm.js"></script>
|
|
<script defer src="/shared/js/sim_settings_helper.js"></script>
|
|
<script defer src="/shared/js/dialer/telephony_messages.js"></script>
|
|
<script defer src="/shared/js/component_utils.js"></script>
|
|
<script defer src="/shared/elements/gaia_sim_picker/script.js"></script>
|
|
<script defer src="/shared/elements/gaia_menu/script.js"></script>
|
|
-->
|
|
|
|
|
|
|
|
|
|
<meta content="2.5" name="appVersion"></head>
|
|
<body class="skin-comms theme-communications">
|
|
<article id="views" class="full-height">
|
|
<section id="keyboard-view" class="full-height">
|
|
<div id="phone-number-view-container" dir="ltr">
|
|
<div class="phone-number-view-wrapper-input">
|
|
<input aria-label="Phone number" id="phone-number-view" class="phone-number-font font-light textfield" readonly="readonly" data-l10n-id="phoneNumberInput" type="text">
|
|
<div id="fake-phone-number-view"></div>
|
|
</div>
|
|
<button aria-label="Delete" role="key" id="keypad-delete" class="reset-button" data-value="delete" data-l10n-id="keypadDelete">
|
|
</button>
|
|
</div>
|
|
<section id="ice-contacts-bar" class="ice-contacts-bar" data-l10n-id="ice-contacts-bar-text" hidden="">ICE Contacts - In Case of Emergency</section>
|
|
<article id="keyboard-container" dir="ltr">
|
|
<section id="keypad">
|
|
<div class="keypad-row">
|
|
<div class="keypad-key" role="key" data-value="1">
|
|
<span>1</span>
|
|
<em class="keypad-subicon"></em>
|
|
</div>
|
|
<div class="keypad-key" role="key" data-value="2">
|
|
<span>2</span>
|
|
<em>ABC</em>
|
|
</div>
|
|
<div class="keypad-key" role="key" data-value="3">
|
|
<span>3</span>
|
|
<em>DEF</em>
|
|
</div>
|
|
</div>
|
|
<div class="keypad-row">
|
|
<div class="keypad-key" role="key" data-value="4">
|
|
<span>4</span>
|
|
<em>GHI</em>
|
|
</div>
|
|
<div class="keypad-key" role="key" data-value="5">
|
|
<span>5</span>
|
|
<em>JKL</em>
|
|
</div>
|
|
<div class="keypad-key" role="key" data-value="6">
|
|
<span>6</span>
|
|
<em>MNO</em>
|
|
</div>
|
|
</div>
|
|
<div class="keypad-row">
|
|
<div class="keypad-key" role="key" data-value="7">
|
|
<span>7</span>
|
|
<em>PQRS</em>
|
|
</div>
|
|
<div class="keypad-key" role="key" data-value="8">
|
|
<span>8</span>
|
|
<em>TUV</em>
|
|
</div>
|
|
<div class="keypad-key" role="key" data-value="9">
|
|
<span>9</span>
|
|
<em>WXYZ</em>
|
|
</div>
|
|
</div>
|
|
<div class="keypad-row">
|
|
<div aria-label="Asterisk" class="keypad-key" role="key" data-value="*" data-l10n-id="asterisk">
|
|
<div class="asterisk">*</div>
|
|
</div>
|
|
<div class="keypad-key" role="key" data-value="0">
|
|
<span>0</span>
|
|
<em class="font-size-plus">+</em>
|
|
</div>
|
|
<div aria-label="Hash sign" class="keypad-key" role="key" data-type="dial" data-value="#" data-l10n-id="hashSign">
|
|
<div class="sharp">#</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="keypad-callbar">
|
|
<span role="button" id="keypad-callbar-cancel" class="keypad-callbar-button cancel" data-type="action" data-value="cancel">
|
|
<div data-l10n-id="keypadCancel">Cancel</div>
|
|
</span>
|
|
<span role="button" id="keypad-callbar-call-action" data-type="action" data-value="make-call">
|
|
<div>
|
|
</div>
|
|
</span>
|
|
</section>
|
|
</article>
|
|
</section>
|
|
</article>
|
|
<form id="contact-list-overlay" role="dialog" data-type="action" class="overlay"><!--
|
|
|
|
<header></header>
|
|
<menu id="contact-list">
|
|
<button id="contact-list-overlay-cancel" data-l10n-id="cancel">Cancel</button>
|
|
</menu>
|
|
|
|
--></form>
|
|
<button id="contact-in-overlay" class="contact-item ci--action-menu" hidden=""><!--
|
|
|
|
<div class="js-name ci__name ellipsis" dir="auto"></div>
|
|
<div class="ci__details">
|
|
<span class="js-tel-type ci__tel-type ellipsis" dir="auto"></span>
|
|
<span class="js-separator"></span>
|
|
<span class="js-tel ellipsis" dir="ltr"></span>
|
|
</div>
|
|
|
|
--></button>
|
|
<form id="confirmation-message" class="hide no-opacity" role="dialog" data-type="confirm"><!--
|
|
|
|
<section>
|
|
<h1>Confirmation title</h1>
|
|
<p>Confirmation message</p>
|
|
</section>
|
|
<menu>
|
|
<button>Action 1</button>
|
|
<button>Action 2</button>
|
|
</menu>
|
|
|
|
--></form>
|
|
<gaia-sim-picker id="sim-picker" tabindex="-1"></gaia-sim-picker>
|
|
</body>
|
|
|
|
</html>
|