stevenhowes/SARTools
1
0
Fork 0
mirror of https://github.com/stevenhowes/SARTools.git synced 2026-05-26 15:53:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

First version

Browse Source
This commit is contained in:
Steve Howes
2023-10-21 20:42:13 +01:00
parent 0949f0e734
commit b065ee5c0e
3 changed files with 64 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.php
+53
View File
@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script src="jquery-3.7.1.min.js"></script>
<script src="sartools.js?v=2"></script>
<title>SAR Tools</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<style>
body {
margin: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: #f5f5f5;
font-family: sans-serif;
}
.container {
text-align: center;
border-radius: 10px;
background-color: #f0f0f0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 90%;
max-width: 400px;
}
input[type="text"] {
width: 90%;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 32px;
text-align: center;
}
a {
text-decoration: none;
color: #090909;
font-weight: bold;
}
</style>
</head>
<body onload="loaded()">
<div class="container">
<h2>OS Grid Ref</h2>
<input type="text" id="osgrid" name="q" size="60" maxlength="255" value="">
<br>
<br>
<div id="link"></div>
<br>
</div>
</body>
</html>
jquery-3.7.1.min.js
Vendored
+2
View File
File diff suppressed because one or more lines are too long
sartools.js
+9
View File
@@ -0,0 +1,9 @@
function loaded(){
$('#osgrid').on('input', function() {
var grid = $('#osgrid').val();
grid = grid.replace(/[^0-9a-z]/gi, '');
$.get( "http://sartools-api.geekinter.net:9090/v4/gridref/" + grid, function( data ) {
$( "#link" ).html( '<a href="https://www.google.com/maps/dir/My+Location/' + data.lat + ',' + data.lon + '">Navigate</a>' );
});
});
}