mirror of
https://github.com/wavelog/wavelog.git
synced 2026-03-22 18:27:16 +00:00
59 lines
1.8 KiB
PHP
59 lines
1.8 KiB
PHP
<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8.1/dist/polyfill.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/whatwg-fetch@3.0/dist/fetch.umd.min.js"></script>
|
|
<script src="https://d3js.org/d3.v5.min.js"></script>
|
|
<script src="https://d3js.org/d3-geo-projection.v2.min.js"></script>
|
|
<script>
|
|
const homelat = "<?php echo $latlng[0]; ?>";
|
|
const homelon = "<?php echo $latlng[1]; ?>";
|
|
const homegrid = "<?php echo $homegrid; ?>";
|
|
var icon_home_url = "<?php echo base_url();?>assets/images/dot.png";
|
|
var tileUrl = "<?php echo $this->optionslib->get_option('option_map_tile_server'); ?>";
|
|
</script>
|
|
<script type="text/javascript">
|
|
var lang_gen_hamradio_gridsquares = '<?= _pgettext("Map Options", "Gridsquares"); ?>';
|
|
let lang_gen_hamradio_upcoming_passes = '<?= "Upcoming satellite passes for"; ?>';
|
|
</script>
|
|
|
|
<style>
|
|
.footprint--LEO {
|
|
fill: rgba(255, 0, 0, 0.5);
|
|
stroke: rgba(255, 0, 0, 0.5);
|
|
}
|
|
|
|
.footprint--MEO {
|
|
fill: rgba(0, 255, 0, 0.5);
|
|
stroke: rgba(0, 255, 0, 0.5);
|
|
}
|
|
|
|
.footprint--GEO {
|
|
fill: rgba(0, 0, 255, 0.5);
|
|
stroke: rgba(0, 0, 255, 0.5);
|
|
}
|
|
|
|
</style>
|
|
<div class="container">
|
|
|
|
<br>
|
|
|
|
<h2><?php echo $page_title; ?></h2>
|
|
|
|
<form class="d-flex align-items-center">
|
|
<label class="my-1 me-2" id="satslabel" for="distplot_sats"><?= __("Satellite"); ?></label>
|
|
<select class="form-select my-1 me-sm-2 w-auto" id="sats" onchange="plot_sat()">
|
|
<?php foreach($satellites as $sat) {
|
|
echo '<option value="' . $sat->satname . '"';
|
|
if ($sat->satname == ($selsat ?? '')) { echo ' selected'; }
|
|
echo '>' . $sat->satname . '</option>'."\n";
|
|
} ?>
|
|
</select>
|
|
|
|
|
|
<input type="hidden" id="selsat" value="<?php echo ($selsat ?? ''); ?>">
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div id="satcontainer">
|
|
<div id="sat_map" class="map-leaflet" style="width: 100%; height: 85vh"></div>
|
|
</div>
|