2021-09-10 16:53:24 +00:00
|
|
|
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
// Load the Visualization API and the piechart package.
|
|
|
|
google.load('visualization', '1', {'packages':['corechart']});
|
|
|
|
|
|
|
|
// Set a callback to run when the Google Visualization API is loaded.
|
2021-11-14 17:46:09 +00:00
|
|
|
<?php if (($total_ssb != null) && ($total_cw != null) && ($total_fm != null) && ($total_digi != null)) { ?>
|
|
|
|
google.setOnLoadCallback(drawModeChart);
|
|
|
|
<?php } ?>
|
|
|
|
|
|
|
|
<?php if ($total_bands) { ?>
|
|
|
|
google.setOnLoadCallback(drawBandChart);
|
|
|
|
<?php } ?>
|
|
|
|
|
2021-11-17 20:48:44 +00:00
|
|
|
<?php if ($total_sat && $total_sat->num_rows() != 0) { ?>
|
2021-11-14 17:46:09 +00:00
|
|
|
google.setOnLoadCallback(drawSatChart);
|
|
|
|
<?php } ?>
|
|
|
|
|
2021-09-10 16:53:24 +00:00
|
|
|
|
|
|
|
// Callback that creates and populates a data table,
|
|
|
|
// instantiates the pie chart, passes in the data and
|
|
|
|
// draws it.
|
|
|
|
function drawModeChart() {
|
|
|
|
|
|
|
|
// Create our data table.
|
|
|
|
var data = new google.visualization.DataTable();
|
|
|
|
data.addColumn('string', 'Topping');
|
|
|
|
data.addColumn('number', 'Slices');
|
|
|
|
data.addRows([
|
2021-11-14 17:46:09 +00:00
|
|
|
['SSB', <?php echo $total_ssb==null?0:$total_ssb; ?>],
|
|
|
|
['CW', <?php echo $total_cw==null?0:$total_cw; ?>],
|
|
|
|
['FM', <?php echo $total_fm==null?0:$total_fm; ?>],
|
|
|
|
['Digi', <?php echo $total_digi==null?0:$total_digi; ?>],
|
2021-09-10 16:53:24 +00:00
|
|
|
]);
|
2011-07-24 22:33:08 +00:00
|
|
|
|
2021-09-10 16:53:24 +00:00
|
|
|
var color = ifDarkModeThemeReturn('white');
|
|
|
|
var options = {
|
|
|
|
title: 'Modes',
|
|
|
|
width: 900,
|
|
|
|
height: 440,
|
|
|
|
backgroundColor: getBodyBackground(),
|
|
|
|
legendTextStyle: {
|
|
|
|
color: color
|
|
|
|
},
|
|
|
|
titleTextStyle: {
|
|
|
|
fontSize: 20,
|
|
|
|
color: color
|
|
|
|
},
|
|
|
|
hAxisTextStyle: {
|
|
|
|
color: color
|
|
|
|
},
|
|
|
|
vAxisTextStyle: {
|
|
|
|
color: color
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
// Instantiate and draw our chart, passing in some options.
|
|
|
|
var chart = new google.visualization.PieChart(document.getElementById('modechart_div'));
|
|
|
|
chart.draw(data, options);
|
|
|
|
}
|
2011-07-24 22:33:08 +00:00
|
|
|
|
2021-09-10 16:53:24 +00:00
|
|
|
function drawBandChart() {
|
2011-07-24 22:33:08 +00:00
|
|
|
|
2021-09-10 16:53:24 +00:00
|
|
|
// Create our data table.
|
|
|
|
var data = new google.visualization.DataTable();
|
|
|
|
data.addColumn('string', 'Topping');
|
|
|
|
data.addColumn('number', 'Slices');
|
|
|
|
data.addRows([
|
2021-11-14 17:46:09 +00:00
|
|
|
<?php
|
|
|
|
if ($total_bands) {
|
|
|
|
|
|
|
|
foreach($total_bands->result() as $row) { ?>
|
|
|
|
['<?php echo $row->band; ?>', <?php echo $row->count; ?>],
|
|
|
|
<?php }
|
|
|
|
}
|
|
|
|
|
|
|
|
?>
|
2021-09-10 16:53:24 +00:00
|
|
|
]);
|
2011-07-24 22:33:08 +00:00
|
|
|
|
2021-09-10 16:53:24 +00:00
|
|
|
var color = ifDarkModeThemeReturn('white');
|
|
|
|
var options = {
|
|
|
|
title: 'Bands',
|
|
|
|
width: 900,
|
|
|
|
height: 440,
|
|
|
|
backgroundColor: getBodyBackground(),
|
|
|
|
legendTextStyle: {
|
|
|
|
color: color
|
|
|
|
},
|
|
|
|
titleTextStyle: {
|
|
|
|
fontSize: 20,
|
|
|
|
color: color
|
|
|
|
},
|
|
|
|
hAxisTextStyle: {
|
|
|
|
color: color
|
|
|
|
},
|
|
|
|
vAxisTextStyle: {
|
|
|
|
color: color
|
|
|
|
}
|
|
|
|
};
|
2011-07-24 22:33:08 +00:00
|
|
|
|
2021-09-10 16:53:24 +00:00
|
|
|
// Instantiate and draw our chart, passing in some options.
|
|
|
|
var chart = new google.visualization.PieChart(document.getElementById('bandchart_div'));
|
|
|
|
chart.draw(data, options);
|
2011-07-24 22:33:08 +00:00
|
|
|
}
|
|
|
|
|
2021-09-10 16:53:24 +00:00
|
|
|
function drawSatChart() {
|
|
|
|
// Create our data table.
|
|
|
|
var data = new google.visualization.DataTable();
|
|
|
|
data.addColumn('string', 'Topping');
|
|
|
|
data.addColumn('number', 'Slices');
|
|
|
|
data.addRows([
|
2021-11-14 17:46:09 +00:00
|
|
|
<?php
|
|
|
|
if ($total_sat) {
|
|
|
|
foreach($total_sat->result() as $row1) { ?>
|
|
|
|
<?php if($row1->COL_SAT_NAME != null) { ?>
|
|
|
|
['<?php echo $row1->COL_SAT_NAME; ?>', <?php echo $row1->count; ?>],
|
|
|
|
<?php } ?>
|
|
|
|
<?php }
|
|
|
|
}?>
|
2021-09-10 16:53:24 +00:00
|
|
|
]);
|
2011-07-24 22:33:08 +00:00
|
|
|
|
2021-09-10 16:53:24 +00:00
|
|
|
var color = ifDarkModeThemeReturn('white');
|
|
|
|
var options = {
|
|
|
|
width: 900,
|
|
|
|
height: 440,
|
|
|
|
backgroundColor: getBodyBackground(),
|
|
|
|
legendTextStyle: {
|
|
|
|
color: color
|
|
|
|
},
|
|
|
|
titleTextStyle: {
|
|
|
|
fontSize: 20,
|
|
|
|
color: color
|
|
|
|
},
|
|
|
|
hAxisTextStyle: {
|
|
|
|
color: color
|
|
|
|
},
|
|
|
|
vAxisTextStyle: {
|
|
|
|
color: color
|
|
|
|
}
|
|
|
|
};
|
2011-07-24 22:33:08 +00:00
|
|
|
|
2021-09-10 16:53:24 +00:00
|
|
|
// Instantiate and draw our chart, passing in some options.
|
|
|
|
var chart = new google.visualization.PieChart(document.getElementById('satchart_div'));
|
|
|
|
chart.draw(data, options);
|
2011-07-24 22:33:08 +00:00
|
|
|
}
|
2021-09-10 16:53:24 +00:00
|
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
2021-11-14 17:46:09 +00:00
|
|
|
<?php if ($totals_year) { ?>
|
2021-09-10 16:53:24 +00:00
|
|
|
google.setOnLoadCallback(barchart);
|
2021-11-14 17:46:09 +00:00
|
|
|
<?php } ?>
|
2021-09-10 16:53:24 +00:00
|
|
|
function barchart() {
|
2013-02-16 14:37:37 +00:00
|
|
|
var data = google.visualization.arrayToDataTable([
|
2021-09-10 16:53:24 +00:00
|
|
|
['Year', 'QSOs'],
|
2021-11-14 17:46:09 +00:00
|
|
|
<?php
|
|
|
|
if ($totals_year) {
|
|
|
|
foreach($totals_year->result() as $qso_numbers) { ?>
|
|
|
|
['<?php echo $qso_numbers->year; ?>', <?php echo $qso_numbers->total; ?>],
|
|
|
|
<?php }
|
|
|
|
}
|
|
|
|
?>
|
2013-02-16 14:37:37 +00:00
|
|
|
]);
|
|
|
|
|
2021-09-10 16:53:24 +00:00
|
|
|
var color = ifDarkModeThemeReturn('white');
|
2013-02-16 14:37:37 +00:00
|
|
|
var options = {
|
2021-09-10 16:53:24 +00:00
|
|
|
title: 'Total QSOs Per Year',
|
|
|
|
width: 900,
|
|
|
|
height: 500,
|
|
|
|
backgroundColor: getBodyBackground(),
|
|
|
|
legendTextStyle: {
|
|
|
|
color: color
|
|
|
|
},
|
|
|
|
titleTextStyle: {
|
|
|
|
fontSize: 20,
|
|
|
|
color: color
|
|
|
|
},
|
|
|
|
hAxis: {
|
|
|
|
title: 'Year',
|
|
|
|
titleTextStyle: {
|
|
|
|
color: color
|
|
|
|
},
|
|
|
|
textStyle: {
|
|
|
|
color: color
|
|
|
|
}
|
|
|
|
},
|
|
|
|
vAxis: {
|
|
|
|
title: 'QSOs',
|
|
|
|
titleTextStyle: {
|
|
|
|
color: color
|
|
|
|
},
|
|
|
|
textStyle: {
|
|
|
|
color: color
|
|
|
|
}
|
|
|
|
}
|
2013-02-16 14:37:37 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
var chart = new google.visualization.ColumnChart(document.getElementById('totals_year'));
|
|
|
|
chart.draw(data, options);
|
2021-09-10 16:53:24 +00:00
|
|
|
}
|
|
|
|
</script>
|
2011-07-24 22:33:08 +00:00
|
|
|
|
2019-05-13 16:37:01 +00:00
|
|
|
<div class="container statistics">
|
|
|
|
|
2021-09-10 16:53:24 +00:00
|
|
|
<h2>
|
|
|
|
<?php echo $page_title; ?>
|
|
|
|
<small class="text-muted">Explore the logbook.</small>
|
|
|
|
</h2>
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
2021-11-17 20:48:44 +00:00
|
|
|
<?php if ($total_sat && $total_sat->num_rows() != 0) { ?>
|
|
|
|
<ul class="nav nav-tabs" id="myTab" role="tablist">
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">General</a>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link" id="satellite-tab" data-toggle="tab" href="#satellite" role="tab" aria-controls="satellite" aria-selected="false">Satellites</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<?php } ?>
|
2021-09-10 16:53:24 +00:00
|
|
|
|
|
|
|
<div class="tab-content" id="myTabContent">
|
|
|
|
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
|
|
|
|
<div id="totals_year"></div>
|
|
|
|
<div id="modechart_div"></div>
|
|
|
|
<div id="bandchart_div"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="tab-pane fade" id="satellite" role="tabpanel" aria-labelledby="satellite-tab">
|
|
|
|
<div id="satchart_div"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2011-07-24 22:33:08 +00:00
|
|
|
|
2011-11-06 23:09:51 +00:00
|
|
|
</div>
|