VulpesOS/assets/webapps/emergency-call.gaiamobile.org/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

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>