Add SOTA icon/link

application/views/qso/index.php

@@ -372,10 +372,15 @@
                     </select>
             </div>
 
-            <div class="form-group">
-              <label for="sota_ref"><?php echo $this->lang->line('gen_hamradio_sota_reference'); ?></label>
-              <input class="form-control" id="sota_ref" type="text" name="sota_ref" value="" />
-              <small id="sotaRefHelp" class="form-text text-muted"><?php echo $this->lang->line('qso_sota_ref_helptext'); ?></small>
+            <div class="form-row">
+              <div class="form-group col-md-9">
+                <label for="sota_ref"><?php echo $this->lang->line('gen_hamradio_sota_reference'); ?></label>
+                <input class="form-control" id="sota_ref" type="text" name="sota_ref" value="" />
+                <small id="sotaRefHelp" class="form-text text-muted"><?php echo $this->lang->line('qso_sota_ref_helptext'); ?></small>
+              </div>
+              <div class="form-group col-md-3 align-self-center">
+                <small id="sota_info" class="badge badge-secondary"></small>
+              </div>
             </div>
 
             <div class="form-group">

assets/js/sections/qso.js

@@ -78,6 +78,11 @@ $( document ).ready(function() {
 		}
 	});
 
+	$('#sota_ref').change(function(){
+		$('#sota_info').html('<a target="_blank" href="https://summits.sota.org.uk/summit/'+$('#sota_ref').val()+'"><img width="32" height="32" src="'+base_url+'images/icons/sota.org.uk.png"></a>'); 
+		$('#sota_info').attr('title', 'Lookup '+$('#sota_ref').val()+' summit info on sota.org.uk');
+	});
+
 	$('#darc_dok').selectize({
 		maxItems: 1,
 		closeAfterSelect: true,
@@ -249,12 +254,14 @@ function reset_fields() {
 	$('#lotw_info').text("");
 	$('#qrz_info').text("");
 	$('#hamqth_info').text("");
+	$('#sota_info').text("");
 	$('#dxcc_id').val("");
 	$('#cqz').val("");
 	$('#name').val("");
 	$('#qth').val("");
 	$('#locator').val("");
 	$('#iota_ref').val("");
+	$('#sota_ref').val("");
 	$("#locator").removeClass("workedGrid");
 	$("#locator").removeClass("newGrid");
 	$("#callsign").removeClass("workedGrid");
@@ -452,6 +459,7 @@ $("#callsign").focusout(function() {
 		$('#qth').val("");
 		$('#locator').val("");
 		$('#iota_ref').val("");
+		$('#sota_ref').val("");
 		$("#locator").removeClass("workedGrid");
 		$("#locator").removeClass("newGrid");
 		$("#callsign").removeClass("workedGrid");