Integrate Winkey using Web Serial into the general QSO area
这个提交包含在：
Peter Goodhall
GitHub
当前提交
fc687978f8
共有 10 个文件被更改，包括 768 次插入 和 1 次删除
|
|
@ -21,7 +21,8 @@ $config['migration_enabled'] = TRUE;
|
||||||
| be upgraded / downgraded to.
|
| be upgraded / downgraded to.
|
||||||
|
|
|
|
||||||
*/
|
*/
|
||||||
$config['migration_version'] = 131;
|
|
||||||
|
$config['migration_version'] = 132;
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|--------------------------------------------------------------------------
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
|
@ -151,6 +151,72 @@ class QSO extends CI_Controller {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function winkeysettings() {
|
||||||
|
|
||||||
|
// Load model Winkey
|
||||||
|
$this->load->model('winkey');
|
||||||
|
|
||||||
|
// call settings from model winkey
|
||||||
|
$data['result'] = $this->winkey->settings($this->session->userdata('user_id'), $this->session->userdata('station_profile_id'));
|
||||||
|
|
||||||
|
if ($data['result'] == false) {
|
||||||
|
$this->load->view('qso/components/winkeysettings', $data);
|
||||||
|
} else {
|
||||||
|
$this->load->view('qso/components/winkeysettings_results', $data);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function cwmacrosave(){
|
||||||
|
// Get the data from the form
|
||||||
|
$function1_name = xss_clean($this->input->post('function1_name'));
|
||||||
|
$function1_macro = xss_clean($this->input->post('function1_macro'));
|
||||||
|
|
||||||
|
$function2_name = xss_clean($this->input->post('function2_name'));
|
||||||
|
$function2_macro = xss_clean($this->input->post('function2_macro'));
|
||||||
|
|
||||||
|
$function3_name = xss_clean($this->input->post('function3_name'));
|
||||||
|
$function3_macro = xss_clean($this->input->post('function3_macro'));
|
||||||
|
|
||||||
|
$function4_name = xss_clean($this->input->post('function4_name'));
|
||||||
|
$function4_macro = xss_clean($this->input->post('function4_macro'));
|
||||||
|
|
||||||
|
$function5_name = xss_clean($this->input->post('function5_name'));
|
||||||
|
$function5_macro = xss_clean($this->input->post('function5_macro'));
|
||||||
|
|
||||||
|
$data = [
|
||||||
|
'user_id' => $this->session->userdata('user_id'),
|
||||||
|
'station_location_id' => $this->session->userdata('station_profile_id'),
|
||||||
|
'function1_name' => $function1_name,
|
||||||
|
'function1_macro' => $function1_macro,
|
||||||
|
'function2_name' => $function2_name,
|
||||||
|
'function2_macro' => $function2_macro,
|
||||||
|
'function3_name' => $function3_name,
|
||||||
|
'function3_macro' => $function3_macro,
|
||||||
|
'function4_name' => $function4_name,
|
||||||
|
'function4_macro' => $function4_macro,
|
||||||
|
'function5_name' => $function5_name,
|
||||||
|
'function5_macro' => $function5_macro,
|
||||||
|
];
|
||||||
|
|
||||||
|
// Load model Winkey
|
||||||
|
$this->load->model('winkey');
|
||||||
|
|
||||||
|
// save the data
|
||||||
|
$this->winkey->save($data);
|
||||||
|
|
||||||
|
echo "Macros Saved, Press Close and lets get sending!";
|
||||||
|
}
|
||||||
|
|
||||||
|
function cwmacros_json() {
|
||||||
|
// Load model Winkey
|
||||||
|
$this->load->model('winkey');
|
||||||
|
|
||||||
|
header('Content-Type: application/json; charset=utf-8');
|
||||||
|
|
||||||
|
// Call settings_json from model winkey
|
||||||
|
echo $this->winkey->settings_json($this->session->userdata('user_id'), $this->session->userdata('station_profile_id'));
|
||||||
|
}
|
||||||
|
|
||||||
function edit_ajax() {
|
function edit_ajax() {
|
||||||
|
|
||||||
$this->load->model('logbook_model');
|
$this->load->model('logbook_model');
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,116 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
defined('BASEPATH') OR exit('No direct script access allowed');
|
||||||
|
|
||||||
|
/*
|
||||||
|
* This migration creates a table called thirdparty_logins
|
||||||
|
* This table is used to store third party login details
|
||||||
|
*/
|
||||||
|
|
||||||
|
class Migration_create_cwmacros_table extends CI_Migration {
|
||||||
|
|
||||||
|
public function up()
|
||||||
|
{
|
||||||
|
if (!$this->db->table_exists('cwmacros')) {
|
||||||
|
$this->dbforge->add_field(array(
|
||||||
|
'id' => array(
|
||||||
|
'type' => 'BIGINT',
|
||||||
|
'constraint' => 20,
|
||||||
|
'unsigned' => TRUE,
|
||||||
|
'auto_increment' => TRUE,
|
||||||
|
'unique' => TRUE
|
||||||
|
),
|
||||||
|
|
||||||
|
'user_id' => array(
|
||||||
|
'type' => 'BIGINT',
|
||||||
|
'constraint' => 20,
|
||||||
|
'unsigned' => TRUE,
|
||||||
|
'auto_increment' => FALSE
|
||||||
|
),
|
||||||
|
|
||||||
|
'station_location_id' => array(
|
||||||
|
'type' => 'BIGINT',
|
||||||
|
'constraint' => 20,
|
||||||
|
'unsigned' => TRUE,
|
||||||
|
'auto_increment' => FALSE
|
||||||
|
),
|
||||||
|
|
||||||
|
'function1_name' => array(
|
||||||
|
'type' => 'VARCHAR',
|
||||||
|
'constraint' => '255',
|
||||||
|
'null' => TRUE
|
||||||
|
),
|
||||||
|
|
||||||
|
'function1_macro' => array(
|
||||||
|
'type' => 'VARCHAR',
|
||||||
|
'constraint' => '255',
|
||||||
|
'null' => TRUE
|
||||||
|
),
|
||||||
|
|
||||||
|
'function2_name' => array(
|
||||||
|
'type' => 'VARCHAR',
|
||||||
|
'constraint' => '255',
|
||||||
|
'null' => TRUE
|
||||||
|
),
|
||||||
|
|
||||||
|
'function2_macro' => array(
|
||||||
|
'type' => 'VARCHAR',
|
||||||
|
'constraint' => '255',
|
||||||
|
'null' => TRUE
|
||||||
|
),
|
||||||
|
|
||||||
|
'function3_name' => array(
|
||||||
|
'type' => 'VARCHAR',
|
||||||
|
'constraint' => '255',
|
||||||
|
'null' => TRUE
|
||||||
|
),
|
||||||
|
|
||||||
|
'function3_macro' => array(
|
||||||
|
'type' => 'VARCHAR',
|
||||||
|
'constraint' => '255',
|
||||||
|
'null' => TRUE
|
||||||
|
),
|
||||||
|
|
||||||
|
'function4_name' => array(
|
||||||
|
'type' => 'VARCHAR',
|
||||||
|
'constraint' => '255',
|
||||||
|
'null' => TRUE
|
||||||
|
),
|
||||||
|
|
||||||
|
'function4_macro' => array(
|
||||||
|
'type' => 'VARCHAR',
|
||||||
|
'constraint' => '255',
|
||||||
|
'null' => TRUE
|
||||||
|
),
|
||||||
|
|
||||||
|
'function5_name' => array(
|
||||||
|
'type' => 'VARCHAR',
|
||||||
|
'constraint' => '255',
|
||||||
|
'null' => TRUE
|
||||||
|
),
|
||||||
|
|
||||||
|
'function5_macro' => array(
|
||||||
|
'type' => 'VARCHAR',
|
||||||
|
'constraint' => '255',
|
||||||
|
'null' => TRUE
|
||||||
|
),
|
||||||
|
|
||||||
|
'modified' => array(
|
||||||
|
'type' => 'timestamp',
|
||||||
|
'null' => TRUE,
|
||||||
|
)
|
||||||
|
));
|
||||||
|
|
||||||
|
$this->dbforge->add_key('id', TRUE);
|
||||||
|
$this->dbforge->add_key('user_id', TRUE);
|
||||||
|
$this->dbforge->add_key('station_location_id', TRUE);
|
||||||
|
|
||||||
|
$this->dbforge->create_table('cwmacros');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public function down()
|
||||||
|
{
|
||||||
|
$this->dbforge->drop_table('cwmacros');
|
||||||
|
}
|
||||||
|
}
|
||||||
49
application/models/Winkey.php
普通文件
49
application/models/Winkey.php
普通文件
|
|
@ -0,0 +1,49 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
class Winkey extends CI_Model
|
||||||
|
{
|
||||||
|
public function settings($user_id, $station_location_id)
|
||||||
|
{
|
||||||
|
$this->db->where('user_id', $user_id);
|
||||||
|
$this->db->where('station_location_id', $station_location_id);
|
||||||
|
$query = $this->db->get('cwmacros');
|
||||||
|
|
||||||
|
if ($query->num_rows() > 0) {
|
||||||
|
return $query->row();
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public function settings_json($user_id, $station_location_id)
|
||||||
|
{
|
||||||
|
$this->db->where('user_id', $user_id);
|
||||||
|
$this->db->where('station_location_id', $station_location_id);
|
||||||
|
$query = $this->db->get('cwmacros');
|
||||||
|
|
||||||
|
if ($query->num_rows() > 0) {
|
||||||
|
// return $query->row() as json
|
||||||
|
return json_encode($query->row());
|
||||||
|
} else {
|
||||||
|
// return json with status not found
|
||||||
|
return json_encode(array('status' => 'not found'));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public function save($data)
|
||||||
|
{
|
||||||
|
$this->db->where('user_id', $data['user_id']);
|
||||||
|
$this->db->where('station_location_id', $data['station_location_id']);
|
||||||
|
$query = $this->db->get('cwmacros');
|
||||||
|
|
||||||
|
if ($query->num_rows() > 0) {
|
||||||
|
$this->db->where('user_id', $data['user_id']);
|
||||||
|
$this->db->where('station_location_id', $data['station_location_id']);
|
||||||
|
$this->db->update('cwmacros', $data);
|
||||||
|
} else {
|
||||||
|
$this->db->insert('cwmacros', $data);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
@ -7,6 +7,8 @@
|
||||||
var base_url = "<?php echo base_url(); ?>"; // Base URL
|
var base_url = "<?php echo base_url(); ?>"; // Base URL
|
||||||
var site_url = "<?php echo site_url(); ?>"; // Site URL
|
var site_url = "<?php echo site_url(); ?>"; // Site URL
|
||||||
var icon_dot_url = "<?php echo base_url();?>assets/images/dot.png";
|
var icon_dot_url = "<?php echo base_url();?>assets/images/dot.png";
|
||||||
|
// get the user_callsign from session
|
||||||
|
var my_call = "<?php echo $this->session->userdata('user_callsign'); ?>".toUpperCase();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- General JS Files used across Cloudlog -->
|
<!-- General JS Files used across Cloudlog -->
|
||||||
|
|
@ -936,7 +938,9 @@ $(document).on('keypress',function(e) {
|
||||||
<?php } ?>
|
<?php } ?>
|
||||||
|
|
||||||
<?php if ($this->uri->segment(1) == "qso") { ?>
|
<?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/sections/qso.js"></script>
|
||||||
|
<script src="<?php echo base_url() ;?>assets/js/winkey.js"></script>
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
if ($this->optionslib->get_option('dxcache_url') != ''){ ?>
|
if ($this->optionslib->get_option('dxcache_url') != ''){ ?>
|
||||||
|
|
@ -953,6 +957,7 @@ $(document).on('keypress',function(e) {
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,96 @@
|
||||||
|
<div id="modal-backdrop" class="modal-backdrop fade show" style="display:block;"></div>
|
||||||
|
<div id="modal" class="modal fade show" tabindex="-1" style="display:block;">
|
||||||
|
<form hx-post="/index.php/qso/cwmacrosave" hx-target=".modal-body">
|
||||||
|
<div class="modal-dialog modal-dialog-centered">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Winkey Macros</h5>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function1_name" class="col-sm-5 col-form-label">Function 1 - Name</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function1_name" type="text" class="form-control" id="function1_name" maxlength="6">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function1_macro" class="col-sm-5 col-form-label">Function 1 - Macro</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function1_macro" type="text" class="form-control" id="function1_macro">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function2_name" class="col-sm-5 col-form-label">Function 2 - Name</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function2_name" type="text" class="form-control" id="function2_name" maxlength="6">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function2_macro" class="col-sm-5 col-form-label">Function 2 - Macro</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function2_macro" type="text" class="form-control" id="function2_macro">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function3_name" class="col-sm-5 col-form-label">Function 3 - Name</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function3_name" type="text" class="form-control" id="function3_name" maxlength="6">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function3_macro" class="col-sm-5 col-form-label">Function 3 - Macro</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function3_macro" type="text" class="form-control" id="function3_macro">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function4_name" class="col-sm-5 col-form-label">Function 4 - Name</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function4_name" type="text" class="form-control" id="function4_name" maxlength="6">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function4_macro" class="col-sm-5 col-form-label">Function 4 - Macro</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function4_macro" type="text" class="form-control" id="function4_macro">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function5_name" class="col-sm-5 col-form-label">Function 5 - Name</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function5_name" type="text" class="form-control" id="function5_name" maxlength="6">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function5_macro" class="col-sm-5 col-form-label">Function 5 - Macro</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function5_macro" type="text" class="form-control" id="function5_macro">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="submit" class="btn btn-primary">Save</button>
|
||||||
|
<button type="button" class="btn btn-secondary" onclick="closeModal()">Close</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,96 @@
|
||||||
|
<div id="modal-backdrop" class="modal-backdrop fade show" style="display:block;"></div>
|
||||||
|
<div id="modal" class="modal fade show" tabindex="-1" style="display:block;">
|
||||||
|
<form hx-post="/index.php/qso/cwmacrosave" hx-target=".modal-body">
|
||||||
|
<div class="modal-dialog modal-dialog-centered">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Winkey Macros</h5>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function1_name" class="col-sm-5 col-form-label">Function 1 - Name</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function1_name" type="text" class="form-control" id="function1_name" maxlength="6" value="<?php echo $result->function1_name; ?>">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function1_macro" class="col-sm-5 col-form-label">Function 1 - Macro</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function1_macro" type="text" class="form-control" id="function1_macro" value="<?php echo $result->function1_macro; ?>">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function2_name" class="col-sm-5 col-form-label">Function 2 - Name</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function2_name" type="text" class="form-control" id="function2_name" maxlength="6" value="<?php echo $result->function2_name; ?>">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function2_macro" class="col-sm-5 col-form-label">Function 2 - Macro</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function2_macro" type="text" class="form-control" id="function2_macro" value="<?php echo $result->function2_macro; ?>">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function3_name" class="col-sm-5 col-form-label">Function 3 - Name</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function3_name" type="text" class="form-control" id="function3_name" maxlength="6" value="<?php echo $result->function3_name; ?>">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function3_macro" class="col-sm-5 col-form-label">Function 3 - Macro</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function3_macro" type="text" class="form-control" id="function3_macro" value="<?php echo $result->function3_macro; ?>">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function4_name" class="col-sm-5 col-form-label">Function 4 - Name</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function4_name" type="text" class="form-control" id="function4_name" maxlength="6" value="<?php echo $result->function4_name; ?>">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function4_macro" class="col-sm-5 col-form-label">Function 4 - Macro</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function4_macro" type="text" class="form-control" id="function4_macro" value="<?php echo $result->function4_macro; ?>">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function5_name" class="col-sm-5 col-form-label">Function 5 - Name</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function5_name" type="text" class="form-control" id="function5_name" maxlength="6" value="<?php echo $result->function5_name; ?>">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="function5_macro" class="col-sm-5 col-form-label">Function 5 - Macro</label>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<input name="function5_macro" type="text" class="form-control" id="function5_macro" value="<?php echo $result->function5_macro; ?>">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="submit" class="btn btn-primary">Save</button>
|
||||||
|
<button type="button" class="btn btn-secondary" onclick="closeModal()">Close</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
@ -518,6 +518,36 @@
|
||||||
<div id="qsomap" style="width: 100%; height: 200px;"></div>
|
<div id="qsomap" style="width: 100%; height: 200px;"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="winkey" class="card winkey-settings">
|
||||||
|
<div class="card-header">
|
||||||
|
<h4 style="font-size: 16px; font-weight: bold;" class="card-title">Winkey
|
||||||
|
|
||||||
|
<button id="connectButton" class="btn btn-primary">Connect</button>
|
||||||
|
|
||||||
|
<button type="button" class="btn btn-light"
|
||||||
|
hx-get="/index.php/qso/winkeysettings"
|
||||||
|
hx-target="#modals-here"
|
||||||
|
hx-trigger="click"
|
||||||
|
class="btn btn-primary"
|
||||||
|
_="on htmx:afterOnLoad wait 10ms then add .show to #modal then add .show to #modal-backdrop"><i class="fas fa-cog"></i> Settings</button>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card-body">
|
||||||
|
<div id="modals-here"></div>
|
||||||
|
<button id="morsekey_func1" onclick="morsekey_func1()" class="btn btn-warning">F1</button>
|
||||||
|
<button id="morsekey_func2" onclick="morsekey_func2()" class="btn btn-warning">F2</button>
|
||||||
|
<button id="morsekey_func3" onclick="morsekey_func3()" class="btn btn-warning">F3</button>
|
||||||
|
<button id="morsekey_func4" onclick="morsekey_func4()" class="btn btn-warning">F4</button>
|
||||||
|
<button id="morsekey_func5" onclick="morsekey_func5()" class="btn btn-warning">F5</button>
|
||||||
|
<br><br>
|
||||||
|
<input id="sendText" type="text"><input id="sendButton" type="button" value="Send" class="btn btn-success">
|
||||||
|
|
||||||
|
<span id="statusBar"></span><br>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="card callsign-suggest">
|
<div class="card callsign-suggest">
|
||||||
<div class="card-header"><h4 style="font-size: 16px; font-weight: bold;" class="card-title"><?php echo lang('qso_title_suggestions'); ?></h4></div>
|
<div class="card-header"><h4 style="font-size: 16px; font-weight: bold;" class="card-title"><?php echo lang('qso_title_suggestions'); ?></h4></div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -854,3 +854,17 @@ function resetDefaultQSOFields() {
|
||||||
$('#callsign-image-content').text("");
|
$('#callsign-image-content').text("");
|
||||||
$('.dxccsummary').remove();
|
$('.dxccsummary').remove();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function closeModal() {
|
||||||
|
var container = document.getElementById("modals-here")
|
||||||
|
var backdrop = document.getElementById("modal-backdrop")
|
||||||
|
var modal = document.getElementById("modal")
|
||||||
|
|
||||||
|
modal.classList.remove("show")
|
||||||
|
backdrop.classList.remove("show")
|
||||||
|
|
||||||
|
setTimeout(function() {
|
||||||
|
container.removeChild(backdrop)
|
||||||
|
container.removeChild(modal)
|
||||||
|
}, 200)
|
||||||
|
}
|
||||||
294
assets/js/winkey.js
普通文件
294
assets/js/winkey.js
普通文件
|
|
@ -0,0 +1,294 @@
|
||||||
|
// Lets see if CW is selected
|
||||||
|
|
||||||
|
const ModeSelected = document.getElementById('mode');
|
||||||
|
|
||||||
|
if (location.protocol == 'http:') {
|
||||||
|
// Do something if the page is being served over SSL
|
||||||
|
$('#winkey').hide(); // Hide the CW buttons
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ModeSelected.value == 'CW') {
|
||||||
|
// Show the CW buttons
|
||||||
|
$('#winkey').show();
|
||||||
|
} else {
|
||||||
|
// Hide the CW buttons
|
||||||
|
$('#winkey').hide();
|
||||||
|
}
|
||||||
|
|
||||||
|
ModeSelected.addEventListener('change', (event) => {
|
||||||
|
|
||||||
|
if (event.target.value == 'CW') {
|
||||||
|
// Show the CW buttons
|
||||||
|
$('#winkey').show();
|
||||||
|
|
||||||
|
} else {
|
||||||
|
// Hide the CW buttons
|
||||||
|
$('#winkey').hide();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
let function1Name, function1Macro, function2Name, function2Macro, function3Name, function3Macro, function4Name, function4Macro, function5Name, function5Macro;
|
||||||
|
|
||||||
|
getMacros();
|
||||||
|
|
||||||
|
document.addEventListener('keydown', function(event) {
|
||||||
|
|
||||||
|
if (event.key === 'F1') {
|
||||||
|
event.preventDefault();
|
||||||
|
morsekey_func1();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (event.key === 'F2') {
|
||||||
|
event.preventDefault();
|
||||||
|
morsekey_func2();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (event.key === 'F3') {
|
||||||
|
event.preventDefault();
|
||||||
|
morsekey_func3();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (event.key === 'F4') {
|
||||||
|
event.preventDefault();
|
||||||
|
morsekey_func4();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (event.key === 'F5') {
|
||||||
|
event.preventDefault();
|
||||||
|
morsekey_func5();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
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 boards
|
||||||
|
const filter = {
|
||||||
|
usbVendorId: 0x2341 // Arduino SA
|
||||||
|
};
|
||||||
|
|
||||||
|
//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(line);
|
||||||
|
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() {
|
||||||
|
writeToStream(sendText.value);
|
||||||
|
writeToStream("\r");
|
||||||
|
|
||||||
|
//and clear the input field, so it's clear it has been sent
|
||||||
|
sendText.value = "";
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function morsekey_func1() {
|
||||||
|
console.log("F1: " + UpdateMacros(function1Macro));
|
||||||
|
writeToStream(UpdateMacros(function1Macro));
|
||||||
|
//and clear the input field, so it's clear it has been sent
|
||||||
|
sendText.value = "";
|
||||||
|
}
|
||||||
|
|
||||||
|
function morsekey_func2() {
|
||||||
|
console.log("F2: " + UpdateMacros(function2Macro));
|
||||||
|
writeToStream(UpdateMacros(function2Macro));
|
||||||
|
//and clear the input field, so it's clear it has been sent
|
||||||
|
sendText.value = "";
|
||||||
|
}
|
||||||
|
|
||||||
|
function morsekey_func3() {
|
||||||
|
console.log("F3: " + UpdateMacros(function3Macro));
|
||||||
|
writeToStream(UpdateMacros(function3Macro));
|
||||||
|
//and clear the input field, so it's clear it has been sent
|
||||||
|
sendText.value = "";
|
||||||
|
}
|
||||||
|
|
||||||
|
function morsekey_func4() {
|
||||||
|
console.log("F4: " + UpdateMacros(function4Macro));
|
||||||
|
writeToStream(UpdateMacros(function4Macro));
|
||||||
|
//and clear the input field, so it's clear it has been sent
|
||||||
|
sendText.value = "";
|
||||||
|
}
|
||||||
|
|
||||||
|
function morsekey_func5() {
|
||||||
|
console.log("F5: " + UpdateMacros(function5Macro));
|
||||||
|
writeToStream(UpdateMacros(function5Macro));
|
||||||
|
//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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function closeModal() {
|
||||||
|
var container = document.getElementById("modals-here")
|
||||||
|
var backdrop = document.getElementById("modal-backdrop")
|
||||||
|
var modal = document.getElementById("modal")
|
||||||
|
|
||||||
|
modal.classList.remove("show")
|
||||||
|
backdrop.classList.remove("show")
|
||||||
|
|
||||||
|
getMacros();
|
||||||
|
|
||||||
|
setTimeout(function() {
|
||||||
|
container.removeChild(backdrop)
|
||||||
|
container.removeChild(modal)
|
||||||
|
}, 200)
|
||||||
|
}
|
||||||
|
|
||||||
|
function UpdateMacros(macrotext) {
|
||||||
|
|
||||||
|
// Get the values from the form set to uppercase
|
||||||
|
let CALL = document.getElementById("callsign").value.toUpperCase();
|
||||||
|
let RSTS = document.getElementById("rst_sent").value;
|
||||||
|
|
||||||
|
let newString;
|
||||||
|
newString = macrotext.replace(/\[MYCALL\]/g, my_call);
|
||||||
|
newString = newString.replace(/\[CALL\]/g, CALL);
|
||||||
|
newString = newString.replace(/\[RSTS\]/g, RSTS);
|
||||||
|
console.log(newString);
|
||||||
|
return newString;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Call url and store the returned json data as variables
|
||||||
|
function getMacros() {
|
||||||
|
fetch(base_url + 'index.php/qso/cwmacros_json')
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
function1Name = data.function1_name;
|
||||||
|
function1Macro = data.function1_macro;
|
||||||
|
function2Name = data.function2_name;
|
||||||
|
function2Macro = data.function2_macro;
|
||||||
|
function3Name = data.function3_name;
|
||||||
|
function3Macro = data.function3_macro;
|
||||||
|
function4Name = data.function4_name;
|
||||||
|
function4Macro = data.function4_macro;
|
||||||
|
function5Name = data.function5_name;
|
||||||
|
function5Macro = data.function5_macro;
|
||||||
|
|
||||||
|
const morsekey_func1_Button = document.getElementById('morsekey_func1');
|
||||||
|
morsekey_func1_Button.textContent = 'F1 (' + function1Name + ')';
|
||||||
|
|
||||||
|
const morsekey_func2_Button = document.getElementById('morsekey_func2');
|
||||||
|
morsekey_func2_Button.textContent = 'F2 (' + function2Name + ')';
|
||||||
|
|
||||||
|
const morsekey_func3_Button = document.getElementById('morsekey_func3');
|
||||||
|
morsekey_func3_Button.textContent = 'F3 (' + function3Name + ')';
|
||||||
|
|
||||||
|
const morsekey_func4_Button = document.getElementById('morsekey_func4');
|
||||||
|
morsekey_func4_Button.textContent = 'F4 (' + function4Name + ')';
|
||||||
|
|
||||||
|
const morsekey_func5_Button = document.getElementById('morsekey_func5');
|
||||||
|
morsekey_func5_Button.textContent = 'F5 (' + function5Name + ')';
|
||||||
|
});
|
||||||
|
}
|
||||||
正在加载…
在新工单中引用