159 lines
8.0 KiB
HTML
159 lines
8.0 KiB
HTML
<?--
|
|
Copyright (C) 2019 The Android Open Source Project
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
-->
|
|
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" href="style.css" >
|
|
<link rel="stylesheet" type="text/css" href="controls.css" >
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="loader"></div>
|
|
<div id="error-message-div">
|
|
<h3 id="error-message" class="hidden">
|
|
<span class="material-icons close-btn">close</span>
|
|
</h3>
|
|
</div>
|
|
<section id="device-connection">
|
|
<div id='header'>
|
|
<div id='app-controls'>
|
|
<div id="keyboard-capture-control" title="Capture Keyboard"></div>
|
|
<div id="mic-capture-control" title="Capture Microphone"></div>
|
|
<div id="camera-control" title="Capture Camera"></div>
|
|
<div id="audio-playback-control" title="Play audio">
|
|
<audio id="device-audio"></audio>
|
|
</div>
|
|
<div id="record-video-control" title="Capture Display as Webm"></div>
|
|
</div>
|
|
<div id='status-div'>
|
|
<h3 id='status-message' class='connecting'>Connecting to device</h3>
|
|
</div>
|
|
</div>
|
|
<div id='controls-and-displays'>
|
|
<div id='control-panel-default-buttons' class='control-panel-column'>
|
|
<button id='device-details-button' title='Device Details' class='material-icons'>
|
|
settings
|
|
</button>
|
|
<button id='bluetooth-modal-button' title='Bluetooth console' class='material-icons'>
|
|
settings_bluetooth
|
|
</button>
|
|
</div>
|
|
<div id='control-panel-custom-buttons' class='control-panel-column'></div>
|
|
<div id='device-displays'>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div id='device-details-modal' class='modal'>
|
|
<div id='device-details-modal-header' class='modal-header'>
|
|
<h2>Device Details</h2>
|
|
<button id='device-details-close' title='Close' class='material-icons modal-close'>close</button>
|
|
</div>
|
|
<hr>
|
|
<h3>Hardware Configuration</h3>
|
|
<span id='device-details-hardware'>unknown</span>
|
|
</div>
|
|
|
|
<div id='bluetooth-modal' class='modal-wrapper'>
|
|
<div id='bluetooth-prompt' class='modal'>
|
|
<div id='bluetooth-prompt-header' class='modal-header'>
|
|
<h2>Bluetooth</h2>
|
|
<button id='bluetooth-prompt-close' title='Close' class='material-icons modal-close'>close</button>
|
|
</div>
|
|
<div>
|
|
<div id='bluetooth-prompt-text' class='bluetooth-text'>
|
|
We have enabled a BT Wizard to simplify adding a<br>bluetooth device.<br>
|
|
Alternatively, you can enter the BT Console if you<br>want to exercise full control.</div><br>
|
|
<div class='bluetooth-button'>
|
|
<button id='bluetooth-prompt-wizard' title='Start Wizard' class='modal-button-highlight'>Start Wizard</button>
|
|
<button id='bluetooth-prompt-list' title='Device List' class='modal-button'>Device List</button>
|
|
<button id='bluetooth-prompt-console' title='BT Console' class='modal-button'>BT Console</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id='bluetooth-wizard' class='modal'>
|
|
<div id='bluetooth-wizard-modal-header' class='modal-header'>
|
|
<h2>BT Wizard</h2>
|
|
<button id='bluetooth-wizard-close' title='Close' class='material-icons modal-close'>close</button>
|
|
</div>
|
|
<div>
|
|
<div class='bluetooth-text-field'><input type="text" id='bluetooth-wizard-name' placeholder="Device Name"></input></div>
|
|
<div class='bluetooth-drop-down'>
|
|
<select id='bluetooth-wizard-type' validate-mac="true" required>
|
|
<option value="beacon">Beacon</option>
|
|
<option value="beacon_swarm">Beacon Swarm</option>
|
|
<!-- Disabled because they were "started but never finished" (according to mylesgw@)
|
|
<option value="car_kit">Car Kit</option>
|
|
<option value="classic">Classic</option> -->
|
|
<option value="keyboard">Keyboard</option>
|
|
<option value="remote_loopback">Remote Loopback</option>
|
|
<option value="scripted_beacon">Scripted Beacon</option>
|
|
<!-- Disabled because it will never show up in the UI
|
|
<option value="sniffer">Sniffer</option> -->
|
|
</select>
|
|
</div>
|
|
<div class='bluetooth-text-field'><input type="text" id='bluetooth-wizard-mac' placeholder="Device MAC" validate-mac="true" required></input><span></span></div>
|
|
<div class='bluetooth-button'>
|
|
<button id='bluetooth-wizard-device' title='Add Device' class='modal-button-highlight' disabled>Add Device</button>
|
|
<button id='bluetooth-wizard-cancel' title='Cancel' class='modal-button'>Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id='bluetooth-wizard-confirm' class='modal'>
|
|
<div id='bluetooth-wizard-confirm-header' class='modal-header'>
|
|
<h2>BT Wizard</h2>
|
|
<button id='bluetooth-wizard-confirm-close' title='Close' class='material-icons modal-close'>close</button>
|
|
</div>
|
|
<div id='bluetooth-wizard-text' class='bluetooth-text'>Device added. See device details below.</div><br>
|
|
<div class='bluetooth-text'>
|
|
<p>Name: <b>GKeyboard</b></p>
|
|
<p>Type: <b>Keyboard</b></p>
|
|
<p>MAC Addr: <b>be:ac:01:55:00:03</b></p>
|
|
</div>
|
|
<div class='bluetooth-button'><button id='bluetooth-wizard-another' title='Add Another' class='modal-button-highlight'>Add Another</button></div>
|
|
</div>
|
|
<div id='bluetooth-list' class='modal'>
|
|
<div id='bluetooth-list-header' class='modal-header'>
|
|
<h2>Device List</h2>
|
|
<button id='bluetooth-list-close' title='Close' class='material-icons modal-close'>close</button>
|
|
</div>
|
|
<div class='bluetooth-text'>
|
|
<div><button title="Delete" data-device-id="delete" class="bluetooth-list-trash material-icons">delete</button>GKeyboard | Keyboard | be:ac:01:55:00:03</div>
|
|
<div><button title="Delete" data-device-id="delete" class="bluetooth-list-trash material-icons">delete</button>GHeadphones | Audio | dc:fa:32:00:55:02</div>
|
|
</div>
|
|
</div>
|
|
<div id='bluetooth-console' class='modal'>
|
|
<div id='bluetooth-console-modal-header' class='modal-header'>
|
|
<h2>BT Console</h2>
|
|
<button id='bluetooth-console-close' title='Close' class='material-icons modal-close'>close</button>
|
|
</div>
|
|
<div>
|
|
<div colspan='2'><textarea id='bluetooth-console-view' readonly rows='10' cols='60'></textarea></div>
|
|
<div width='1'><p id='bluetooth-console-cmd-label'>Command:</p></div>
|
|
<div width='100'><input id='bluetooth-console-input' type='text'></input></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="js/adb.js"></script>
|
|
<script src="js/rootcanal.js"></script>
|
|
<script src="js/cf_webrtc.js" type="module"></script>
|
|
<script src="js/controls.js"></script>
|
|
<script src="js/app.js"></script>
|
|
</body>
|
|
</html>
|