calco2la.to/calco2la.to-php
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

basic flight calc working

Browse Source
This commit is contained in:
zemion
2025-09-26 11:22:45 +02:00
parent 4cd422a993
commit 90e958af74
3 changed files with 80 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
public/example.html
View File

@@ -1,30 +1,82 @@
<form id="airport-search-form">
<input type="text" id="q" name="q" />
<button type="submit" name="Los" title="Los">Los</button>
</form>
<div id="airport-results"></div>
<!DOCTYPE html>
<html>
<head>
<title>calco2la.to API client example</title>
<style>
#wrapper {
max-width: 40em;
height: 100%;
margin: 0em auto;
}
#airport-results, #flight-results {
min-height: 5em;
border: 1px solid grey;
margin: 1em auto;
}
</style>
</head>
<body>
<div id="wrapper">
<h1>Search for airports</h1>
<form id="airport-search-form">
<input type="text" id="q" name="q" />
<button type="submit" name="Los" title="Los">Search ...</button>
</form>
<div id="airport-results">
<ul id="airport-list"></ul>
</div>
<h1>Calculate flight</h1>
<form id="flight-search-form">
<input type="text" id="departure" name="departure" />
<input type="text" id="arrival" name="arrival" />
<input type="date" id="departuredate" name="departuredate" value="2025-09-26" min="2017-01-01" max="2025-12-31" />
<select id="cabinclass" name="cabinclass">
<option value="economy">Economy</option>
<option value="premium_economy">Business Economy</option>
<option value="business">Business</option>
<option value="first">First</option>
</select>
<button type="submit" name="Los" title="Los">Calculate ...</button>
</form>
<div id="flight-results">
<pre id="flight-output"></pre>
</div>
</div>
<script type="module">
import { Calco2latoClient } from '/js/calco2lato.js';
<script type="module">
import { Calco2latoClient } from '/js/calco2lato.js';
const api = new Calco2latoClient('/api-proxy.php');
const api = new Calco2latoClient('/api-proxy.php');
const form = document.querySelector('#airport-search-form');
const list = document.querySelector('#airport-results');
const searchform = document.querySelector('#airport-search-form');
const list = document.querySelector('#airport-list');
form.addEventListener('submit', async (e) => {
e.preventDefault();
list.innerHTML = 'Loading…';
try {
const q = new FormData(form).get('q');
const airports = await api.searchAirports(q, 10, 1);
list.innerHTML = airports.map(a => `<li>${a.display}</li>`).join('');
} catch (err) {
list.innerHTML = `<li style="color:red">${err.message}</li>`;
}
});
searchform.addEventListener('submit', async (e) => {
e.preventDefault();
list.innerHTML = 'Loading…';
try {
const q = new FormData(searchform).get('q');
const airports = await api.searchAirports(q, 10, 1);
list.innerHTML = airports.map(a => `<li>${a.display}</li>`).join('');
} catch (err) {
list.innerHTML = `<li style="color:red">${err.message}</li>`;
}
});
// Example flight estimate:
// const est = await api.estimateFlight({ origin: 'FRA', destination: 'LHR', pax: 1, cabin: 'economy' });
// console.log(est.summary());
</script>
const flightform = document.querySelector('#flight-search-form');
const flightresult = document.querySelector('#flight-output');
flightform.addEventListener('submit', async (e) => {
e.preventDefault();
flightresult.innerHTML = 'Loading…';
try {
const f = new FormData(flightform);
const flight = await api.estimateFlight({"flights": [{"departure": f.get('departure'), "arrival": f.get('arrival'), "passengerCount": 1, "travelClass": f.get('cabinclass'), "departureDate": f.get('departuredate')}]});
flightresult.innerHTML = JSON.stringify(flight, null, 2);
} catch (err) {
flightresult.innerHTML = `<span style="color:red">${err.message}</span>`;
}
});
</script>
</body>
</html>