index.html

<!DOCTYPE html>
<html>
	<head> 
		<meta charset="UTF-8">
		<title>Lentoapuri</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="icon" type="image/x-icon" href="/favicon.ico">
		<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" />
		<link rel="stylesheet" href="mystyle.css" />
		<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
		<script src="https://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
		
		<script src="scripts/storage.remy.js"></script>
		<!-- local-storage from https://gist.github.com/remy/350433 -->
		
		<script src="scripts/main.js" ></script>
	</head> 
<body onload="onLoad()">
	<div data-role="page" id="page-main"> 
		<div data-role="header" data-position="inline">
			<a href="#" onclick="updateCurrentLocation()" data-icon="refresh" id="location-button"><span id="locationUpdateButtonText">Sijainti</span></a>
			<h1>Lentoapuri</h1>
			<a href="#page-plan-settings" data-icon="gear" id="settings-button" class="ui-btn-right">Perustiedot</a>
		</div> 

		<div data-role="content">
			<h2 style="color:red">Huomio: Lentoapuri ei ole tällä hetkellä yhteensopiva <a href="https://www.ais.fi/fi/user/submit-flight-plan">ais.fi</a> lentosuunnitelmalomakkeen kanssa!</h2>
			<h3 style="color:navy">Lentoapuri ei pysty täyttämään lentosuunnitelmalomaketta, koska <a href="https://www.ais.fi/fi/user/submit-flight-plan">ais.fi</a> sivuston uudistuksen takia sen toiminta on muuttunut oleellisesti. Katsotaan mitä asian suhteen on tehtävissä.
			</h3>
			<div class="ui-field-contain">
				<fieldset data-role="controlgroup" data-mini="true">
					<legend>
						Lähtöpaikka
					</legend>
					<select id="departure" onchange="onChangeDepartureAd()" data-mini="true">
						<option value="none">(not loaded)</option>
					</select>
				</fieldset>
				<fieldset data-role="controlgroup" id="zzzz_departure_container" data-mini="true">
					<legend></legend>
					<input id="zzzz_departure" type="text" placeholder="Lähtöpaikan nimi" data-mini="true"/>
				</fieldset>
			</div>
			<div class="ui-field-contain">
				<fieldset data-role="controlgroup" data-mini="true">
					<legend>
						Laskupaikka
					</legend>
					<select id="destination" onchange="onChangeDestinationAd()" data-mini="true">
						<option value="none">(not loaded)</option>
					</select>
				</fieldset>
				<fieldset data-role="controlgroup" id="zzzz_destination_container" data-mini="true">
					<legend></legend>
					<input id="zzzz_destination" type="text" placeholder="Laskupaikan nimi ja koordinaatit" data-mini="true" />
				</fieldset>
			</div>

			<div class="ui-field-contain">
				<fieldset data-role="controlgroup">
					<legend>
						Reitti
					</legend>
					<div id="route_departure_ad"></div>
				</fieldset>
				<fieldset data-role="controlgroup" data-mini="true">
					<legend>
					</legend>
					<select id="route_departure_rep" onchange="createFlyingTimeTable()" data-mini="true" >
						<option value="none">(not loaded)</option>
					</select>
				</fieldset>
				<fieldset data-role="controlgroup" data-mini="true">
					<legend>
					</legend>
					<input id="route" type="text" data-mini="true" placeholder="Reitin muut määritykset tai käännepisteet" />
				</fieldset>
				<fieldset data-role="controlgroup" id="route_fir_point_container" data-mini="true">
					<legend>
						FIR rajan ylitys
					</legend>
					<select id="route_fir_point" onchange="createFlyingTimeTable()" data-mini="true" >
						<option value="none">(nothing to show)</option>
					</select>
				</fieldset>
				<fieldset data-role="controlgroup" data-mini="true">
					<legend>
					</legend>
					<select id="route_destination_rep" onchange="createFlyingTimeTable()" data-mini="true" >
						<option value="none">(not loaded)</option>
					</select>
				</fieldset>
				<fieldset data-role="controlgroup"> <!-- data-mini="true"-->
					<legend>
					</legend>
					<div id="route_destination_ad"></div>
				</fieldset>
			</div>

			<div class="ui-field-contain">
				<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
					<legend>
						Lentokorkeus
					</legend>
					<select id="flight_lv" onchange="onChangeFlightLv()" data-mini="true">
						<option value="VFR" selected="selected">VFR</option>
						<option value="F">F (lentopinta)</option>
						<option value="A">A (korkeus merenpinnasta, 100 jalkaa)</option>
						<option value="S">S (korkeus std paineella, 10 metriä)</option>
						<option value="M">M (korkeus merenpinnasta, 10 metriä)</option>
					</select>
				</fieldset>
				<fieldset data-role="controlgroup" id="flight_level_container" data-mini="true">
					<legend></legend>
					<input type="text" id="flight_level" onchange="onChangeFlightLevel()" data-mini="true" size="4" maxlength="4" />
				</fieldset>
			</div>
			
			<div class="ui-field-contain">
				<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
					<legend>
						Lähtöaika (kuluttua)
					</legend>
					<input type="radio" id="departureTime0h" name="departureTimeHour" value="00" />
					<label for="departureTime0h">0h</label>
					<input type="radio" id="departureTime1h" name="departureTimeHour" value="01" checked="checked" />
					<label for="departureTime1h">1h</label>
					<input type="radio" id="departureTime2h" name="departureTimeHour" value="02" />
					<label for="departureTime2h">2h</label>
					<input type="radio" id="departureTime3h" name="departureTimeHour" value="03" />
					<label for="departureTime3h">3h</label>
					<input type="radio" id="departureTime4h" name="departureTimeHour" value="04" />
					<label for="departureTime4h">4h</label>
					<input type="radio" id="departureTime5h" name="departureTimeHour" value="05" />
					<label for="departureTime5h">5h</label>
					<input type="radio" id="departureTime6h" name="departureTimeHour" value="06" />
					<label for="departureTime6h">6h</label>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
					<legend>
					</legend>
					<input type="radio" id="departureTime00" name="departureTimeMin" value="00" checked="checked" />
					<label for="departureTime00">0 min</label>
					<input type="radio" id="departureTime15" name="departureTimeMin" value="15" />
					<label for="departureTime15">15 min</label>
					<input type="radio" id="departureTime30" name="departureTimeMin" value="30" />
					<label for="departureTime30">30 min</label>
					<input type="radio" id="departureTime45" name="departureTimeMin" value="45" />
					<label for="departureTime45">45 min</label>

				</fieldset>
			</div>

			<div class="ui-field-contain">
				<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
					<legend>
						Toiminta-aika
					</legend>
					<input type="radio" id="endurance0h" name="enduranceHour" value="00" checked="checked" />
					<label for="endurance0h">0h</label>
					<input type="radio" id="endurance1h" name="enduranceHour" value="01" />
					<label for="endurance1h">1h</label>
					<input type="radio" id="endurance2h" name="enduranceHour" value="02" />
					<label for="endurance2h">2h</label>
					<input type="radio" id="endurance3h" name="enduranceHour" value="03" />
					<label for="endurance3h">3h</label>
					<input type="radio" id="endurance4h" name="enduranceHour" value="04" />
					<label for="endurance4h">4h</label>
					<input type="radio" id="endurance5h" name="enduranceHour" value="05" />
					<label for="endurance5h">5h</label>
					<input type="radio" id="endurance6h" name="enduranceHour" value="06" />
					<label for="endurance6h">6h</label>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
					<legend>
					</legend>
					<input type="radio" id="endurance00" name="enduranceMin" value="00" checked="checked" />
					<label for="endurance00">0 min</label>
					<input type="radio" id="endurance15" name="enduranceMin" value="15" />
					<label for="endurance15">15 min</label>
					<input type="radio" id="endurance30" name="enduranceMin" value="30" />
					<label for="endurance30">30 min</label>
					<input type="radio" id="endurance45" name="enduranceMin" value="45" />
					<label for="endurance45">45 min</label>
				</fieldset>
			</div>

			<div class="ui-field-contain">
				<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
					<legend>
						Henkilö&shy;määrä
					</legend>
					<input type="radio" id="persons1" name="persons" value="001" checked="checked" />
					<label for="persons1">1</label>
					<input type="radio" id="persons2" name="persons" value="002" />
					<label for="persons2">2</label>
					<input type="radio" id="persons3" name="persons" value="003" />
					<label for="persons3">3</label>
					<input type="radio" id="persons4" name="persons" value="004" />
					<label for="persons4">4</label>
					<input type="radio" id="persons5" name="persons" value="005" />
					<label for="persons5">5</label>
					<input type="radio" id="persons6" name="persons" value="006" />
					<label for="persons6">6</label>
				</fieldset>
			</div>

			<div class="ui-field-contain">
				<label for="planActivationMethod">Aktivointi</label>
				<select id="planActivationMethod" data-mini="true">
					<option value="none">(not loaded)</option>
				</select>
			</div>

			<div class="ui-field-contain">
				<label for="planCompletionMethod">Päättäminen</label>
				<select id="planCompletionMethod" data-mini="true">
					<option value="none">(not loaded)</option>
				</select>
			</div>

			<div class="ui-field-contain">
				
				<fieldset data-role="controlgroup" data-type="horizontal">
					<legend>Reitti&shy;kartta</legend>
					<canvas id="mapCanvas" style="border:1px solid #000000;">Canvas not supported</canvas>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal"> <!-- data-mini="true"-->
					<legend>Ilmatilat</legend>
					<span id="crossedAirspaces"></span>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" id="ToggleEFHKContainer"> <!-- data-mini="true"-->
					<legend></legend>
					<input type="checkbox" name="ToggleEFHKCheckbox" id="ToggleEFHKCheckbox" data-mini="true">
					<label for="ToggleEFHKCheckbox">Lisää EFHK</label>
				</fieldset>

				<fieldset data-role="controlgroup" data-type="horizontal"> <!-- data-mini="true"-->
					<legend>Laskelmat</legend>
					<span id="selectedPlane"></span>
					<span id="flyingTime"></span>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal"> <!-- data-mini="true"-->
					<legend></legend>
					<button onclick="onFlightTimeOverrideButton()" class="ui-btn ui-shadow ui-mini">Lentoajan muuttaminen...</button>
				</fieldset>
			</div>
			
			<div class="ui-field-contain" id="overrideFlightTimeContainer">
				<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
					<legend>Lentoaika</legend>
					<input type="radio" id="flightTime00h" name="flightTimeHour" value="00" />
					<label for="flightTime00h">0 h</label>
					<input type="radio" id="flightTime01h" name="flightTimeHour" value="01" />
					<label for="flightTime01h">1 h</label>
					<input type="radio" id="flightTime02h" name="flightTimeHour" value="02" />
					<label for="flightTime02h">2 h</label>
					<input type="radio" id="flightTime03h" name="flightTimeHour" value="03" />
					<label for="flightTime03h">3 h</label>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
					<legend>
					</legend>
					<input type="radio" id="flightTime00" name="flightTimeMin" value="00" />
					<label for="flightTime00">00</label>
					<input type="radio" id="flightTime05" name="flightTimeMin" value="05" />
					<label for="flightTime05">05</label>
					<input type="radio" id="flightTime10" name="flightTimeMin" value="10" />
					<label for="flightTime10">10</label>
					<input type="radio" id="flightTime15" name="flightTimeMin" value="15" />
					<label for="flightTime15">15</label>
					<input type="radio" id="flightTime20" name="flightTimeMin" value="20" />
					<label for="flightTime20">20</label>
					<input type="radio" id="flightTime25" name="flightTimeMin" value="25" />
					<label for="flightTime25">25 min</label>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
					<legend>
					</legend>
					<input type="radio" id="flightTime30" name="flightTimeMin" value="30" />
					<label for="flightTime30">30</label>
					<input type="radio" id="flightTime35" name="flightTimeMin" value="35" />
					<label for="flightTime35">35</label>
					<input type="radio" id="flightTime40" name="flightTimeMin" value="40" />
					<label for="flightTime40">40</label>
					<input type="radio" id="flightTime45" name="flightTimeMin" value="45" />
					<label for="flightTime45">45</label>
					<input type="radio" id="flightTime50" name="flightTimeMin" value="50" />
					<label for="flightTime50">50</label>
					<input type="radio" id="flightTime55" name="flightTimeMin" value="55" />
					<label for="flightTime55">55 min</label>
				</fieldset>
			</div>
			

			<div class="ui-field-contain">
				<fieldset data-role="controlgroup" data-type="horizontal">
					<legend>Lennon&shy;valmistelu&shy;tiedot</legend>
					<button onclick="onOFPContainerToggleClick();" class="ui-btn ui-shadow ui-mini" id="OFPContainerToggleButton">Näytä / piilota...</button>
				</fieldset>
			</div>

			<div class="ui-field-contain" id="OFPContainer">
				<fieldset data-role="controlgroup" data-type="horizontal">
					<legend>Metar</legend>
					<p id="metarDepId"></p>
					<p id="metarDestId"></p>
				</fieldset>

				<fieldset data-role="controlgroup" data-type="horizontal">
					<legend>TAF</legend>
					<p id="tafDepId"></p>
					<p id="tafDestId"></p>
				</fieldset>

				<!--fieldset data-role="controlgroup" data-type="horizontal">
					<legend>NOTAM</legend>
					<p id="notamDepId"></p>
					<p id="notamDestId"></p>
				</fieldset-->
				<fieldset data-role="controlgroup" data-type="horizontal">
					<legend>NAV WRNG ja AUP</legend>
					<button onclick="onClickNAV_WRNG_map()" data-mini="true">Aviamaps AUP/UUP+NAV WRNG (tänään)</button>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal">
					<legend></legend>
					<button onclick="onClickNAV_WRNG_next_map()" data-mini="true">Aviamaps AUP/UUP+NAV WRNG (huomenna)</button>
				</fieldset>

			</div>
			<!-- "https://www.ais.fi/fi/lennonvalmistelu-ja-lentosuunnitelmat/fpl-lomake" -->
			<!--form method="POST" target="_blank" action="https://www.ais.fi/user/submit-flight-plan" -->
			<!--form method="GET" action="https://www.ais.fi/user/submit-flight-plan"-->
			<form method="POST" action="">
				<input type="hidden" id="form_id" name="ilma_aluksen_tunnus"> <!-- id -->
				<input type="hidden" id="form_rules" name="rules">
				<input type="hidden" id="form_type" name="type">
				<input type="hidden" id="form_aircraft" name="aircraft">
				<input type="hidden" id="form_cat" name="cat">
				<input type="hidden" id="form_equipment" name="equipment">
				<input type="hidden" id="form_ssr" name="ssr">
				<input type="hidden" id="form_ad" name="ad">
				<input type="hidden" id="form_time" name="time">
				<input type="hidden" id="form_spd" name="spd">
				<input type="hidden" id="form_speed" name="speed">
				<input type="hidden" id="form_lv" name="lv">
				<input type="hidden" id="form_level" name="level">
				<input type="hidden" id="form_route" name="route">
				<input type="hidden" id="form_dad" name="dad">
				<input type="hidden" id="form_eet" name="eet">
				<input type="hidden" id="form_other" name="other">
				<input type="hidden" id="form_endurance" name="endurance">
				<input type="hidden" id="form_person" name="person">
				<input type="hidden" id="form_markings" name="markings">
				<input type="hidden" id="form_remarks" name="remarks">
				<input type="hidden" id="form_e" name="e">
				<input type="hidden" id="form_pic" name="pic">
				<input type="hidden" id="form_tel" name="tel">
				<input type="hidden" id="form_filed" name="filed">
				<input type="submit" value="Jatka lentosuunnitelmaan..." data-mini="true">
			</form>
			<div data-role="collapsible" data-mini="true" data-theme="a" data-content-theme="a"> <!-- b d -->
				<h4>Tehdyt lentosuunnitelmat</h4>
				<ul id="storedPlanList" data-role="listview" data-split-theme="a" data-icon="false" data-split-icon="info"> <!-- d -->
				</ul>
			</div>
			
			<p><a href="tietoja_apurista.html" rel="external" data-ajax="false">Ohjeita ja tietoja Lentoapurista</a></p>
			<p><a href="linkit.html" rel="external" data-ajax="false">Ilmailulinkit</a></p>
			
		</div><!-- content -->
	</div>

	<div data-role="page" id="page-raw-plan"> 
		<div data-role="header" data-position="inline" data-theme="a"> <!-- b -->
			<a href="#page-main" data-direction="reverse" data-icon="arrow-l">Takaisin</a>
			<h1>Raaka FPL</h1>
		</div> 
		<div data-role="content">
			<div class="ui-field-contain">
				<label for="raw-fpl-field">Raaka FPL</label>
				<textarea id="raw-fpl-field" type="textarea" data-mini="true"></textarea>
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="button-to-ais-webpage">FPL lomake</label>
				<a href="https://www.ais.fi/user/submit-flight-plan" target="_blank" id="button-to-ais-webpage" class="ui-btn ui-corner-all ui-shadow ui-mini ">ais.fi FPL lomake...</a>
			</div> <!-- fieldcontain -->
		</div> <!-- content -->
	</div> 

	<div data-role="page" id="page-stored-plan"> 
		<div data-role="header" data-position="inline" data-theme="a"> <!-- b -->
			<a href="#page-main" data-direction="reverse" data-icon="arrow-l">Takaisin</a>
			<h1>Tallennettu FPL</h1>
			<a href="#page-main" id="deleteCurrentStoredPlanButton" onclick="deleteCurrentStoredPlan()" data-icon="delete">Poista</a>
		</div> 
		<div data-role="content">
			<div class="ui-field-contain">
				<label for="storedPlanAircraftIdentification">Tunnus</label>
				<input id="storedPlanAircraftIdentification" type="text" data-mini="true">
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="storedPlanDeparture">Lähtöpaikka</label>
				<input id="storedPlanDeparture" type="text" data-mini="true">
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="storedPlanDestination">Laskupaikka</label>
				<input id="storedPlanDestination" type="text" data-mini="true">
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="storedPlanRoute">Reitti</label>
				<input id="storedPlanRoute" type="text" data-mini="true">
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="storedPlanFlightLevel">Korkeus</label>
				<input id="storedPlanFlightLevel" type="text" data-mini="true">
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="storedPlanTakeoffTime">Lähtöaika</label>
				<input id="storedPlanTakeoffTime" type="text" data-mini="true">
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="storedPlanFlightTime">Lentoaika</label>
				<input id="storedPlanFlightTime" type="text" data-mini="true">
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="storedPlanEndurance">Toiminta-aika</label>
				<input id="storedPlanEndurance" type="text" data-mini="true">
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="storedPlanPersons">Henkilömäärä</label>
				<input id="storedPlanPersons" type="text" data-mini="true">
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="storedPlanDepMethod">Aktivointi</label>
				<input id="storedPlanDepMethod" type="text" data-mini="true">
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="storedPlanArrMethod">Päättäminen</label>
				<input id="storedPlanArrMethod" type="text" data-mini="true">
			</div> <!-- fieldcontain -->
			<!--button id='openNotamButton' onclick="openNotam()" data-mini="true">Notam</button--> <!-- data-inline='true' -->
			<!--button onclick="openAip()" data-mini="true">AIP/VFR suomi (ei vielä käytössä)</button-->
			<a href="tel:+35833865172" id='callAccButton' class="ui-btn ui-corner-all ui-shadow ui-mini ">Soita VFR-valvonta (ACC)<br>+35833865172</a>
		
		</div> <!-- content -->
	</div> 

	<div data-role="page" id="page-plan-settings"> 
		<div data-role="header" data-position="inline">
			<a href="#page-main" data-direction="reverse" data-icon="arrow-l">Takaisin</a>
			<h1>Perustiedot</h1>
			<a href="#page-main" id="deleteCurrentAircraftSettingsButton" onclick="deleteCurrentAircraftSettings()" data-icon="delete">Poista</a>
		</div> 
		<div data-role="content">
			<div class="ui-field-contain">
				<label for="aircraftIdentification">Koneen valinta</label>
				<select id="aircraftSettingsList" class="text" onchange="onChangeAircraftSettings()" data-mini="true">
					<option value="none">(not loaded)</option>
				</select>
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="aircraftIdentification">Tunnus</label>
				<input id="aircraftIdentification" type="text" size="7" maxlength="7" placeholder="Esim. OHU123" onchange="onChangeAircraftIdentification()" data-mini="true">
			</div> <!-- fieldcontain -->
			
			<div class="ui-field-contain">
				<label for="aircraftType">Tyyppi</label>
				<input id="aircraftType" type="text" size="4" maxlength="4" placeholder="Esim. ULAC" onchange="onChangeAircraftType()" data-mini="true">
			</div> <!-- fieldcontain -->

			<div class="ui-field-contain">
				<fieldset data-role="controlgroup" data-type="horizontal">
					<legend>Laitteet</legend>
					<input id="equipment" type="text" size="3" placeholder="Esim. V" onchange="onChangeEquipment()" data-mini="true" data-inline="true">
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
					<legend></legend>
					<select id="ssr" class="text" onchange="onChangeSsr()" data-mini="true" data-inline="true">
						<option value=""></option>
						<option value="C" selected="selected">C</option>
						<option value="A">A</option>
						<option value="N">N</option>
						<option value="E">E</option>
						<option value="H">H</option>
						<option value="I">I</option>
						<option value="L">L</option>
						<option value="P">P</option>
						<option value="S">S</option>
						<option value="X">X</option>
						<option value="D">D</option>
					</select>
				</fieldset>
				<fieldset data-role="controlgroup" id="equipment_PBN_container" data-mini="true">
					<legend>Laitteiden PBN lisätiedot</legend>
					<input type="text" id="equipmentPBN" placeholder="Kohtaan 18 tulevat PBN/ tiedot" onchange="onChangeEquipmentPBN()" data-mini="true" />
				</fieldset>

			</div> <!-- fieldcontain -->

			<div class="ui-field-contain">
				<fieldset data-role="controlgroup" data-type="horizontal" >
					<legend>Nopeus</legend>
					<input id="aircraftSpeed" type="text" size="4" maxlength="4" placeholder="Lentonopeus" onchange="onChangeAircraftSpeed()" data-mini="true">
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
					<legend>
					</legend>
					<select id="aircraftSpeedUnit" class="text" onchange="onChangeAircraftSpeed()" data-mini="true">
						<option value="K" selected="selected">km/h (K)</option>
						<option value="N">solmua (N)</option>
					</select>
				</fieldset>
			</div> <!-- fieldcontain -->

			<div class="ui-field-contain">
				<label for="aircraftColor">Väri</label>
				<input id="aircraftColor" type="text" size="7" placeholder="Koneen väri" onchange="onChangeAircraftColor()" data-mini="true">
			</div> <!-- fieldcontain -->

			<div class="ui-field-contain">
				<fieldset data-role="controlgroup" data-mini="true">
					<legend>Hätävarusteet</legend>
					<label for="eltElbaPlb">Hätälähetin (ELT/ELBA/PLB)</label>
					<input type="checkbox" name="eltElbaPlb" id="eltElbaPlb" onChange="onChangeElt()" data-mini="true">
					<label for="pyrotechnicsOnBoardCheckbox">Raketti&shy;pelastusvarjo</label>
					<input type="checkbox" name="pyrotechnicsOnBoardCheckbox" id="pyrotechnicsOnBoardCheckbox" onChange="onChangePyrotechnicsOnBoard()" data-mini="true">
				</fieldset>
			</div> <!-- fieldcontain -->

			<div class="ui-field-contain">
				<label for="pilot">Päällikkö</label>
				<input id="pilot" type="text" size="12" placeholder="Päällikön sukunimi" onchange="onChangePilot()" data-mini="true">
			</div> <!-- fieldcontain -->

			<div class="ui-field-contain">
				<label for="pilotTel">Puhelin</label>
				<input id="pilotTel" type="text" size="12" placeholder="Päällikön puhelinnumero" onchange="onChangePilotTel()" data-mini="true">
			</div> <!-- fieldcontain -->
			
			<div class="ui-field-contain">
				<label for="zzzzFieldsEnabled">Näytä epäviralliset lentopaikat:</label>
				<select name="zzzzFieldsEnabled" id="zzzzFieldsEnabled" onChange="onChangeZzzzFieldsEnabled()" data-role="flipswitch" data-mini="true">
					<option value="disabled">Off</option>
					<option value="enabled">On</option>
				</select>
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="otherFieldsEnabled">Näytä Viron lentopaikat:</label>
				<select name="otherFieldsEnabled" id="otherFieldsEnabled" onChange="onChangeOtherFieldsEnabled()" data-role="flipswitch" data-mini="true">
					<option value="disabled">Off</option>
					<option value="enabled">On</option>
				</select>
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="export-button">Vie tiedot</label>
				<button id="export-button" onclick="exportSettings()" data-mini="true">fpl-data.json</button>
			</div> <!-- fieldcontain -->
			<div class="ui-field-contain">
				<label for="import-file">Tuo tiedot</label>
				<input type="file" accept="application/json" id="import-file" onchange="importSettings(event)" />
			</div> <!-- fieldcontain -->

			<h3>Tietoa</h3>
			<p>Käyttöliittymä päivätty: 2020-07-07<br>
			<span id="log">Log</span>
			</p>

		</div> <!-- content -->

	</div> 

</body>
</html>