mirror of
https://github.com/wavelog/wavelog.git
synced 2026-03-22 02:14:13 +00:00
442 lines
14 KiB
JavaScript
442 lines
14 KiB
JavaScript
let qsoDialogInstance = null;
|
|
|
|
function deleteFromQslQueue(id) {
|
|
BootstrapDialog.confirm({
|
|
title: 'DANGER',
|
|
message: 'Warning! Are you sure you want to removes this QSL from the queue?',
|
|
type: BootstrapDialog.TYPE_DANGER,
|
|
closable: true,
|
|
draggable: true,
|
|
btnOKClass: 'btn-danger',
|
|
callback: function(result) {
|
|
$.ajax({
|
|
url: base_url + 'index.php/qslprint/delete_from_qsl_queue',
|
|
type: 'post',
|
|
data: {'id': id },
|
|
success: function(html) {
|
|
$("#qslprint_"+id).remove();
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
function openQsoList(callsign) {
|
|
$.ajax({
|
|
url: base_url + 'index.php/qslprint/open_qso_list',
|
|
type: 'post',
|
|
data: {'callsign': callsign},
|
|
success: function(html) {
|
|
qsoDialogInstance = BootstrapDialog.show({
|
|
title: 'QSO List',
|
|
size: BootstrapDialog.SIZE_WIDE,
|
|
cssClass: 'qso-dialog',
|
|
nl2br: false,
|
|
message: html,
|
|
onshown: function(dialog) {
|
|
$('[data-bs-toggle="tooltip"]').tooltip();
|
|
},
|
|
buttons: [{
|
|
label: lang_admin_close,
|
|
action: function (dialogItself) {
|
|
dialogItself.close();
|
|
}
|
|
}]
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
function addQsoToPrintQueue(id) {
|
|
$.ajax({
|
|
url: base_url + 'index.php/qslprint/get_previous_qsl',
|
|
type: 'post',
|
|
data: { 'id': id },
|
|
success: function(result) {
|
|
let prev_qsl = result;
|
|
let prev_qsl_html;
|
|
|
|
if (prev_qsl > 0) {
|
|
prev_qsl_html = '<span class="badge bg-warning">' + prev_qsl + '</span>';
|
|
} else {
|
|
prev_qsl_html = '<span class="badge bg-success">0</span>';
|
|
}
|
|
|
|
$.ajax({
|
|
url: base_url + 'index.php/qslprint/add_qso_to_print_queue',
|
|
type: 'post',
|
|
data: {'id': id},
|
|
success: function(html) {
|
|
if (qsoDialogInstance) {
|
|
qsoDialogInstance.close();
|
|
}
|
|
let callSign = $("#qsolist_"+id).find("td:eq(0)").text();
|
|
let formattedCallSign = callSign.replace(/0/g, "Ø").toUpperCase();
|
|
let line = '<tr id="qslprint_'+id+'">';
|
|
let freq_or_band = $('#frequency_or_band').val();
|
|
|
|
line += '<td style=\'text-align: center\'><div class="form-check"><input class="form-check-input" type="checkbox" /></div></td>';
|
|
line += '<td style="text-align: center">';
|
|
line += '<span class="qso_call">';
|
|
line += '<a id="edit_qso" href="javascript:displayQso(' + id + ');">';
|
|
line += formattedCallSign;
|
|
line += '</a>';
|
|
line += '<a target="_blank" href="https://www.qrz.com/db/' + formattedCallSign + '">';
|
|
line += '<img width="16" height="16" src="' + base_url + 'images/icons/qrz.png" alt="Lookup ' + formattedCallSign + ' on QRZ.com">';
|
|
line += '</a> ';
|
|
line += '<a target="_blank" href="https://www.hamqth.com/' + formattedCallSign + '">';
|
|
line += '<img width="16" height="16" src="' + base_url + 'images/icons/hamqth.png" alt="Lookup ' + formattedCallSign + ' on HamQTH">';
|
|
line += '</a> ';
|
|
line += '<a target="_blank" href="https://www.eqsl.cc/Member.cfm?' + formattedCallSign + '">';
|
|
line += '<img width="16" height="16" src="' + base_url + 'images/icons/eqsl.png" alt="Lookup ' + formattedCallSign + ' on eQSL.cc">';
|
|
line += '</a>';
|
|
line += '</span>';
|
|
line += '</td>';
|
|
|
|
line += '<td style=\'text-align: center\'>'+$("#qsolist_"+id).find("td:eq(1)").text()+'</td>';
|
|
line += '<td style=\'text-align: center\'>'+$("#qsolist_"+id).find("td:eq(2)").text()+'</td>';
|
|
line += '<td style=\'text-align: center\'>'+$("#qsolist_"+id).find("td:eq(3)").text()+'</td>';
|
|
if (freq_or_band === 'band') {
|
|
line += '<td class=\'col-band\' style=\'text-align: center\'>'+$("#qsolist_"+id).find("td:eq(4)").text()+'</td>';
|
|
line += '<td class=\'col-freq\' style=\'text-align: center; display:none;\'>'+$("#qsolist_"+id).find("td:eq(5)").text()+'</td>';
|
|
|
|
} else if (freq_or_band === 'frequency') {
|
|
line += '<td class=\'col-band\' style=\'text-align: center; display:none;\'>'+$("#qsolist_"+id).find("td:eq(4)").text()+'</td>';
|
|
line += '<td class=\'col-freq\' style=\'text-align: center\'>'+$("#qsolist_"+id).find("td:eq(5)").text()+'</td>';
|
|
} else {
|
|
line += '<td class=\'col-band\' style=\'text-align: center\'>'+$("#qsolist_"+id).find("td:eq(4)").text()+'</td>';
|
|
line += '<td class=\'col-freq\' style=\'text-align: center\'>'+$("#qsolist_"+id).find("td:eq(5)").text()+'</td>';
|
|
}
|
|
line += '<td style=\'text-align: center\'>'+$("#qsolist_"+id).find("td:eq(6)").text()+'</td>';
|
|
line += '<td style=\'text-align: center\'>'+$("#qsolist_"+id).find("td:eq(7)").text()+'</td>';
|
|
line += '<td style=\'text-align: center\'>'+$("#qsolist_"+id).find("td:eq(10)").text()+'</td>';
|
|
line += '<td style=\'text-align: center\'><span class="badge text-bg-light">'+$("#qsolist_"+id).find("td:eq(8)").text()+'</span></td>';
|
|
line += '<td style=\'text-align: center\'>'+$("#qsolist_"+id).find("td:eq(9)").text()+'</td>';
|
|
line += '<td style=\'text-align: center\'>'+$("#qsolist_"+id).find("td:eq(11)").text()+'</td>';
|
|
line += '<td style="text-align: center">'+prev_qsl_html+'</td>';
|
|
line += '<td style=\'text-align: center\'><button onclick="mark_qsl_sent('+id+', \'B\')" class="btn btn-sm btn-success"><i class="fa fa-check"></i></button></td>';
|
|
line += '<td style=\'text-align: center\'><button onclick="deleteFromQslQueue('+id+')" class="btn btn-sm btn-danger"><i class="fas fa-trash-alt"></i></button></td></td>';
|
|
line += '<td style=\'text-align: center\'><button onclick="openQsoList(\''+$("#qsolist_"+id).find("td:eq(0)").text()+'\')" class="btn btn-sm btn-success"><i class="fas fa-search"></i></button></td>';
|
|
line += '</tr>';
|
|
$('#qslprint_table tr:last').after(line);
|
|
$("#qsolist_"+id).remove();
|
|
},
|
|
error: function() {
|
|
console.error('Error adding QSO to print queue.');
|
|
}
|
|
});
|
|
},
|
|
error: function() {
|
|
console.error('Error fetching previous QSL.');
|
|
}
|
|
});
|
|
}
|
|
|
|
$(".station_id").change(function(){
|
|
var station_id = $(".station_id").val();
|
|
$.ajax({
|
|
url: base_url + 'index.php/qslprint/get_qsos_for_print_ajax',
|
|
type: 'post',
|
|
data: {'station_id': station_id},
|
|
success: function(html) {
|
|
$('.resulttable').empty();
|
|
$('.resulttable').append(html);
|
|
}
|
|
});
|
|
});
|
|
|
|
$('#qslprint_table').DataTable({
|
|
"stateSave": true,
|
|
paging: false,
|
|
"language": {
|
|
url: getDataTablesLanguageUrl(),
|
|
}
|
|
});
|
|
|
|
function showOqrs(id) {
|
|
$.ajax({
|
|
url: base_url + 'index.php/qslprint/show_oqrs',
|
|
type: 'post',
|
|
data: {'id': id},
|
|
success: function(html) {
|
|
BootstrapDialog.show({
|
|
title: 'OQRS',
|
|
size: BootstrapDialog.SIZE_WIDE,
|
|
cssClass: 'qso-dialog',
|
|
nl2br: false,
|
|
message: html,
|
|
onshown: function(dialog) {
|
|
$('[data-bs-toggle="tooltip"]').tooltip();
|
|
},
|
|
buttons: [{
|
|
label: lang_admin_close,
|
|
action: function (dialogItself) {
|
|
dialogItself.close();
|
|
}
|
|
}]
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
function mark_qsl_sent(id, method) {
|
|
$.ajax({
|
|
url: base_url + 'index.php/qso/qsl_sent_ajax',
|
|
type: 'post',
|
|
data: {'id': id,
|
|
'method': method
|
|
},
|
|
success: function(data) {
|
|
if (data.message == 'OK') {
|
|
$("#qslprint_" + id).remove(); // removes choice from menu
|
|
}
|
|
else {
|
|
$(".container").append('<div class="alert alert-danger"><a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>You are not allowed to update QSL status!</div>');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
var target = document.body;
|
|
var box_observer = new MutationObserver(function() {
|
|
$('#checkBoxAll').change(function (event) {
|
|
if (this.checked) {
|
|
$('.qslprint tbody tr').each(function (i) {
|
|
$(this).closest('tr').addClass('activeRow');
|
|
$(this).closest('tr').find("input[type=checkbox]").prop("checked", true);
|
|
});
|
|
} else {
|
|
$('.qslprint tbody tr').each(function (i) {
|
|
$(this).closest('tr').removeClass('activeRow');
|
|
$(this).closest('tr').find("input[type=checkbox]").prop("checked", false);
|
|
});
|
|
}
|
|
});
|
|
$('.qslprint').on('click', 'input[type="checkbox"]', function() {
|
|
if ($(this).is(":checked")) {
|
|
$(this).closest('tr').addClass('activeRow');
|
|
} else {
|
|
$(this).closest('tr').removeClass('activeRow');
|
|
}
|
|
});
|
|
|
|
|
|
});
|
|
var config = { childList: true, subtree: true};
|
|
box_observer.observe(target, config);
|
|
|
|
|
|
function markSelectedQsos() {
|
|
var elements = $('.qslprint tbody input:checked');
|
|
var nElements = elements.length;
|
|
if (nElements == 0) {
|
|
return;
|
|
}
|
|
$('.markallprinted').prop("disabled", true);
|
|
var id_list=[];
|
|
elements.each(function() {
|
|
let id = $(this).first().closest('tr').attr('id');
|
|
id = id.match(/\d/g);
|
|
id = id.join("");
|
|
id_list.push(id);
|
|
});
|
|
$.ajax({
|
|
url: base_url + 'index.php/logbookadvanced/update_qsl',
|
|
type: 'post',
|
|
data: {'id': JSON.stringify(id_list, null, 2),
|
|
'sent' : 'Y',
|
|
'method' : ''
|
|
},
|
|
success: function(data) {
|
|
if (data !== []) {
|
|
$.each(data, function(k, v) {
|
|
$("#qslprint_"+this.qsoID).remove();
|
|
});
|
|
}
|
|
$('.markallprinted').prop("disabled", false);
|
|
}
|
|
});
|
|
}
|
|
|
|
function removeSelectedQsos() {
|
|
var elements = $('.qslprint tbody input:checked');
|
|
var nElements = elements.length;
|
|
if (nElements == 0) {
|
|
return;
|
|
}
|
|
$('.removeall').prop("disabled", true);
|
|
|
|
var id_list=[];
|
|
elements.each(function() {
|
|
let id = $(this).first().closest('tr').attr('id');
|
|
id = id.match(/\d/g);
|
|
id = id.join("");
|
|
id_list.push(id);
|
|
});
|
|
|
|
$.ajax({
|
|
url: base_url + 'index.php/logbookadvanced/update_qsl',
|
|
type: 'post',
|
|
data: {'id': JSON.stringify(id_list, null, 2),
|
|
'sent' : 'N',
|
|
'method' : ''
|
|
},
|
|
success: function(data) {
|
|
if (data !== []) {
|
|
$.each(data, function(k, v) {
|
|
$("#qslprint_"+this.qsoID).remove();
|
|
});
|
|
}
|
|
$('.removeall').prop("disabled", false);
|
|
}
|
|
});
|
|
}
|
|
|
|
function exportSelectedQsos() {
|
|
var elements = $('.qslprint tbody input:checked');
|
|
var nElements = elements.length;
|
|
if (nElements == 0) {
|
|
return;
|
|
}
|
|
$('.exportselected').prop("disabled", true);
|
|
|
|
var id_list=[];
|
|
elements.each(function() {
|
|
let id = $(this).first().closest('tr').attr('id');
|
|
id = id.match(/\d/g);
|
|
id = id.join("");
|
|
id_list.push(id);
|
|
});
|
|
|
|
xhttp = new XMLHttpRequest();
|
|
xhttp.onreadystatechange = function() {
|
|
var a;
|
|
if (xhttp.readyState === 4 && xhttp.status === 200) {
|
|
// Trick for making downloadable link
|
|
a = document.createElement('a');
|
|
a.href = window.URL.createObjectURL(xhttp.response);
|
|
// Give filename you wish to download
|
|
// Get the current date and time
|
|
const now = new Date();
|
|
|
|
// Format the date and time as UTC Ymd-Hi
|
|
const year = now.getUTCFullYear();
|
|
const month = String(now.getUTCMonth() + 1).padStart(2, '0'); // Months are zero-based
|
|
const day = String(now.getUTCDate()).padStart(2, '0');
|
|
const hours = String(now.getUTCHours()).padStart(2, '0');
|
|
const minutes = String(now.getUTCMinutes()).padStart(2, '0');
|
|
|
|
// Create the formatted filename
|
|
const filename = `${my_call}-${year}${month}${day}-${hours}${minutes}.adi`;
|
|
a.download = filename;
|
|
a.style.display = 'none';
|
|
document.body.appendChild(a);
|
|
a.click();
|
|
}
|
|
};
|
|
|
|
// Post data to URL which handles post request
|
|
xhttp.open("POST", site_url+'/logbookadvanced/export_to_adif', true);
|
|
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
|
// You should set responseType as blob for binary responses
|
|
xhttp.responseType = 'blob';
|
|
xhttp.send("id=" + JSON.stringify(id_list, null, 2));
|
|
|
|
$('.exportselected').prop("disabled", false);
|
|
}
|
|
|
|
function markMethod(){
|
|
|
|
//grab the dropdown
|
|
const select = document.getElementById('markqslmethod');
|
|
|
|
//grab the selected method
|
|
const methodkey = select.value;
|
|
const method = select.options[select.selectedIndex].text;
|
|
|
|
//perform function
|
|
markMethodQSOs(methodkey === "ALL" ? '' : method);
|
|
}
|
|
|
|
function markMethodQSOs(method) {
|
|
|
|
//unmark any QSO that is already marked for cleanup purposes
|
|
unmarkallQSOs();
|
|
|
|
//grab the table
|
|
const table = document.getElementById('qslprint_table');
|
|
|
|
//loop through each row except the header
|
|
Array.from(table.tBodies[0].rows).forEach(row => {
|
|
|
|
//get the send-method column
|
|
const sendMethodCell = row.querySelector('td.send-method');
|
|
|
|
//check if it contains the right method (or skip check if method is empty)
|
|
if (sendMethodCell && (method === "" || sendMethodCell.textContent.trim() === method)) {
|
|
|
|
//find the checkbox in the first cell
|
|
const checkbox = row.querySelector('td:first-child input[type="checkbox"]');
|
|
|
|
//check that box
|
|
if (checkbox) {
|
|
checkbox.checked = true;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function unmarkallQSOs(){
|
|
|
|
//grab the table
|
|
const table = document.getElementById('qslprint_table');
|
|
|
|
//loop through each row except the header
|
|
Array.from(table.tBodies[0].rows).forEach(row => {
|
|
|
|
//find the checkbox in the first cell
|
|
const checkbox = row.querySelector('td:first-child input[type="checkbox"]');
|
|
|
|
//check that box
|
|
if (checkbox) {
|
|
checkbox.checked = false;
|
|
}
|
|
});
|
|
}
|
|
|
|
function switchbandandfrequencydisplay(mode){
|
|
|
|
//switch state according to selected value. Default case = band
|
|
switch(mode) {
|
|
case 'band':
|
|
bandcols = document.querySelectorAll('.col-band');
|
|
bandcols.forEach(cell => { cell.style.display = '';});
|
|
freqcols = document.querySelectorAll('.col-freq');
|
|
freqcols.forEach(cell => { cell.style.display = 'none';});
|
|
break;
|
|
case 'frequency':
|
|
bandcols = document.querySelectorAll('.col-band');
|
|
bandcols.forEach(cell => { cell.style.display = 'none';});
|
|
freqcols = document.querySelectorAll('.col-freq');
|
|
freqcols.forEach(cell => { cell.style.display = '';});
|
|
break;
|
|
case 'both':
|
|
bandcols = document.querySelectorAll('.col-band');
|
|
bandcols.forEach(cell => { cell.style.display = '';});
|
|
freqcols = document.querySelectorAll('.col-freq');
|
|
freqcols.forEach(cell => { cell.style.display = '';});
|
|
break;
|
|
default:
|
|
bandcols = document.querySelectorAll('.col-band');
|
|
bandcols.forEach(cell => { cell.style.display = '';});
|
|
freqcols = document.querySelectorAll('.col-freq');
|
|
freqcols.forEach(cell => { cell.style.display = 'none';});
|
|
break;
|
|
}
|
|
}
|
|
|
|
document.getElementById('frequency_or_band').addEventListener('change', function (event) {
|
|
//switch display options
|
|
switchbandandfrequencydisplay(event.target.value);
|
|
});
|