aredn/files/app/partial/location.ut

66 lines
2.5 KiB
Plaintext
Raw Normal View History

{%
/*
* Part of AREDN® -- Used for creating Amateur Radio Emergency Data Networks
* Copyright (C) 2024 Tim Wilkinson
* See Contributors file for additional contributors
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation version 3 of the License.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
* Additional Terms:
*
* Additional use restrictions exist on the AREDN® trademark and logo.
* See AREDNLicense.txt for more info.
*
* Attributions to the AREDN® Project must be retained in the source code.
* If importing this code into a new or existing project attribution
* to the AREDN® project must be added to the source code.
*
* You must not misrepresent the origin of the material contained within.
*
* Modified versions must be modified to attribute to the original source
* and be marked in reasonable ways as differentiate it from the original
* version
*/
%}
{%
const map = uci.get("aredn", "@location[0]", "map");
const lat = uci.get("aredn", "@location[0]", "lat");
const lon = uci.get("aredn", "@location[0]", "lon");
const gridsquare = uci.get("aredn", "@location[0]", "gridsquare");
const source = uci.get("aredn", "@location[0]", "source");
const mapurl = lat && lon && map ? replace(replace(map, "(lat)", lat), "(lon)", lon) : null;
%}
<div class="ctrl" hx-get="status/e/location" hx-target="#ctrl-modal">
{% if (mapurl) { %}
<div class="location-image"><iframe loading="eager" src="{{mapurl}}"></iframe></div>
<script>
(function(){
fetch("{{mapurl}}").catch(_ => document.querySelector(".location-image").style.display = "none");
})();
</script>
{% } %}
{% if (lat && lon) { %}
<div class="cols">
<div class="t">{{lat}}, {{lon}}</div>
<div style="flex:0">{{gridsquare}}</div>
{% } else if (gridsquare) { %}
<div class="cols">
<div class="t">{{gridsquare}}</div>
{% } else { %}
<div class="cols">
<div class="t">Unknown</div>
{% } %}
</div>
<div class="s">location{{source ? " (" + source + ")" : ""}}</div>
</div>