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:
OverSu
parent
93e3a48004
commit
b38dea0597
25901 changed files with 9982925 additions and 369 deletions
334
gaia/apps/callscreen/index.html
Executable file
334
gaia/apps/callscreen/index.html
Executable file
|
|
@ -0,0 +1,334 @@
|
|||
<!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-communications">
|
||||
<meta name="theme-color" content="var(--header-background)">
|
||||
<title>Dialer</title>
|
||||
|
||||
<!-- 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="/style/oncall.css">
|
||||
<link rel="stylesheet" type="text/css" href="/style/conference_group_ui.css">
|
||||
<link rel="stylesheet" type="text/css" href="/style/oncall_status_bar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/style/status.css">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/shared/style/dialer/keypad.css">
|
||||
<link rel="stylesheet" type="text/css" href="/shared/style/dialer/overlay.css">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/shared/style/status.css">
|
||||
<link rel="stylesheet" type="text/css" href="/shared/style/action_menu.css">
|
||||
|
||||
<!-- Localization -->
|
||||
<script defer type="text/javascript" src="/shared/js/lazy_loader.js"></script>
|
||||
<meta name="defaultLanguage" content="en-US">
|
||||
<meta name="availableLanguages" content="en-US">
|
||||
<link rel="localization" href="locales/callscreen.{locale}.properties">
|
||||
<link rel="localization" href="../communications/dialer/locales/dialer.{locale}.properties">
|
||||
<link rel="localization" href="../communications/dialer/locales/shared.{locale}.properties">
|
||||
<link rel="localization" href="shared/locales/date/date.{locale}.properties">
|
||||
<link rel="localization" href="shared/locales/lockscreen/lockscreen.{locale}.properties">
|
||||
<link rel="localization" href="shared/locales/keypad/keypad.{locale}.properties">
|
||||
<link rel="localization" href="shared/locales/telephony/telephony.{locale}.properties">
|
||||
|
||||
<script defer type="application/javascript" src="/shared/js/l10n.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/moz_intl.js"></script>
|
||||
|
||||
<script defer type="application/javascript" src="/js/index.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/settings_listener.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/settings_url.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/async_storage.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/contact_photo_helper.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/font_size_utils.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/date_time_helper.js"></script>
|
||||
|
||||
<script defer type="application/javascript" src="/shared/js/simple_phone_matcher.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/dialer/contacts.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/dialer/tone_player.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/dialer/dtmf_tone.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/dialer/keypad.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/dialer/utils.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/dialer/font_size_manager.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/dialer/voicemail.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/bluetooth_helper.js"></script>
|
||||
|
||||
<script defer type="application/javascript" src="/js/call_screen.js"></script>
|
||||
<script defer type="application/javascript" src="/js/calls_handler.js"></script>
|
||||
<script defer type="application/javascript" src="/js/conference_group_handler.js"></script>
|
||||
<script defer type="application/javascript" src="/js/conference_group_ui.js"></script>
|
||||
<script defer type="application/javascript" src="/js/handled_call.js"></script>
|
||||
|
||||
<!-- Lazy load these:
|
||||
<script defer type="application/javascript" src="/shared/js/fb/fb_request.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/fb/fb_data_reader.js"></script>
|
||||
<script defer type="application/javascript" src="/shared/js/fb/fb_reader_utils.js"></script>
|
||||
-->
|
||||
|
||||
<!-- incoming call / swiper on locked screen-->
|
||||
<link rel="stylesheet" type="text/css" href="/style/lockscreen.css">
|
||||
<script defer src="/shared/js/settings_listener.js"></script>
|
||||
<script defer src="/shared/js/mobile_operator.js"></script>
|
||||
<script defer src="/shared/js/lockscreen_slide.js"></script>
|
||||
<script defer src="/shared/js/screen_layout.js"></script>
|
||||
<script defer src="/shared/js/simslot.js"></script>
|
||||
<script defer src="/shared/js/simslot_manager.js"></script>
|
||||
<script defer src="/shared/js/lockscreen_connection_info_manager.js"></script>
|
||||
|
||||
<link rel="import" href="/elements/conference_group_details.html">
|
||||
</head>
|
||||
<body class="skin-comms theme-communications">
|
||||
<article id="call-screen" data-layout class="displayed"
|
||||
aria-labelledby="call-number-wrapper, group-call-number-wrapper">
|
||||
<div id="lockscreen-header">
|
||||
<div id="lockscreen-conn-states">
|
||||
</div>
|
||||
<div id="lockscreen-clock-widget">
|
||||
<div id="lockscreen-clock-time"></div>
|
||||
<div id="lockscreen-date"></div>
|
||||
</div>
|
||||
</div>
|
||||
<article id="calls" data-count="0">
|
||||
<section id="handled-call-template" role="dialog" hidden>
|
||||
<div class="hangup-button" role="button" data-l10n-id="hangup-a11y-button"></div>
|
||||
<div id="call-number-wrapper" class="numberWrapper direction-status-bar">
|
||||
<div class="number font-light"><bdi></bdi></div>
|
||||
<span role="button" id="switch-calls-button"></span>
|
||||
</div>
|
||||
<div class="additionalContactInfo font-light">
|
||||
<span class="tel-type" dir="auto"></span>
|
||||
<span class="separator"></span>
|
||||
<span class="tel" dir="ltr"></span>
|
||||
</div>
|
||||
<div class="duration">
|
||||
<span class="font-light"></span>
|
||||
<div class="total-duration"></div>
|
||||
<div class="direction"></div>
|
||||
</div>
|
||||
<div class="sim">
|
||||
<!-- Depending on the context, none or only one of those will be displayed -->
|
||||
<span class="via-sim"></span>
|
||||
<span class="sim-number"></span>
|
||||
</div>
|
||||
</section>
|
||||
<section id="group-call" hidden>
|
||||
<div id="group-call-number-wrapper" class="numberWrapper">
|
||||
<div id="group-show"></div>
|
||||
<div id="group-call-label" class="number font-light"></div>
|
||||
</div>
|
||||
<div id="group-call-summary" class="additionalContactInfo font-light">
|
||||
<span class="tel-type" dir="auto"></span>
|
||||
<span class="separator"></span>
|
||||
<span class="tel" dir="ltr"></span>
|
||||
</div>
|
||||
<div class="duration">
|
||||
<span class="font-light"></span>
|
||||
<div class="total-duration"></div>
|
||||
<div class="direction"></div>
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
<form is="conference-group-details" id="group-call-details" role="dialog" data-type="action" class="overlay"></form>
|
||||
<form id="bluetooth-menu" role="dialog" data-type="action" class="overlay">
|
||||
<header data-l10n-id="select-audio-sources">select audio sources</header>
|
||||
<menu>
|
||||
<button data-l10n-id="bluetooth-handsfree-device" id='btmenu-btdevice'>bluetooth handsfree device</button>
|
||||
<button data-l10n-id="receiver" id='btmenu-receiver'>receiver</button>
|
||||
<button data-l10n-id="speaker" id='btmenu-speaker'>speaker</button>
|
||||
<button data-l10n-id="cancel" id='btmenu-cancel'>cancel</button>
|
||||
</menu>
|
||||
</form>
|
||||
<article id="main-container">
|
||||
<div id="contact-background"></div>
|
||||
<div id="lockscreen-masked-background" class="blank"></div>
|
||||
<div id="lockscreen-area"></div>
|
||||
<div id="actions-container">
|
||||
<div id="swiper-wrapper">
|
||||
<div id="lockscreen-icon-container">
|
||||
<div id="lockscreen-area-hangup"
|
||||
class="lockscreen-icon-area lockscreen-icon-left dark" role="button"
|
||||
data-l10n-id="hangup-a11y-button" aria-label="Hang Up">
|
||||
<div class="lockscreen-icon">
|
||||
</div>
|
||||
</div>
|
||||
<div id="lockscreen-area-pickup"
|
||||
class="lockscreen-icon-area lockscreen-icon-right dark" role="button"
|
||||
data-l10n-id="pickup-a11y-button" aria-label="Pick up">
|
||||
<div class="lockscreen-icon">
|
||||
</div>
|
||||
</div>
|
||||
<div id="lockscreen-area-slide"
|
||||
class="lockscreen-icon-area lockscreen-icon-center">
|
||||
<div id="lockscreen-canvas-wrapper">
|
||||
<canvas id="lockscreen-canvas"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section id="statusMsg" role="status">
|
||||
<p></p>
|
||||
</section>
|
||||
<footer id="call-options">
|
||||
<section id="co-advanced">
|
||||
<div class="grid-wrapper grid">
|
||||
<span class="grid-cell options-column">
|
||||
<button id="mute" class="co-advanced-option grid center" data-l10n-id="mute">
|
||||
<span class="icon icon-mute"></span>
|
||||
</button>
|
||||
</span>
|
||||
<span class="grid-cell options-column">
|
||||
<button id="keypad-visibility" class="co-advanced-option grid center" data-l10n-id="toggleKeypad">
|
||||
<span class="icon icon-keypad-visibility"></span>
|
||||
</button>
|
||||
</span>
|
||||
<span id="place-new-call-container" class="grid-cell options-column">
|
||||
<button id="place-new-call" disabled class="co-advanced-option grid center" data-l10n-id="newCall">
|
||||
<span class="icon icon-place-new-call"></span>
|
||||
</button>
|
||||
</span>
|
||||
<span class="grid-cell options-column">
|
||||
<button id="speaker" class="co-advanced-option grid" data-l10n-id="speakerOption">
|
||||
<span class="icon icon-speaker"></span>
|
||||
</button>
|
||||
<button id="bt" hidden class="co-advanced-option grid hide" data-l10n-id="bluetoothOption">
|
||||
<span class="icon icon-bt"></span>
|
||||
</button>
|
||||
</span>
|
||||
<span id="hold-and-merge-container" class="grid-cell options-column">
|
||||
<button id="on-hold" class="co-advanced-option grid" disabled data-l10n-id="onHoldOption">
|
||||
<span class="icon icon-on-hold"></span>
|
||||
</button>
|
||||
<button id="merge" class="co-advanced-option grid hide" data-l10n-id="merge">
|
||||
<span class="icon icon-merge"></span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</section>
|
||||
<footer id="callbar">
|
||||
<button id="callbar-hang-up" data-l10n-id="hangup-a11y-button">
|
||||
<div class="callbar-inner-button">
|
||||
</div>
|
||||
</button>
|
||||
<button id="callbar-answer" data-l10n-id="pickup-a11y-button">
|
||||
<div class="callbar-inner-button">
|
||||
</div>
|
||||
</button>
|
||||
</footer>
|
||||
</footer>
|
||||
</div>
|
||||
</article>
|
||||
</article>
|
||||
<article id="incoming-container">
|
||||
<header dir="ltr">
|
||||
<button id="incoming-end" data-l10n-id="hangup-a11y-button">
|
||||
</button>
|
||||
<button id="incoming-answer" data-l10n-id="hold">
|
||||
</button>
|
||||
</header>
|
||||
<section id="incoming-info">
|
||||
<div class="incoming-number-info">
|
||||
<span id="incoming-number" dir="auto"></span>
|
||||
<div id="incoming-number-additional-info" class="font-light">
|
||||
<span id="incoming-number-additional-info-tel-type" dir="auto"></span>
|
||||
<span class="separator"></span>
|
||||
<span id="incoming-number-additional-info-tel" dir="ltr"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="incoming-sim" class="sim"></div>
|
||||
<button id="incoming-ignore" data-l10n-id="ignore">
|
||||
Ignore
|
||||
</button>
|
||||
</section>
|
||||
</article>
|
||||
<article id="views">
|
||||
<article id="keyboard-view" class="view">
|
||||
<div id="phone-number-view-container">
|
||||
<div>
|
||||
<div class="grid-wrapper">
|
||||
<input id="phone-number-view" type="text" class="phone-number-font font-light" readonly="readonly" data-l10n-id="phoneNumberInput">
|
||||
</div>
|
||||
</div>
|
||||
<div id="keypad-delete" role="key" data-l10n-id="keypadDelete">
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
<article id="keyboard-container">
|
||||
<section id="keypad" dir="ltr">
|
||||
<div class="keypad-row">
|
||||
<div class="keypad-key" role="key" data-value="1">
|
||||
<span>1</span>
|
||||
<em class="keypad-subicon voicemail" data-l10n-id="voiceMailKey"></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 class="keypad-key keypad-key-centered" 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 class="keypad-key keypad-key-centered" role="key" data-type="dial" data-value="#" data-l10n-id="hashSign">
|
||||
<div class="sharp">#</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="keypad-callbar">
|
||||
<div>
|
||||
<span role="button" id="keypad-callbar-add-contact" data-type="action" data-value="add-contact" data-l10n-id="dialerAddContact" disabled aria-disabled="true">
|
||||
<div class="icon-add-contact"></div>
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span role="button" id="keypad-callbar-call-action" data-type="action" data-value="make-call" data-l10n-id="makeCall">
|
||||
<div>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</section>
|
||||
<section id="keypad-hidebar">
|
||||
<button id= "keypad-hidebar-mute-action" class="kh__button kh__button--mute"></button>
|
||||
<button id= "keypad-hidebar-hang-up-action-wrapper" class="kh__call-end-button"></button>
|
||||
<button id= "keypad-hidebar-hide-keypad-action" class="kh__button kh__button--hide"></button>
|
||||
</section>
|
||||
</article>
|
||||
</article>
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue