From 1ba1d1154f7f0bf91d6b2ba7a18cf63d43f5c7bc Mon Sep 17 00:00:00 2001
From: Matthias Wirth <matthias.wirth@gmail.com>
Date: Sat, 23 May 2020 00:25:02 +0200
Subject: [PATCH] separate type description / type code in description

---
 html/index.html | 14 +++++++++++---
 html/script.js  |  6 +++++-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/html/index.html b/html/index.html
index 0415bc1..be84082 100644
--- a/html/index.html
+++ b/html/index.html
@@ -130,12 +130,20 @@
 						</div>
 						<div class="infoRowLine ">
 							<div class="infoHeading infoRowFluid">
-								<span title="ICAO type description (L/S/H Landplane/Seaplane/Helicoper 1/2/3/4 Number of P/T/J Reciprocating/Turboprop/Jet Engines - ICAO type short hand (A320/B738)">Desc. - Type: </span>
+								<span title="ICAO type code (A320/B738)">Type code: </span>
 							</div>
 							<div class="infoData infoRowFluid">
 								<span class="lightblue-link" id="selected_photo_link"></span> <span id="selected_icaotype"></span>
 							</div>
 						</div>
+						<div class="infoRowLine ">
+							<div class="infoHeading infoRowFluid">
+								<span title="ICAO type description (L/S/H Landplane/Seaplane/Helicopter 1/2/3/4 Number of P/T/J Reciprocating/Turboprop/Jet Engines">Type Desc.: </span>
+							</div>
+							<div class="infoData infoRowFluid">
+								<span id="selected_typedesc"></span>
+							</div>
+						</div>
 						<div class="infoRowLine">
 							<div class="infoHeading infoRowFluid">
 								<span title="A 4-digit octal code assigned to the aircraft by Air Traffic Control">Squawk</span>:
@@ -838,7 +846,7 @@
                             </form>
 
                             <form id="type_filter_form">
-                                <label><span class="infoBlockTitleText">Filter by type:</span></label>
+                                <label><span title="ICAO type code (A320, B738, etc.)"class="infoBlockTitleText">Filter by type code:</span></label>
                                 <br>
                                 <input id="type_filter" name="type" type="text" class="searchInput" maxlength="1024">
                                 <button class="formButton" type="submit">Filter</button>
@@ -847,7 +855,7 @@
                             </form>
 
                             <form id="description_filter_form">
-                                <label><span class="infoBlockTitleText">Filter by type description:</span></label>
+                                <label><span title="ICAO type description (L/S/H Landplane/Seaplane/Helicopter 1/2/3/4 Number of P/T/J Reciprocating/Turboprop/Jet Engines" class="infoBlockTitleText">Filter by type description:</span></label>
                                 <br>
                                 <input id="description_filter" name="description" type="text" class="searchInput" maxlength="1024">
                                 <button class="formButton" type="submit">Filter</button>
diff --git a/html/script.js b/html/script.js
index 5c24254..51c8eee 100644
--- a/html/script.js
+++ b/html/script.js
@@ -1787,10 +1787,14 @@ function refreshSelected() {
     }
 
     if (selected.icaoType) {
-        $('#selected_icaotype').text(selected.typeDescription + ' - ' + selected.icaoType);
+        $('#selected_icaotype').text(selected.icaoType);
     } else {
         $('#selected_icaotype').text("n/a");
     }
+    if (selected.typeDescription)
+        $('#selected_typedesc').text(selected.typeDescription);
+    else
+        $('#selected_typedesc').text("n/a");
 
     if (showPictures && selected.icaoType){
         let new_html = "<img width='150px' src='aircraft_sil/" + selected.icaoType + ".png' />";