kopia lustrzana https://github.com/magicbug/Cloudlog
moved to js file
Peter Goodhall
rodzic
1f94457171
commit
4478c8fb78
|
|
@ -909,7 +909,7 @@ $(document).on('keypress',function(e) {
|
|||
|
||||
<?php if ($this->uri->segment(1) == "qso") { ?>
|
||||
<script src="<?php echo base_url() ;?>assets/js/sections/qso.js"></script>
|
||||
|
||||
<script src="<?php echo base_url() ;?>assets/js/winkey.js"></script>
|
||||
<?php
|
||||
|
||||
$this->load->model('stations');
|
||||
|
|
|
|||
|
|
@ -1,142 +1,3 @@
|
|||
<button id="connectButton" class="btn btn-warning">Connect</button> <span id="statusBar"></span><br>
|
||||
<input id="sendText" type="text"><input id="sendButton" type="button" value="Send" class="btn btn-success">
|
||||
<br>
|
||||
<script type="text/javascript">
|
||||
|
||||
//Define the elements
|
||||
let sendText = document.getElementById("sendText");
|
||||
let sendButton = document.getElementById("sendButton");
|
||||
let receiveText = document.getElementById("receiveText");
|
||||
let connectButton = document.getElementById("connectButton");
|
||||
let statusBar = document.getElementById("statusBar");
|
||||
|
||||
//Couple the elements to the Events
|
||||
connectButton.addEventListener("click", clickConnect)
|
||||
sendButton.addEventListener("click", clickSend)
|
||||
helpButton.addEventListener("click", clickHelp)
|
||||
statusButton.addEventListener("click", clickStatus)
|
||||
|
||||
//When the connectButton is pressed
|
||||
async function clickConnect() {
|
||||
if (port) {
|
||||
//if already connected, disconnect
|
||||
disconnect();
|
||||
|
||||
} else {
|
||||
//otherwise connect
|
||||
await connect();
|
||||
}
|
||||
}
|
||||
|
||||
//Define outputstream, inputstream and port so they can be used throughout the sketch
|
||||
var outputStream, inputStream, port;
|
||||
navigator.serial.addEventListener('connect', e => {
|
||||
statusBar.innerText = `Connected to ${e.port}`;
|
||||
connectButton.innerText = "Disconnect"
|
||||
});
|
||||
|
||||
navigator.serial.addEventListener('disconnect', e => {
|
||||
statusBar.innerText = `Disconnected`;
|
||||
connectButton.innerText = "Connect"
|
||||
});
|
||||
//Connect to the serial
|
||||
async function connect() {
|
||||
|
||||
//Optional filter to only see relevant board
|
||||
|
||||
|
||||
//Try to connect to the Serial port
|
||||
try {
|
||||
port = await navigator.serial.requestPort(/*{ filters: [filter] }*/);
|
||||
// Continue connecting to |port|.
|
||||
|
||||
// - Wait for the port to open.
|
||||
await port.open({ baudRate: 1200 });
|
||||
|
||||
statusBar.innerText = "Connected";
|
||||
connectButton.innerText = "Disconnect"
|
||||
let decoder = new TextDecoderStream();
|
||||
inputDone = port.readable.pipeTo(decoder.writable);
|
||||
inputStream = decoder.readable;
|
||||
|
||||
const encoder = new TextEncoderStream();
|
||||
outputDone = encoder.readable.pipeTo(port.writable);
|
||||
outputStream = encoder.writable;
|
||||
|
||||
reader = inputStream.getReader();
|
||||
readLoop();
|
||||
} catch (e) {
|
||||
//If the pipeTo error appears; clarify the problem by giving suggestions.
|
||||
if (e == "TypeError: Cannot read property 'pipeTo' of undefined") {
|
||||
e += "\n Use Google Chrome and enable-experimental-web-platform-features"
|
||||
}
|
||||
connectButton.innerText = "Connect"
|
||||
statusBar.innerText = e;
|
||||
}
|
||||
}
|
||||
//Write to the Serial port
|
||||
async function writeToStream(line) {
|
||||
var enc = new TextEncoder(); // always utf-8
|
||||
|
||||
const writer = outputStream.getWriter();
|
||||
writer.write(enc);
|
||||
writer.releaseLock();
|
||||
}
|
||||
|
||||
//Disconnect from the Serial port
|
||||
async function disconnect() {
|
||||
|
||||
if (reader) {
|
||||
await reader.cancel();
|
||||
await inputDone.catch(() => { });
|
||||
reader = null;
|
||||
inputDone = null;
|
||||
}
|
||||
if (outputStream) {
|
||||
await outputStream.getWriter().close();
|
||||
await outputDone;
|
||||
outputStream = null;
|
||||
outputDone = null;
|
||||
}
|
||||
statusBar.innerText = "Disconnected";
|
||||
connectButton.innerText = "Connect"
|
||||
//Close the port.
|
||||
await port.close();
|
||||
port = null;
|
||||
}
|
||||
|
||||
//When the send button is pressed
|
||||
function clickSend() {
|
||||
//send the message
|
||||
// let message =
|
||||
|
||||
writeToStream(sendText.value);
|
||||
writeToStream("\r");
|
||||
//and clear the input field, so it's clear it has been sent
|
||||
sendText.value = "";
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
//Read the incoming data
|
||||
async function readLoop() {
|
||||
while (true) {
|
||||
const { value, done } = await reader.read();
|
||||
if (done === true){
|
||||
break;
|
||||
}
|
||||
|
||||
console.log(value);
|
||||
//When recieved something add it to the big textarea
|
||||
receiveText.value += value;
|
||||
//Scroll to the bottom of the text field
|
||||
receiveText.scrollTop = receiveText.scrollHeight;
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="container qso_panel">
|
||||
|
||||
<div class="row qsopane">
|
||||
|
|
@ -659,7 +520,9 @@
|
|||
<div class="card-header"><h4 style="font-size: 16px; font-weight: bold;" class="card-title">Winkey</h4></div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
<button id="connectButton" class="btn btn-warning">Connect</button> <span id="statusBar"></span><br>
|
||||
<input id="sendText" type="text"><input id="sendButton" type="button" value="Send" class="btn btn-success">
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Ładowanie…
Reference in New Issue