From 5dc9e2f4c4bbb9e417ffa0c8f2bbccb932cc4e20 Mon Sep 17 00:00:00 2001 From: HB9HIL Date: Tue, 7 May 2024 13:57:09 +0200 Subject: [PATCH 1/4] disable propagation if sat is default band --- application/views/gridmap/index.php | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/application/views/gridmap/index.php b/application/views/gridmap/index.php index f688debde..efbd2b121 100644 --- a/application/views/gridmap/index.php +++ b/application/views/gridmap/index.php @@ -37,7 +37,7 @@
- > @@ -174,4 +174,4 @@ echo "var gridsquares_gridsquares_not_confirmed = \"" . $gridsquares_gridsquares_not_confirmed . "\";\n"; echo "var gridsquares_gridsquares_total_worked = \"" . $gridsquares_gridsquares_total_worked . "\";\n"; ?> - \ No newline at end of file + From 65df4785b421f448789d85e1630bb198f40ea791 Mon Sep 17 00:00:00 2001 From: HB9HIL Date: Tue, 7 May 2024 14:04:30 +0200 Subject: [PATCH 2/4] select prop sat if default band is sat --- application/views/gridmap/index.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/application/views/gridmap/index.php b/application/views/gridmap/index.php index efbd2b121..93a292a94 100644 --- a/application/views/gridmap/index.php +++ b/application/views/gridmap/index.php @@ -54,7 +54,7 @@ - + From 9e3442baeb18e915e289c14b77d450ba9d1a755f Mon Sep 17 00:00:00 2001 From: HB9HIL Date: Tue, 7 May 2024 18:38:50 +0200 Subject: [PATCH 3/4] responsive map height (gridmap and lba) --- application/views/activated_gridmap/index.php | 4 +- application/views/awards/ffma/index.php | 20 +- application/views/awards/gridmaster/index.php | 4 +- application/views/gridmap/index.php | 4 +- application/views/logbookadvanced/index.php | 999 +++++++++--------- assets/css/cosmo_wide/overrides.css | 5 - assets/css/cyborg_wide/overrides.css | 5 - assets/css/darkly_wide/overrides.css | 5 - assets/css/default_wide/overrides.css | 5 - assets/css/general.css | 12 +- assets/css/superhero_wide/overrides.css | 5 - assets/js/sections/common.js | 22 + assets/js/sections/ffma.js | 9 +- assets/js/sections/gridmap.js | 9 +- assets/js/sections/gridmaster.js | 9 +- assets/js/sections/logbookadvanced_map.js | 562 +++++----- 16 files changed, 851 insertions(+), 828 deletions(-) diff --git a/application/views/activated_gridmap/index.php b/application/views/activated_gridmap/index.php index 1b9c28335..0c2da4145 100644 --- a/application/views/activated_gridmap/index.php +++ b/application/views/activated_gridmap/index.php @@ -1,4 +1,4 @@ -
+

@@ -96,7 +96,7 @@
-
+
: 
diff --git a/application/views/awards/ffma/index.php b/application/views/awards/ffma/index.php index ba4b8c7b2..e9baf3c0b 100644 --- a/application/views/awards/ffma/index.php +++ b/application/views/awards/ffma/index.php @@ -1,21 +1,5 @@ - - -
+

@@ -40,7 +24,7 @@
-
+
:
diff --git a/application/views/awards/gridmaster/index.php b/application/views/awards/gridmaster/index.php index 5dcab8ace..37bfab1e9 100644 --- a/application/views/awards/gridmaster/index.php +++ b/application/views/awards/gridmaster/index.php @@ -1,4 +1,4 @@ -
+

@@ -23,7 +23,7 @@
-
+
:
diff --git a/application/views/gridmap/index.php b/application/views/gridmap/index.php index 93a292a94..d9c46718f 100644 --- a/application/views/gridmap/index.php +++ b/application/views/gridmap/index.php @@ -1,4 +1,4 @@ -
+

@@ -140,7 +140,7 @@
-
+
: 
diff --git a/application/views/logbookadvanced/index.php b/application/views/logbookadvanced/index.php index 05351ed9c..7f4fe803d 100644 --- a/application/views/logbookadvanced/index.php +++ b/application/views/logbookadvanced/index.php @@ -1,520 +1,515 @@ -
- session->flashdata('message')) { ?> - -
-

session->flashdata('message'); ?>

-
- -
+
+
+ session->flashdata('message')) { ?> + +
+

session->flashdata('message'); ?>

+
+ +
-
" - method="post"> - -
-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
- - -
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - + " method="post"> + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
-
-
-
-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
-
-
- -
- - - - - - - - - - - - - - - - +
+ +
+ + + + + + + + + + + + + + + + +
-
-
-
- - dx->show ?? "true") == "true") { ?> - - dxcc->show ?? "true") == "true") { ?> - - state->show ?? "true") == "true") { ?> - - refs->show ?? "true") == "true") { ?> - - cqzone->show ?? "true") == "true") { ?> - - ituzone->show ?? "true") == "true") { ?> - - mode->show ?? "true") == "true") { ?> - - band->show ?? "true") == "true") { ?> - - iota->show ?? "true") == "true") { ?> - - refs->show ?? "true") == "true") { ?> - - refs->show ?? "true") == "true") { ?> - - refs->show ?? "true") == "true") { ?> - - operator->show ?? "true") == "true") { ?> - +
+
+ + dx->show ?? "true") == "true") { ?> + + dxcc->show ?? "true") == "true") { ?> + + state->show ?? "true") == "true") { ?> + + refs->show ?? "true") == "true") { ?> + + cqzone->show ?? "true") == "true") { ?> + + ituzone->show ?? "true") == "true") { ?> + + mode->show ?? "true") == "true") { ?> + + band->show ?? "true") == "true") { ?> + + iota->show ?? "true") == "true") { ?> + + refs->show ?? "true") == "true") { ?> + + refs->show ?? "true") == "true") { ?> + + refs->show ?? "true") == "true") { ?> + + operator->show ?? "true") == "true") { ?> + +
-
-
-
- - - - - - - - - - - - -
- - -
    -
    • -
-
- - +
+
+ + + + + + + + + + + + +
+ + +
    +
    • +
+
+ + +
+
+ + + + + + datetime->show ?? "true") == "true") { + echo ''; + } ?> + de->show ?? "true") == "true") { + echo ''; + } ?> + dx->show ?? "true") == "true") { + echo ''; + } ?> + mode->show ?? "true") == "true") { + echo ''; + } ?> + rsts->show ?? "true") == "true") { + echo ''; + } ?> + rstr->show ?? "true") == "true") { + echo ''; + } ?> + band->show ?? "true") == "true") { + echo ''; + } ?> + myrefs->show ?? "true") == "true") { + echo ''; + } ?> + refs->show ?? "true") == "true") { + echo ''; + } ?> + name->show ?? "true") == "true") { + echo ''; + } ?> + qslvia->show ?? "true") == "true") { + echo ''; + } ?> + qsl->show ?? "true") == "true") { + echo ''; + } ?> + session->userdata('user_eqsl_name') != "" && ($options->eqsl->show ?? "true") == "true") { + echo ''; + } ?> + session->userdata('user_lotw_name') != "" && ($options->lotw->show ?? "true") == "true") { + echo ''; + } ?> + qslmsg->show ?? "true") == "true") { + echo ''; + } ?> + dxcc->show ?? "true") == "true") { + echo ''; + } ?> + state->show ?? "true") == "true") { + echo ''; + } ?> + cqzone->show ?? "true") == "true") { + echo ''; + } ?> + ituzone->show ?? "true") == "true") { + echo ''; + } ?> + iota->show ?? "true") == "true") { + echo ''; + } ?> + pota->show ?? "true") == "true") { + echo ''; + } ?> + operator->show ?? "true") == "true") { + echo ''; + } ?> + comment->show ?? "true") == "true") { + echo ''; + } ?> + + + + +
+
+ 		' . lang('general_word_datetime') . '' . lang('gen_hamradio_de') . '' . lang('gen_hamradio_dx') . '' . lang('gen_hamradio_mode') . '' . lang('gen_hamradio_rsts') . '' . lang('gen_hamradio_rstr') . '' . lang('gen_hamradio_band') . '' . lang('gen_hamradio_myrefs') . '' . lang('gen_hamradio_refs') . '' . lang('general_word_name') . '' . lang('gen_hamradio_qslvia') . '' . lang('gen_hamradio_qsl') . 'eQSLLoTW' . lang('gen_hamradio_qslmsg') . '' . lang('gen_hamradio_dxcc') . '' . lang('gen_hamradio_state') . '' . lang('gen_hamradio_cq_zone') . '' . lang('gen_hamradio_itu_zone') . '' . lang('gen_hamradio_iota') . '' . lang('gen_hamradio_pota') . '' . lang('gen_hamradio_operator') . '' . lang('general_word_comment') . '
-
- - - - - - datetime->show ?? "true") == "true") { - echo ''; - } ?> - de->show ?? "true") == "true") { - echo ''; - } ?> - dx->show ?? "true") == "true") { - echo ''; - } ?> - mode->show ?? "true") == "true") { - echo ''; - } ?> - rsts->show ?? "true") == "true") { - echo ''; - } ?> - rstr->show ?? "true") == "true") { - echo ''; - } ?> - band->show ?? "true") == "true") { - echo ''; - } ?> - myrefs->show ?? "true") == "true") { - echo ''; - } ?> - refs->show ?? "true") == "true") { - echo ''; - } ?> - name->show ?? "true") == "true") { - echo ''; - } ?> - qslvia->show ?? "true") == "true") { - echo ''; - } ?> - qsl->show ?? "true") == "true") { - echo ''; - } ?> - session->userdata('user_eqsl_name') != "" && ($options->eqsl->show ?? "true") == "true"){ - echo ''; - } ?> - session->userdata('user_lotw_name') != "" && ($options->lotw->show ?? "true") == "true"){ - echo ''; - } ?> - qslmsg->show ?? "true") == "true") { - echo ''; - } ?> - dxcc->show ?? "true") == "true") { - echo ''; - } ?> - state->show ?? "true") == "true") { - echo ''; - } ?> - cqzone->show ?? "true") == "true") { - echo ''; - } ?> - ituzone->show ?? "true") == "true") { - echo ''; - } ?> - iota->show ?? "true") == "true") { - echo ''; - } ?> - pota->show ?? "true") == "true") { - echo ''; - } ?> - operator->show ?? "true") == "true") { - echo ''; - } ?> - comment->show ?? "true") == "true") { - echo ''; - } ?> - - - - -
-
- 		' . lang('general_word_datetime') . '' . lang('gen_hamradio_de') . '' . lang('gen_hamradio_dx') . '' . lang('gen_hamradio_mode') . '' . lang('gen_hamradio_rsts') . '' . lang('gen_hamradio_rstr') . '' . lang('gen_hamradio_band') . '' . lang('gen_hamradio_myrefs') . '' . lang('gen_hamradio_refs') . '' . lang('general_word_name') . '' . lang('gen_hamradio_qslvia') . '' . lang('gen_hamradio_qsl') . 'eQSLLoTW' . lang('gen_hamradio_qslmsg') . '' . lang('gen_hamradio_dxcc') . '' . lang('gen_hamradio_state') . '' . lang('gen_hamradio_cq_zone') . '' . lang('gen_hamradio_itu_zone') . '' . lang('gen_hamradio_iota') . '' . lang('gen_hamradio_pota') . '' . lang('gen_hamradio_operator') . '' . lang('general_word_comment') . '
-
+
\ No newline at end of file diff --git a/assets/css/cosmo_wide/overrides.css b/assets/css/cosmo_wide/overrides.css index fb0d66928..729f7b612 100644 --- a/assets/css/cosmo_wide/overrides.css +++ b/assets/css/cosmo_wide/overrides.css @@ -65,11 +65,6 @@ height: 500px !important; } -#gridsquare_map { - height: calc(100vh - 380px) !important; - max-height: 900px !important; -} - @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 1300px; diff --git a/assets/css/cyborg_wide/overrides.css b/assets/css/cyborg_wide/overrides.css index 1dbf2c575..14dca4f97 100644 --- a/assets/css/cyborg_wide/overrides.css +++ b/assets/css/cyborg_wide/overrides.css @@ -223,11 +223,6 @@ path.grid-worked { height: 500px !important; } -#gridsquare_map { - height: calc(100vh - 380px) !important; - max-height: 900px !important; -} - #mapqso { height: 400px !important; } diff --git a/assets/css/darkly_wide/overrides.css b/assets/css/darkly_wide/overrides.css index 7a0878e2b..39f745e6d 100644 --- a/assets/css/darkly_wide/overrides.css +++ b/assets/css/darkly_wide/overrides.css @@ -241,11 +241,6 @@ div.alert-danger { height: 500px !important; } -#gridsquare_map { - height: calc(100vh - 380px) !important; - max-height: 900px !important; -} - #mapqso { height: 400px !important; } diff --git a/assets/css/default_wide/overrides.css b/assets/css/default_wide/overrides.css index a83139a56..f2f1749d4 100644 --- a/assets/css/default_wide/overrides.css +++ b/assets/css/default_wide/overrides.css @@ -65,11 +65,6 @@ thead > tr > td { height: 500px !important; } -#gridsquare_map { - height: calc(100vh - 380px) !important; - max-height: 900px !important; -} - @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 1300px; diff --git a/assets/css/general.css b/assets/css/general.css index 29fb898ca..589906874 100644 --- a/assets/css/general.css +++ b/assets/css/general.css @@ -666,11 +666,6 @@ div#station_logbooks_linked_table_paginate { margin-bottom: 0px; } -#advancedmap { - height: calc(100vh - 280px) !important; - max-height: 1000px !important; -} - .lotw-cert-list table { margin-bottom: 0px; } @@ -840,9 +835,14 @@ label { } .coordinates { - justify-content: center; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + justify-content: center; align-items: stretch; } + .cohidden { display:none; } diff --git a/assets/css/superhero_wide/overrides.css b/assets/css/superhero_wide/overrides.css index b5367b4f4..62808f476 100644 --- a/assets/css/superhero_wide/overrides.css +++ b/assets/css/superhero_wide/overrides.css @@ -87,11 +87,6 @@ path.grid-worked { height: 400px !important; } -#gridsquare_map { - height: calc(100vh - 380px) !important; - max-height: 900px !important; -} - /* * Dark Navigation */ diff --git a/assets/js/sections/common.js b/assets/js/sections/common.js index 6b422c0cc..2f56f9240 100644 --- a/assets/js/sections/common.js +++ b/assets/js/sections/common.js @@ -929,6 +929,28 @@ $(document).ready(function() { } }); +// auto setting of gridmap height +function set_map_height() { + //header menu + var headerNavHeight = $('nav').outerHeight(); + // console.log('nav: ' + headerNavHeight); + + // line with coordinates + var coordinatesHeight = $('.coordinates').outerHeight(); + // console.log('.coordinates: ' + coordinatesHeight); + + // form for gridsquare map + var gridsquareFormHeight = $('.gridsquare_map_form').outerHeight(); + // console.log('.gridsquare_map_form: ' + gridsquareFormHeight); + + // calculate correct map height + var gridsquareMapHeight = window.innerHeight - headerNavHeight - coordinatesHeight - gridsquareFormHeight; + + // and set it + $('#gridsquare_map').css('height', gridsquareMapHeight + 'px'); + // console.log('#gridsquare_map: ' + gridsquareMapHeight); +} + console.log("Ready to unleash your coding prowess and join the fun?\n\n" + "Check out our GitHub Repository and dive into the coding adventure:\n\n" + diff --git a/assets/js/sections/ffma.js b/assets/js/sections/ffma.js index 0bfbe813d..157afb8f3 100644 --- a/assets/js/sections/ffma.js +++ b/assets/js/sections/ffma.js @@ -13,7 +13,8 @@ function gridPlot(form) { if(container != null){ container._leaflet_id = null; container.remove(); - $("#gridmapcontainer").append('
'); + $("#gridmapcontainer").append('
'); + set_map_height(); } ajax_url = site_url + '/awards/getFfmaGridsjs'; @@ -23,6 +24,7 @@ function gridPlot(form) { type: 'get', success: function (data) { $('.cohidden').show(); + set_map_height(); $(".ld-ext-right-plot").removeClass('running'); $(".ld-ext-right-plot").prop('disabled', false); $('#plot').prop("disabled", false); @@ -145,5 +147,8 @@ function spawnGridsquareModal(loc_4char) { } $(document).ready(function(){ - gridPlot(this.form); + gridPlot(this.form); + $(window).resize(function () { + set_map_height(); + }); }) diff --git a/assets/js/sections/gridmap.js b/assets/js/sections/gridmap.js index 807002bb7..b90f29519 100644 --- a/assets/js/sections/gridmap.js +++ b/assets/js/sections/gridmap.js @@ -39,7 +39,8 @@ function gridPlot(form, visitor=true) { if(container != null){ container._leaflet_id = null; container.remove(); - $("#gridmapcontainer").append('
'); + $("#gridmapcontainer").append('
'); + set_map_height(); } if (typeof type == 'undefined') { type=''; } @@ -68,6 +69,7 @@ function gridPlot(form, visitor=true) { }, success: function (data) { $('.cohidden').show(); + set_map_height(); $(".ld-ext-right-plot").removeClass('running'); $(".ld-ext-right-plot").prop('disabled', false); $('#plot').prop("disabled", false); @@ -219,5 +221,8 @@ function clearMarkers() { } $(document).ready(function(){ - gridPlot(this.form, visitor); + gridPlot(this.form, visitor); + $(window).resize(function () { + set_map_height(); + }); }) diff --git a/assets/js/sections/gridmaster.js b/assets/js/sections/gridmaster.js index b1a15bbf9..18d67cee3 100644 --- a/assets/js/sections/gridmaster.js +++ b/assets/js/sections/gridmaster.js @@ -13,7 +13,8 @@ function gridPlot(form, dxcc) { if(container != null){ container._leaflet_id = null; container.remove(); - $("#gridmapcontainer").append('
'); + $("#gridmapcontainer").append('
'); + set_map_height(); } ajax_url = site_url + '/awards/getGridmasterGridsjs/'+dxcc; @@ -27,6 +28,7 @@ function gridPlot(form, dxcc) { success: function (data) { $('.cohidden').show(); + set_map_height(); $(".ld-ext-right-plot").removeClass('running'); $(".ld-ext-right-plot").prop('disabled', false); $('#plot').prop("disabled", false); @@ -151,5 +153,8 @@ function spawnGridsquareModal(loc_4char) { } $(document).ready(function(){ - gridPlot(this.form, dxcc); + gridPlot(this.form, dxcc); + $(window).resize(function () { + set_map_height(); + }); }) diff --git a/assets/js/sections/logbookadvanced_map.js b/assets/js/sections/logbookadvanced_map.js index 7b6292c70..1b39a7163 100644 --- a/assets/js/sections/logbookadvanced_map.js +++ b/assets/js/sections/logbookadvanced_map.js @@ -273,7 +273,7 @@ function loadMap(data, iconsList) { container._leaflet_id = null; container.remove(); $(".coordinates").remove(); - $(".qso_manager").append('
'); + $("#lba_div").append('
'); $(".qso_manager").append('
' + '
' + lang_gen_hamradio_latitude + ' 
' + '
' + @@ -287,6 +287,7 @@ function loadMap(data, iconsList) { '
' + '
'); $('.cohidden').show(); + set_advancedmap_height(); } map = new L.Map('advancedmap', { @@ -435,292 +436,323 @@ function loadMap(data, iconsList) { } } - function createContentMessage(qso) { - var table = '' + - '' + - '" + - '' + - '"; - return (table += "
' + - 'Station callsign: ' + qso.mycallsign + - "
' + - 'Gridsquare: ' + qso.mygridsquare + - "
"); - } +function createContentMessage(qso) { + var table = '' + + '' + + '" + + '' + + '"; + return (table += "
' + + 'Station callsign: ' + qso.mycallsign + + "
' + + 'Gridsquare: ' + qso.mygridsquare + + "
"); +} - function createContentMessageDx(qso) { - var table = '' + - '' + - '' + - '' + - '' + - '' + - '' + - '' + +function createContentMessageDx(qso) { + var table = '
Callsign' + qso.callsign + '
Date/time' + qso.datetime + '
' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + ''; + if (qso.satname != "") { + table += '' + + '' + '' + ''; - if (qso.satname != "") { - table += '' + - '' + + '' + + '' + + ''; + } + table += '' + + '' + + '' + + ''; + if (qso.gridsquare != undefined) { + table += '' + + '' + + ''; + } + if (qso.distance != undefined) { + table += '' + + '' + + ''; + } + if (qso.bearing != undefined) { + table += '' + + '' + + ''; + } + return (table += '
Callsign' + qso.callsign + '
Date/time' + qso.datetime + '
BandSAT ' + qso.satname + if (qso.orbit != "") { + table += ' (' + qso.orbit + ') ' + } + table += '
BandSAT ' + qso.satname - if (qso.orbit != "") { - table += ' (' + qso.orbit + ') ' + } else { + table += 'Band' + qso.band + '
Mode' + qso.mode + '
Gridsquare' + qso.gridsquare + '
Distance' + qso.distance + '
Bearing' + qso.bearing + '
'); +} + +function loadMapOptions(data) { + $.ajax({ + url: base_url + 'index.php/user_options/get_map_custom', + type: 'GET', + dataType: 'json', + error: function () { + }, + success: function (json_mapinfo) { + if (typeof json_mapinfo.qso !== "undefined") { + iconsList = json_mapinfo; } - table += '' + - '' + - ''; - } else { - table += 'Band' + - '' + qso.band + '' + - '' + - ''; + loadMap(data, iconsList) } - table += 'Mode' + - '' + qso.mode + '' + - '' + - ''; - if (qso.gridsquare != undefined) { - table += 'Gridsquare' + - '' + qso.gridsquare + '' + - ''; - } - if (qso.distance != undefined) { - table += 'Distance' + - '' + qso.distance + '' + - ''; - } - if (qso.bearing != undefined) { - table += 'Bearing' + - '' + qso.bearing + '' + - ''; - } - return (table += ''); + }); +} + +function mapQsos(form) { + $('#mapButton').prop("disabled", true).addClass("running"); + + var id_list=[]; + var elements = $('#qsoList tbody input:checked'); + var nElements = elements.length; + + elements.each(function() { + let id = $(this).first().closest('tr').data('qsoID') + id_list.push(id); + unselectQsoID(id); + }); + + $("#qsoList").attr("Hidden", true); + $("#qsoList_wrapper").attr("Hidden", true); + $("#qsoList_info").attr("Hidden", true); + + amap = $('#advancedmap').val(); + if (amap == undefined) { + $("#lba_div").append('
'); } - function loadMapOptions(data) { + if (id_list.length > 0) { $.ajax({ - url: base_url + 'index.php/user_options/get_map_custom', - type: 'GET', - dataType: 'json', - error: function () { - }, - success: function (json_mapinfo) { - if (typeof json_mapinfo.qso !== "undefined") { - iconsList = json_mapinfo; - } - loadMap(data, iconsList) - } + url: base_url + 'index.php/logbookadvanced/mapSelectedQsos', + type: 'post', + data: { + ids: id_list, + de: form.de.value + }, + success: function(data) { + loadMapOptions(data); + }, + error: function() { + $('#mapButton').prop("disabled", false).removeClass("running"); + }, + }); + } else { + $.ajax({ + url: base_url + 'index.php/logbookadvanced/mapQsos', + type: 'post', + data: { + dateFrom: form.dateFrom.value, + dateTo: form.dateTo.value, + de: form.de.value, + dx: form.dx.value, + mode: form.mode.value, + band: form.band.value, + qslSent: form.qslSent.value, + qslReceived: form.qslReceived.value, + qslSentMethod: this.qslSentMethod.value, + qslReceivedMethod: this.qslReceivedMethod.value, + iota: form.iota.value, + dxcc: form.dxcc.value, + propmode: form.selectPropagation.value, + gridsquare: form.gridsquare.value, + state: form.state.value, + qsoresults: form.qsoResults.value, + sats: form.sats.value, + orbits: form.orbits.value, + cqzone: form.cqzone.value, + lotwSent: form.lotwSent.value, + lotwReceived: form.lotwReceived.value, + eqslSent: form.eqslSent.value, + eqslReceived: form.eqslReceived.value, + qslvia: $('[name="qslviainput"]').val(), + sota: form.sota.value, + pota: form.pota.value, + operator: form.operator.value, + wwff: form.wwff.value, + qslimages: form.qslimages.value, + }, + success: function(data) { + loadMapOptions(data); + }, + error: function() { + $('#mapButton').prop("disabled", false).removeClass("running"); + }, }); } +}; - function mapQsos(form) { - $('#mapButton').prop("disabled", true).addClass("running"); +function mapGlobeQsos(form) { + var container = L.DomUtil.get('advancedmap'); + if(container != null){ + container._leaflet_id = null; + container.remove(); + $(".coordinates").remove(); + } - var id_list=[]; - var elements = $('#qsoList tbody input:checked'); - var nElements = elements.length; + var id_list=[]; + var elements = $('#qsoList tbody input:checked'); + var nElements = elements.length; - elements.each(function() { - let id = $(this).first().closest('tr').data('qsoID') - id_list.push(id); - unselectQsoID(id); + elements.each(function() { + let id = $(this).first().closest('tr').data('qsoID') + id_list.push(id); + unselectQsoID(id); + }); + + $("#qsoList").attr("Hidden", true); + $("#qsoList_wrapper").attr("Hidden", true); + $("#qsoList_info").attr("Hidden", true); + + amap = $('#advancedmap').val(); + if (amap == undefined) { + $("#lba_div").append('
'); + } + + if (id_list.length > 0) { + $.ajax({ + url: base_url + 'index.php/logbookadvanced/mapSelectedQsos', + type: 'post', + data: { + ids: id_list, + de: form.de.value + }, + success: function(data) { + globemap(data); + }, + error: function() { + + }, }); + } else { + $.ajax({ + url: base_url + 'index.php/logbookadvanced/mapQsos', + type: 'post', + data: { + dateFrom: form.dateFrom.value, + dateTo: form.dateTo.value, + de: form.de.value, + dx: form.dx.value, + mode: form.mode.value, + band: form.band.value, + qslSent: form.qslSent.value, + qslReceived: form.qslReceived.value, + qslSentMethod: this.qslSentMethod.value, + qslReceivedMethod: this.qslReceivedMethod.value, + iota: form.iota.value, + dxcc: form.dxcc.value, + propmode: form.selectPropagation.value, + gridsquare: form.gridsquare.value, + state: form.state.value, + qsoresults: form.qsoResults.value, + sats: form.sats.value, + orbits: form.orbits.value, + cqzone: form.cqzone.value, + lotwSent: form.lotwSent.value, + lotwReceived: form.lotwReceived.value, + eqslSent: form.eqslSent.value, + eqslReceived: form.eqslReceived.value, + qslvia: $('[name="qslviainput"]').val(), + sota: form.sota.value, + pota: form.pota.value, + operator: form.operator.value, + wwff: form.wwff.value, + qslimages: form.qslimages.value, + }, + success: function(data) { + globemap(data); + }, + error: function() { - $("#qsoList").attr("Hidden", true); - $("#qsoList_wrapper").attr("Hidden", true); - $("#qsoList_info").attr("Hidden", true); + }, + }); + } +}; - amap = $('#advancedmap').val(); - if (amap == undefined) { - $(".qso_manager").append('
'); - } - - if (id_list.length > 0) { - $.ajax({ - url: base_url + 'index.php/logbookadvanced/mapSelectedQsos', - type: 'post', - data: { - ids: id_list, - de: form.de.value - }, - success: function(data) { - loadMapOptions(data); - }, - error: function() { - $('#mapButton').prop("disabled", false).removeClass("running"); - }, - }); +function globemap(x) { + globePayArc=[]; + globePayLab=[]; + x.forEach((element) => { + let OneQsoArc={}; + OneQsoArc.startLat=element.latlng1[0]; + OneQsoArc.startLng=element.latlng1[1]; + OneQsoArc.endLat=element.latlng2[0]; + OneQsoArc.endLng=element.latlng2[1]; + OneQsoArc.name=element.callsign; + if (element.confirmed) { + OneQsoArc.color = 'green'; } else { - $.ajax({ - url: base_url + 'index.php/logbookadvanced/mapQsos', - type: 'post', - data: { - dateFrom: form.dateFrom.value, - dateTo: form.dateTo.value, - de: form.de.value, - dx: form.dx.value, - mode: form.mode.value, - band: form.band.value, - qslSent: form.qslSent.value, - qslReceived: form.qslReceived.value, - qslSentMethod: this.qslSentMethod.value, - qslReceivedMethod: this.qslReceivedMethod.value, - iota: form.iota.value, - dxcc: form.dxcc.value, - propmode: form.selectPropagation.value, - gridsquare: form.gridsquare.value, - state: form.state.value, - qsoresults: form.qsoResults.value, - sats: form.sats.value, - orbits: form.orbits.value, - cqzone: form.cqzone.value, - lotwSent: form.lotwSent.value, - lotwReceived: form.lotwReceived.value, - eqslSent: form.eqslSent.value, - eqslReceived: form.eqslReceived.value, - qslvia: $('[name="qslviainput"]').val(), - sota: form.sota.value, - pota: form.pota.value, - operator: form.operator.value, - wwff: form.wwff.value, - qslimages: form.qslimages.value, - }, - success: function(data) { - loadMapOptions(data); - }, - error: function() { - $('#mapButton').prop("disabled", false).removeClass("running"); - }, - }); + OneQsoArc.color = 'red'; } - }; + // OneQsoArc.color = [['red', 'white', 'blue', 'green'][Math.round(Math.random() * 3)], ['red', 'white', 'blue', 'green'][Math.round(Math.random() * 3)]] + OneQsoArc.altitude=0.15; + globePayArc.push(OneQsoArc); + let OneQsoLab={}; + OneQsoLab.lat=element.latlng2[0]; + OneQsoLab.lng=element.latlng2[1]; + OneQsoLab.text=element.callsign; + globePayLab.push(OneQsoLab); + }); + renderGlobe(globePayArc,globePayLab); +} - function mapGlobeQsos(form) { - var container = L.DomUtil.get('advancedmap'); - if(container != null){ - container._leaflet_id = null; - container.remove(); - $(".coordinates").remove(); - } +function renderGlobe(arcsData,labelData) { + Globe() + .globeImageUrl(base_url + '/assets/images/earth-blue-marble.jpg') + .pointOfView({ lat: arcsData[0].startLat, lng: arcsData[0].startLng, altitude:1}, 100) + .labelsData(labelData) + .arcsData(arcsData) + .arcColor('color') + //.arcAltitude('altitude') + .arcAltitudeAutoScale(.3) + .arcStroke(.2) + .arcDashLength(() => .1) + .arcDashGap(() => 0.01) + .arcDashAnimateTime(() => 4000 + 500) + (document.getElementById('advancedmap')) +} - var id_list=[]; - var elements = $('#qsoList tbody input:checked'); - var nElements = elements.length; +// auto setting of gridmap height +function set_advancedmap_height() { + //header menu + var headerNavHeight = $('nav').outerHeight(); + // console.log('nav: ' + headerNavHeight); - elements.each(function() { - let id = $(this).first().closest('tr').data('qsoID') - id_list.push(id); - unselectQsoID(id); - }); + // line with coordinates + var coordinatesHeight = $('.coordinates').outerHeight(); + // console.log('.coordinates: ' + coordinatesHeight); - $("#qsoList").attr("Hidden", true); - $("#qsoList_wrapper").attr("Hidden", true); - $("#qsoList_info").attr("Hidden", true); + // form for gridsquare map + var qsoManagerHeight = $('.qso_manager').outerHeight(); + // console.log('.qso_manager: ' + qsoManagerHeight); - amap = $('#advancedmap').val(); - if (amap == undefined) { - $(".qso_manager").append('
'); - } + // calculate correct map height + var advancedMapHeight = window.innerHeight - headerNavHeight - coordinatesHeight - qsoManagerHeight; - if (id_list.length > 0) { - $.ajax({ - url: base_url + 'index.php/logbookadvanced/mapSelectedQsos', - type: 'post', - data: { - ids: id_list, - de: form.de.value - }, - success: function(data) { - globemap(data); - }, - error: function() { - - }, - }); - } else { - $.ajax({ - url: base_url + 'index.php/logbookadvanced/mapQsos', - type: 'post', - data: { - dateFrom: form.dateFrom.value, - dateTo: form.dateTo.value, - de: form.de.value, - dx: form.dx.value, - mode: form.mode.value, - band: form.band.value, - qslSent: form.qslSent.value, - qslReceived: form.qslReceived.value, - qslSentMethod: this.qslSentMethod.value, - qslReceivedMethod: this.qslReceivedMethod.value, - iota: form.iota.value, - dxcc: form.dxcc.value, - propmode: form.selectPropagation.value, - gridsquare: form.gridsquare.value, - state: form.state.value, - qsoresults: form.qsoResults.value, - sats: form.sats.value, - orbits: form.orbits.value, - cqzone: form.cqzone.value, - lotwSent: form.lotwSent.value, - lotwReceived: form.lotwReceived.value, - eqslSent: form.eqslSent.value, - eqslReceived: form.eqslReceived.value, - qslvia: $('[name="qslviainput"]').val(), - sota: form.sota.value, - pota: form.pota.value, - operator: form.operator.value, - wwff: form.wwff.value, - qslimages: form.qslimages.value, - }, - success: function(data) { - globemap(data); - }, - error: function() { - - }, - }); - } - }; - - function globemap(x) { - globePayArc=[]; - globePayLab=[]; - x.forEach((element) => { - let OneQsoArc={}; - OneQsoArc.startLat=element.latlng1[0]; - OneQsoArc.startLng=element.latlng1[1]; - OneQsoArc.endLat=element.latlng2[0]; - OneQsoArc.endLng=element.latlng2[1]; - OneQsoArc.name=element.callsign; - if (element.confirmed) { - OneQsoArc.color = 'green'; - } else { - OneQsoArc.color = 'red'; - } - // OneQsoArc.color = [['red', 'white', 'blue', 'green'][Math.round(Math.random() * 3)], ['red', 'white', 'blue', 'green'][Math.round(Math.random() * 3)]] - OneQsoArc.altitude=0.15; - globePayArc.push(OneQsoArc); - let OneQsoLab={}; - OneQsoLab.lat=element.latlng2[0]; - OneQsoLab.lng=element.latlng2[1]; - OneQsoLab.text=element.callsign; - globePayLab.push(OneQsoLab); - }); - renderGlobe(globePayArc,globePayLab); - } - - function renderGlobe(arcsData,labelData) { - Globe() - .globeImageUrl(base_url + '/assets/images/earth-blue-marble.jpg') - .pointOfView({ lat: arcsData[0].startLat, lng: arcsData[0].startLng, altitude:1}, 100) - .labelsData(labelData) - .arcsData(arcsData) - .arcColor('color') - //.arcAltitude('altitude') - .arcAltitudeAutoScale(.3) - .arcStroke(.2) - .arcDashLength(() => .1) - .arcDashGap(() => 0.01) - .arcDashAnimateTime(() => 4000 + 500) - (document.getElementById('advancedmap')) - } + // and set it + $('#advancedmap').css('height', advancedMapHeight + 'px'); + // console.log('#advancedmap: ' + advancedMapHeight); +} +$(document).ready(function() { + $(window).resize(function() { + set_advancedmap_height(); + }); + $('.lba_buttons').click(function() { + // we need some delay because of the bs collapse menu + setTimeout(set_advancedmap_height, 400); + }); +}); \ No newline at end of file From dc4abbe829b8f5d03e1e12fdca62a9365f26b715 Mon Sep 17 00:00:00 2001 From: HB9HIL Date: Tue, 7 May 2024 18:42:42 +0200 Subject: [PATCH 4/4] Revert "responsive map height (gridmap and lba)" This reverts commit 9e3442baeb18e915e289c14b77d450ba9d1a755f. --- application/views/activated_gridmap/index.php | 4 +- application/views/awards/ffma/index.php | 20 +- application/views/awards/gridmaster/index.php | 4 +- application/views/gridmap/index.php | 4 +- application/views/logbookadvanced/index.php | 1009 +++++++++-------- assets/css/cosmo_wide/overrides.css | 5 + assets/css/cyborg_wide/overrides.css | 5 + assets/css/darkly_wide/overrides.css | 5 + assets/css/default_wide/overrides.css | 5 + assets/css/general.css | 12 +- assets/css/superhero_wide/overrides.css | 5 + assets/js/sections/common.js | 22 - assets/js/sections/ffma.js | 9 +- assets/js/sections/gridmap.js | 9 +- assets/js/sections/gridmaster.js | 9 +- assets/js/sections/logbookadvanced_map.js | 586 +++++----- 16 files changed, 845 insertions(+), 868 deletions(-) diff --git a/application/views/activated_gridmap/index.php b/application/views/activated_gridmap/index.php index 0c2da4145..1b9c28335 100644 --- a/application/views/activated_gridmap/index.php +++ b/application/views/activated_gridmap/index.php @@ -1,4 +1,4 @@ -
+

@@ -96,7 +96,7 @@
-
+
: 
diff --git a/application/views/awards/ffma/index.php b/application/views/awards/ffma/index.php index e9baf3c0b..ba4b8c7b2 100644 --- a/application/views/awards/ffma/index.php +++ b/application/views/awards/ffma/index.php @@ -1,5 +1,21 @@ -
+ + +

@@ -24,7 +40,7 @@
-
+
:
diff --git a/application/views/awards/gridmaster/index.php b/application/views/awards/gridmaster/index.php index 37bfab1e9..5dcab8ace 100644 --- a/application/views/awards/gridmaster/index.php +++ b/application/views/awards/gridmaster/index.php @@ -1,4 +1,4 @@ -
+

@@ -23,7 +23,7 @@
-
+
:
diff --git a/application/views/gridmap/index.php b/application/views/gridmap/index.php index d9c46718f..93a292a94 100644 --- a/application/views/gridmap/index.php +++ b/application/views/gridmap/index.php @@ -1,4 +1,4 @@ -
+

@@ -140,7 +140,7 @@
-
+
: 
diff --git a/application/views/logbookadvanced/index.php b/application/views/logbookadvanced/index.php index 7f4fe803d..05351ed9c 100644 --- a/application/views/logbookadvanced/index.php +++ b/application/views/logbookadvanced/index.php @@ -1,515 +1,520 @@ -
-
- session->flashdata('message')) { ?> - -
-

session->flashdata('message'); ?>

-
- -
+
+ session->flashdata('message')) { ?> + +
+

session->flashdata('message'); ?>

+
+ +
-
" method="post"> - -
-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
- - -
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
+ " + method="post"> + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
-
-
-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- -
- -
- - - - - - - - - - - - - - - - -
-
-
-
- - dx->show ?? "true") == "true") { ?> - - dxcc->show ?? "true") == "true") { ?> - - state->show ?? "true") == "true") { ?> - - refs->show ?? "true") == "true") { ?> - - cqzone->show ?? "true") == "true") { ?> - - ituzone->show ?? "true") == "true") { ?> - - mode->show ?? "true") == "true") { ?> - - band->show ?? "true") == "true") { ?> - - iota->show ?? "true") == "true") { ?> - - refs->show ?? "true") == "true") { ?> - - refs->show ?? "true") == "true") { ?> - - refs->show ?? "true") == "true") { ?> - - operator->show ?? "true") == "true") { ?> - -
-
-
-
- - - - - - - - - - - - -
- - -
    -
    • -
-
- - - -
-
- - - - - - datetime->show ?? "true") == "true") { - echo ''; - } ?> - de->show ?? "true") == "true") { - echo ''; - } ?> - dx->show ?? "true") == "true") { - echo ''; - } ?> - mode->show ?? "true") == "true") { - echo ''; - } ?> - rsts->show ?? "true") == "true") { - echo ''; - } ?> - rstr->show ?? "true") == "true") { - echo ''; - } ?> - band->show ?? "true") == "true") { - echo ''; - } ?> - myrefs->show ?? "true") == "true") { - echo ''; - } ?> - refs->show ?? "true") == "true") { - echo ''; - } ?> - name->show ?? "true") == "true") { - echo ''; - } ?> - qslvia->show ?? "true") == "true") { - echo ''; - } ?> - qsl->show ?? "true") == "true") { - echo ''; - } ?> - session->userdata('user_eqsl_name') != "" && ($options->eqsl->show ?? "true") == "true") { - echo ''; - } ?> - session->userdata('user_lotw_name') != "" && ($options->lotw->show ?? "true") == "true") { - echo ''; - } ?> - qslmsg->show ?? "true") == "true") { - echo ''; - } ?> - dxcc->show ?? "true") == "true") { - echo ''; - } ?> - state->show ?? "true") == "true") { - echo ''; - } ?> - cqzone->show ?? "true") == "true") { - echo ''; - } ?> - ituzone->show ?? "true") == "true") { - echo ''; - } ?> - iota->show ?? "true") == "true") { - echo ''; - } ?> - pota->show ?? "true") == "true") { - echo ''; - } ?> - operator->show ?? "true") == "true") { - echo ''; - } ?> - comment->show ?? "true") == "true") { - echo ''; - } ?> - - - - -
-
- 		' . lang('general_word_datetime') . '' . lang('gen_hamradio_de') . '' . lang('gen_hamradio_dx') . '' . lang('gen_hamradio_mode') . '' . lang('gen_hamradio_rsts') . '' . lang('gen_hamradio_rstr') . '' . lang('gen_hamradio_band') . '' . lang('gen_hamradio_myrefs') . '' . lang('gen_hamradio_refs') . '' . lang('general_word_name') . '' . lang('gen_hamradio_qslvia') . '' . lang('gen_hamradio_qsl') . 'eQSLLoTW' . lang('gen_hamradio_qslmsg') . '' . lang('gen_hamradio_dxcc') . '' . lang('gen_hamradio_state') . '' . lang('gen_hamradio_cq_zone') . '' . lang('gen_hamradio_itu_zone') . '' . lang('gen_hamradio_iota') . '' . lang('gen_hamradio_pota') . '' . lang('gen_hamradio_operator') . '' . lang('general_word_comment') . '
-
\ No newline at end of file +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+ +
+ + + + + + + + + + + + + + + + +
+
+
+
+ + dx->show ?? "true") == "true") { ?> + + dxcc->show ?? "true") == "true") { ?> + + state->show ?? "true") == "true") { ?> + + refs->show ?? "true") == "true") { ?> + + cqzone->show ?? "true") == "true") { ?> + + ituzone->show ?? "true") == "true") { ?> + + mode->show ?? "true") == "true") { ?> + + band->show ?? "true") == "true") { ?> + + iota->show ?? "true") == "true") { ?> + + refs->show ?? "true") == "true") { ?> + + refs->show ?? "true") == "true") { ?> + + refs->show ?? "true") == "true") { ?> + + operator->show ?? "true") == "true") { ?> + +
+
+
+
+ + + + + + + + + + + + +
+ + +
    +
    • +
+
+ + + +
+
+ + + + + + datetime->show ?? "true") == "true") { + echo ''; + } ?> + de->show ?? "true") == "true") { + echo ''; + } ?> + dx->show ?? "true") == "true") { + echo ''; + } ?> + mode->show ?? "true") == "true") { + echo ''; + } ?> + rsts->show ?? "true") == "true") { + echo ''; + } ?> + rstr->show ?? "true") == "true") { + echo ''; + } ?> + band->show ?? "true") == "true") { + echo ''; + } ?> + myrefs->show ?? "true") == "true") { + echo ''; + } ?> + refs->show ?? "true") == "true") { + echo ''; + } ?> + name->show ?? "true") == "true") { + echo ''; + } ?> + qslvia->show ?? "true") == "true") { + echo ''; + } ?> + qsl->show ?? "true") == "true") { + echo ''; + } ?> + session->userdata('user_eqsl_name') != "" && ($options->eqsl->show ?? "true") == "true"){ + echo ''; + } ?> + session->userdata('user_lotw_name') != "" && ($options->lotw->show ?? "true") == "true"){ + echo ''; + } ?> + qslmsg->show ?? "true") == "true") { + echo ''; + } ?> + dxcc->show ?? "true") == "true") { + echo ''; + } ?> + state->show ?? "true") == "true") { + echo ''; + } ?> + cqzone->show ?? "true") == "true") { + echo ''; + } ?> + ituzone->show ?? "true") == "true") { + echo ''; + } ?> + iota->show ?? "true") == "true") { + echo ''; + } ?> + pota->show ?? "true") == "true") { + echo ''; + } ?> + operator->show ?? "true") == "true") { + echo ''; + } ?> + comment->show ?? "true") == "true") { + echo ''; + } ?> + + + + +
+
+ 		' . lang('general_word_datetime') . '' . lang('gen_hamradio_de') . '' . lang('gen_hamradio_dx') . '' . lang('gen_hamradio_mode') . '' . lang('gen_hamradio_rsts') . '' . lang('gen_hamradio_rstr') . '' . lang('gen_hamradio_band') . '' . lang('gen_hamradio_myrefs') . '' . lang('gen_hamradio_refs') . '' . lang('general_word_name') . '' . lang('gen_hamradio_qslvia') . '' . lang('gen_hamradio_qsl') . 'eQSLLoTW' . lang('gen_hamradio_qslmsg') . '' . lang('gen_hamradio_dxcc') . '' . lang('gen_hamradio_state') . '' . lang('gen_hamradio_cq_zone') . '' . lang('gen_hamradio_itu_zone') . '' . lang('gen_hamradio_iota') . '' . lang('gen_hamradio_pota') . '' . lang('gen_hamradio_operator') . '' . lang('general_word_comment') . '
+
diff --git a/assets/css/cosmo_wide/overrides.css b/assets/css/cosmo_wide/overrides.css index 729f7b612..fb0d66928 100644 --- a/assets/css/cosmo_wide/overrides.css +++ b/assets/css/cosmo_wide/overrides.css @@ -65,6 +65,11 @@ height: 500px !important; } +#gridsquare_map { + height: calc(100vh - 380px) !important; + max-height: 900px !important; +} + @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 1300px; diff --git a/assets/css/cyborg_wide/overrides.css b/assets/css/cyborg_wide/overrides.css index 14dca4f97..1dbf2c575 100644 --- a/assets/css/cyborg_wide/overrides.css +++ b/assets/css/cyborg_wide/overrides.css @@ -223,6 +223,11 @@ path.grid-worked { height: 500px !important; } +#gridsquare_map { + height: calc(100vh - 380px) !important; + max-height: 900px !important; +} + #mapqso { height: 400px !important; } diff --git a/assets/css/darkly_wide/overrides.css b/assets/css/darkly_wide/overrides.css index 39f745e6d..7a0878e2b 100644 --- a/assets/css/darkly_wide/overrides.css +++ b/assets/css/darkly_wide/overrides.css @@ -241,6 +241,11 @@ div.alert-danger { height: 500px !important; } +#gridsquare_map { + height: calc(100vh - 380px) !important; + max-height: 900px !important; +} + #mapqso { height: 400px !important; } diff --git a/assets/css/default_wide/overrides.css b/assets/css/default_wide/overrides.css index f2f1749d4..a83139a56 100644 --- a/assets/css/default_wide/overrides.css +++ b/assets/css/default_wide/overrides.css @@ -65,6 +65,11 @@ thead > tr > td { height: 500px !important; } +#gridsquare_map { + height: calc(100vh - 380px) !important; + max-height: 900px !important; +} + @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 1300px; diff --git a/assets/css/general.css b/assets/css/general.css index 589906874..29fb898ca 100644 --- a/assets/css/general.css +++ b/assets/css/general.css @@ -666,6 +666,11 @@ div#station_logbooks_linked_table_paginate { margin-bottom: 0px; } +#advancedmap { + height: calc(100vh - 280px) !important; + max-height: 1000px !important; +} + .lotw-cert-list table { margin-bottom: 0px; } @@ -835,14 +840,9 @@ label { } .coordinates { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - justify-content: center; + justify-content: center; align-items: stretch; } - .cohidden { display:none; } diff --git a/assets/css/superhero_wide/overrides.css b/assets/css/superhero_wide/overrides.css index 62808f476..b5367b4f4 100644 --- a/assets/css/superhero_wide/overrides.css +++ b/assets/css/superhero_wide/overrides.css @@ -87,6 +87,11 @@ path.grid-worked { height: 400px !important; } +#gridsquare_map { + height: calc(100vh - 380px) !important; + max-height: 900px !important; +} + /* * Dark Navigation */ diff --git a/assets/js/sections/common.js b/assets/js/sections/common.js index 2f56f9240..6b422c0cc 100644 --- a/assets/js/sections/common.js +++ b/assets/js/sections/common.js @@ -929,28 +929,6 @@ $(document).ready(function() { } }); -// auto setting of gridmap height -function set_map_height() { - //header menu - var headerNavHeight = $('nav').outerHeight(); - // console.log('nav: ' + headerNavHeight); - - // line with coordinates - var coordinatesHeight = $('.coordinates').outerHeight(); - // console.log('.coordinates: ' + coordinatesHeight); - - // form for gridsquare map - var gridsquareFormHeight = $('.gridsquare_map_form').outerHeight(); - // console.log('.gridsquare_map_form: ' + gridsquareFormHeight); - - // calculate correct map height - var gridsquareMapHeight = window.innerHeight - headerNavHeight - coordinatesHeight - gridsquareFormHeight; - - // and set it - $('#gridsquare_map').css('height', gridsquareMapHeight + 'px'); - // console.log('#gridsquare_map: ' + gridsquareMapHeight); -} - console.log("Ready to unleash your coding prowess and join the fun?\n\n" + "Check out our GitHub Repository and dive into the coding adventure:\n\n" + diff --git a/assets/js/sections/ffma.js b/assets/js/sections/ffma.js index 157afb8f3..0bfbe813d 100644 --- a/assets/js/sections/ffma.js +++ b/assets/js/sections/ffma.js @@ -13,8 +13,7 @@ function gridPlot(form) { if(container != null){ container._leaflet_id = null; container.remove(); - $("#gridmapcontainer").append('
'); - set_map_height(); + $("#gridmapcontainer").append('
'); } ajax_url = site_url + '/awards/getFfmaGridsjs'; @@ -24,7 +23,6 @@ function gridPlot(form) { type: 'get', success: function (data) { $('.cohidden').show(); - set_map_height(); $(".ld-ext-right-plot").removeClass('running'); $(".ld-ext-right-plot").prop('disabled', false); $('#plot').prop("disabled", false); @@ -147,8 +145,5 @@ function spawnGridsquareModal(loc_4char) { } $(document).ready(function(){ - gridPlot(this.form); - $(window).resize(function () { - set_map_height(); - }); + gridPlot(this.form); }) diff --git a/assets/js/sections/gridmap.js b/assets/js/sections/gridmap.js index b90f29519..807002bb7 100644 --- a/assets/js/sections/gridmap.js +++ b/assets/js/sections/gridmap.js @@ -39,8 +39,7 @@ function gridPlot(form, visitor=true) { if(container != null){ container._leaflet_id = null; container.remove(); - $("#gridmapcontainer").append('
'); - set_map_height(); + $("#gridmapcontainer").append('
'); } if (typeof type == 'undefined') { type=''; } @@ -69,7 +68,6 @@ function gridPlot(form, visitor=true) { }, success: function (data) { $('.cohidden').show(); - set_map_height(); $(".ld-ext-right-plot").removeClass('running'); $(".ld-ext-right-plot").prop('disabled', false); $('#plot').prop("disabled", false); @@ -221,8 +219,5 @@ function clearMarkers() { } $(document).ready(function(){ - gridPlot(this.form, visitor); - $(window).resize(function () { - set_map_height(); - }); + gridPlot(this.form, visitor); }) diff --git a/assets/js/sections/gridmaster.js b/assets/js/sections/gridmaster.js index 18d67cee3..b1a15bbf9 100644 --- a/assets/js/sections/gridmaster.js +++ b/assets/js/sections/gridmaster.js @@ -13,8 +13,7 @@ function gridPlot(form, dxcc) { if(container != null){ container._leaflet_id = null; container.remove(); - $("#gridmapcontainer").append('
'); - set_map_height(); + $("#gridmapcontainer").append('
'); } ajax_url = site_url + '/awards/getGridmasterGridsjs/'+dxcc; @@ -28,7 +27,6 @@ function gridPlot(form, dxcc) { success: function (data) { $('.cohidden').show(); - set_map_height(); $(".ld-ext-right-plot").removeClass('running'); $(".ld-ext-right-plot").prop('disabled', false); $('#plot').prop("disabled", false); @@ -153,8 +151,5 @@ function spawnGridsquareModal(loc_4char) { } $(document).ready(function(){ - gridPlot(this.form, dxcc); - $(window).resize(function () { - set_map_height(); - }); + gridPlot(this.form, dxcc); }) diff --git a/assets/js/sections/logbookadvanced_map.js b/assets/js/sections/logbookadvanced_map.js index 1b39a7163..7b6292c70 100644 --- a/assets/js/sections/logbookadvanced_map.js +++ b/assets/js/sections/logbookadvanced_map.js @@ -273,7 +273,7 @@ function loadMap(data, iconsList) { container._leaflet_id = null; container.remove(); $(".coordinates").remove(); - $("#lba_div").append('
'); + $(".qso_manager").append('
'); $(".qso_manager").append('
' + '
' + lang_gen_hamradio_latitude + ' 
' + '
' + @@ -287,7 +287,6 @@ function loadMap(data, iconsList) { '
' + '
'); $('.cohidden').show(); - set_advancedmap_height(); } map = new L.Map('advancedmap', { @@ -436,323 +435,292 @@ function loadMap(data, iconsList) { } } -function createContentMessage(qso) { - var table = '' + - '' + - '" + - '' + - '"; - return (table += "
' + - 'Station callsign: ' + qso.mycallsign + - "
' + - 'Gridsquare: ' + qso.mygridsquare + - "
"); -} + function createContentMessage(qso) { + var table = '' + + '' + + '" + + '' + + '"; + return (table += "
' + + 'Station callsign: ' + qso.mycallsign + + "
' + + 'Gridsquare: ' + qso.mygridsquare + + "
"); + } -function createContentMessageDx(qso) { - var table = '' + - '' + - '' + - '' + - '' + - '' + - '' + - '' + - '' + - ''; - if (qso.satname != "") { - table += '' + - '' + + function createContentMessageDx(qso) { + var table = '
Callsign' + qso.callsign + '
Date/time' + qso.datetime + '
BandSAT ' + qso.satname - if (qso.orbit != "") { - table += ' (' + qso.orbit + ') ' - } - table += '
' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + '' + ''; - } else { - table += '' + - '' + - '' + - ''; - } - table += '' + - '' + - '' + - ''; - if (qso.gridsquare != undefined) { - table += '' + - '' + - ''; - } - if (qso.distance != undefined) { - table += '' + - '' + - ''; - } - if (qso.bearing != undefined) { - table += '' + - '' + - ''; - } - return (table += '
Callsign' + qso.callsign + '
Date/time' + qso.datetime + '
Band' + qso.band + '
Mode' + qso.mode + '
Gridsquare' + qso.gridsquare + '
Distance' + qso.distance + '
Bearing' + qso.bearing + '
'); -} - -function loadMapOptions(data) { - $.ajax({ - url: base_url + 'index.php/user_options/get_map_custom', - type: 'GET', - dataType: 'json', - error: function () { - }, - success: function (json_mapinfo) { - if (typeof json_mapinfo.qso !== "undefined") { - iconsList = json_mapinfo; + if (qso.satname != "") { + table += 'Band' + + 'SAT ' + qso.satname + if (qso.orbit != "") { + table += ' (' + qso.orbit + ') ' } - loadMap(data, iconsList) - } - }); -} - -function mapQsos(form) { - $('#mapButton').prop("disabled", true).addClass("running"); - - var id_list=[]; - var elements = $('#qsoList tbody input:checked'); - var nElements = elements.length; - - elements.each(function() { - let id = $(this).first().closest('tr').data('qsoID') - id_list.push(id); - unselectQsoID(id); - }); - - $("#qsoList").attr("Hidden", true); - $("#qsoList_wrapper").attr("Hidden", true); - $("#qsoList_info").attr("Hidden", true); - - amap = $('#advancedmap').val(); - if (amap == undefined) { - $("#lba_div").append('
'); - } - - if (id_list.length > 0) { - $.ajax({ - url: base_url + 'index.php/logbookadvanced/mapSelectedQsos', - type: 'post', - data: { - ids: id_list, - de: form.de.value - }, - success: function(data) { - loadMapOptions(data); - }, - error: function() { - $('#mapButton').prop("disabled", false).removeClass("running"); - }, - }); - } else { - $.ajax({ - url: base_url + 'index.php/logbookadvanced/mapQsos', - type: 'post', - data: { - dateFrom: form.dateFrom.value, - dateTo: form.dateTo.value, - de: form.de.value, - dx: form.dx.value, - mode: form.mode.value, - band: form.band.value, - qslSent: form.qslSent.value, - qslReceived: form.qslReceived.value, - qslSentMethod: this.qslSentMethod.value, - qslReceivedMethod: this.qslReceivedMethod.value, - iota: form.iota.value, - dxcc: form.dxcc.value, - propmode: form.selectPropagation.value, - gridsquare: form.gridsquare.value, - state: form.state.value, - qsoresults: form.qsoResults.value, - sats: form.sats.value, - orbits: form.orbits.value, - cqzone: form.cqzone.value, - lotwSent: form.lotwSent.value, - lotwReceived: form.lotwReceived.value, - eqslSent: form.eqslSent.value, - eqslReceived: form.eqslReceived.value, - qslvia: $('[name="qslviainput"]').val(), - sota: form.sota.value, - pota: form.pota.value, - operator: form.operator.value, - wwff: form.wwff.value, - qslimages: form.qslimages.value, - }, - success: function(data) { - loadMapOptions(data); - }, - error: function() { - $('#mapButton').prop("disabled", false).removeClass("running"); - }, - }); - } -}; - -function mapGlobeQsos(form) { - var container = L.DomUtil.get('advancedmap'); - if(container != null){ - container._leaflet_id = null; - container.remove(); - $(".coordinates").remove(); - } - - var id_list=[]; - var elements = $('#qsoList tbody input:checked'); - var nElements = elements.length; - - elements.each(function() { - let id = $(this).first().closest('tr').data('qsoID') - id_list.push(id); - unselectQsoID(id); - }); - - $("#qsoList").attr("Hidden", true); - $("#qsoList_wrapper").attr("Hidden", true); - $("#qsoList_info").attr("Hidden", true); - - amap = $('#advancedmap').val(); - if (amap == undefined) { - $("#lba_div").append('
'); - } - - if (id_list.length > 0) { - $.ajax({ - url: base_url + 'index.php/logbookadvanced/mapSelectedQsos', - type: 'post', - data: { - ids: id_list, - de: form.de.value - }, - success: function(data) { - globemap(data); - }, - error: function() { - - }, - }); - } else { - $.ajax({ - url: base_url + 'index.php/logbookadvanced/mapQsos', - type: 'post', - data: { - dateFrom: form.dateFrom.value, - dateTo: form.dateTo.value, - de: form.de.value, - dx: form.dx.value, - mode: form.mode.value, - band: form.band.value, - qslSent: form.qslSent.value, - qslReceived: form.qslReceived.value, - qslSentMethod: this.qslSentMethod.value, - qslReceivedMethod: this.qslReceivedMethod.value, - iota: form.iota.value, - dxcc: form.dxcc.value, - propmode: form.selectPropagation.value, - gridsquare: form.gridsquare.value, - state: form.state.value, - qsoresults: form.qsoResults.value, - sats: form.sats.value, - orbits: form.orbits.value, - cqzone: form.cqzone.value, - lotwSent: form.lotwSent.value, - lotwReceived: form.lotwReceived.value, - eqslSent: form.eqslSent.value, - eqslReceived: form.eqslReceived.value, - qslvia: $('[name="qslviainput"]').val(), - sota: form.sota.value, - pota: form.pota.value, - operator: form.operator.value, - wwff: form.wwff.value, - qslimages: form.qslimages.value, - }, - success: function(data) { - globemap(data); - }, - error: function() { - - }, - }); - } -}; - -function globemap(x) { - globePayArc=[]; - globePayLab=[]; - x.forEach((element) => { - let OneQsoArc={}; - OneQsoArc.startLat=element.latlng1[0]; - OneQsoArc.startLng=element.latlng1[1]; - OneQsoArc.endLat=element.latlng2[0]; - OneQsoArc.endLng=element.latlng2[1]; - OneQsoArc.name=element.callsign; - if (element.confirmed) { - OneQsoArc.color = 'green'; + table += '' + + '' + + ''; } else { - OneQsoArc.color = 'red'; + table += 'Band' + + '' + qso.band + '' + + '' + + ''; } - // OneQsoArc.color = [['red', 'white', 'blue', 'green'][Math.round(Math.random() * 3)], ['red', 'white', 'blue', 'green'][Math.round(Math.random() * 3)]] - OneQsoArc.altitude=0.15; - globePayArc.push(OneQsoArc); - let OneQsoLab={}; - OneQsoLab.lat=element.latlng2[0]; - OneQsoLab.lng=element.latlng2[1]; - OneQsoLab.text=element.callsign; - globePayLab.push(OneQsoLab); - }); - renderGlobe(globePayArc,globePayLab); -} + table += 'Mode' + + '' + qso.mode + '' + + '' + + ''; + if (qso.gridsquare != undefined) { + table += 'Gridsquare' + + '' + qso.gridsquare + '' + + ''; + } + if (qso.distance != undefined) { + table += 'Distance' + + '' + qso.distance + '' + + ''; + } + if (qso.bearing != undefined) { + table += 'Bearing' + + '' + qso.bearing + '' + + ''; + } + return (table += ''); + } -function renderGlobe(arcsData,labelData) { - Globe() - .globeImageUrl(base_url + '/assets/images/earth-blue-marble.jpg') - .pointOfView({ lat: arcsData[0].startLat, lng: arcsData[0].startLng, altitude:1}, 100) - .labelsData(labelData) - .arcsData(arcsData) - .arcColor('color') - //.arcAltitude('altitude') - .arcAltitudeAutoScale(.3) - .arcStroke(.2) - .arcDashLength(() => .1) - .arcDashGap(() => 0.01) - .arcDashAnimateTime(() => 4000 + 500) - (document.getElementById('advancedmap')) -} + function loadMapOptions(data) { + $.ajax({ + url: base_url + 'index.php/user_options/get_map_custom', + type: 'GET', + dataType: 'json', + error: function () { + }, + success: function (json_mapinfo) { + if (typeof json_mapinfo.qso !== "undefined") { + iconsList = json_mapinfo; + } + loadMap(data, iconsList) + } + }); + } -// auto setting of gridmap height -function set_advancedmap_height() { - //header menu - var headerNavHeight = $('nav').outerHeight(); - // console.log('nav: ' + headerNavHeight); + function mapQsos(form) { + $('#mapButton').prop("disabled", true).addClass("running"); - // line with coordinates - var coordinatesHeight = $('.coordinates').outerHeight(); - // console.log('.coordinates: ' + coordinatesHeight); + var id_list=[]; + var elements = $('#qsoList tbody input:checked'); + var nElements = elements.length; - // form for gridsquare map - var qsoManagerHeight = $('.qso_manager').outerHeight(); - // console.log('.qso_manager: ' + qsoManagerHeight); + elements.each(function() { + let id = $(this).first().closest('tr').data('qsoID') + id_list.push(id); + unselectQsoID(id); + }); - // calculate correct map height - var advancedMapHeight = window.innerHeight - headerNavHeight - coordinatesHeight - qsoManagerHeight; + $("#qsoList").attr("Hidden", true); + $("#qsoList_wrapper").attr("Hidden", true); + $("#qsoList_info").attr("Hidden", true); - // and set it - $('#advancedmap').css('height', advancedMapHeight + 'px'); - // console.log('#advancedmap: ' + advancedMapHeight); -} + amap = $('#advancedmap').val(); + if (amap == undefined) { + $(".qso_manager").append('
'); + } + + if (id_list.length > 0) { + $.ajax({ + url: base_url + 'index.php/logbookadvanced/mapSelectedQsos', + type: 'post', + data: { + ids: id_list, + de: form.de.value + }, + success: function(data) { + loadMapOptions(data); + }, + error: function() { + $('#mapButton').prop("disabled", false).removeClass("running"); + }, + }); + } else { + $.ajax({ + url: base_url + 'index.php/logbookadvanced/mapQsos', + type: 'post', + data: { + dateFrom: form.dateFrom.value, + dateTo: form.dateTo.value, + de: form.de.value, + dx: form.dx.value, + mode: form.mode.value, + band: form.band.value, + qslSent: form.qslSent.value, + qslReceived: form.qslReceived.value, + qslSentMethod: this.qslSentMethod.value, + qslReceivedMethod: this.qslReceivedMethod.value, + iota: form.iota.value, + dxcc: form.dxcc.value, + propmode: form.selectPropagation.value, + gridsquare: form.gridsquare.value, + state: form.state.value, + qsoresults: form.qsoResults.value, + sats: form.sats.value, + orbits: form.orbits.value, + cqzone: form.cqzone.value, + lotwSent: form.lotwSent.value, + lotwReceived: form.lotwReceived.value, + eqslSent: form.eqslSent.value, + eqslReceived: form.eqslReceived.value, + qslvia: $('[name="qslviainput"]').val(), + sota: form.sota.value, + pota: form.pota.value, + operator: form.operator.value, + wwff: form.wwff.value, + qslimages: form.qslimages.value, + }, + success: function(data) { + loadMapOptions(data); + }, + error: function() { + $('#mapButton').prop("disabled", false).removeClass("running"); + }, + }); + } + }; + + function mapGlobeQsos(form) { + var container = L.DomUtil.get('advancedmap'); + if(container != null){ + container._leaflet_id = null; + container.remove(); + $(".coordinates").remove(); + } + + var id_list=[]; + var elements = $('#qsoList tbody input:checked'); + var nElements = elements.length; + + elements.each(function() { + let id = $(this).first().closest('tr').data('qsoID') + id_list.push(id); + unselectQsoID(id); + }); + + $("#qsoList").attr("Hidden", true); + $("#qsoList_wrapper").attr("Hidden", true); + $("#qsoList_info").attr("Hidden", true); + + amap = $('#advancedmap').val(); + if (amap == undefined) { + $(".qso_manager").append('
'); + } + + if (id_list.length > 0) { + $.ajax({ + url: base_url + 'index.php/logbookadvanced/mapSelectedQsos', + type: 'post', + data: { + ids: id_list, + de: form.de.value + }, + success: function(data) { + globemap(data); + }, + error: function() { + + }, + }); + } else { + $.ajax({ + url: base_url + 'index.php/logbookadvanced/mapQsos', + type: 'post', + data: { + dateFrom: form.dateFrom.value, + dateTo: form.dateTo.value, + de: form.de.value, + dx: form.dx.value, + mode: form.mode.value, + band: form.band.value, + qslSent: form.qslSent.value, + qslReceived: form.qslReceived.value, + qslSentMethod: this.qslSentMethod.value, + qslReceivedMethod: this.qslReceivedMethod.value, + iota: form.iota.value, + dxcc: form.dxcc.value, + propmode: form.selectPropagation.value, + gridsquare: form.gridsquare.value, + state: form.state.value, + qsoresults: form.qsoResults.value, + sats: form.sats.value, + orbits: form.orbits.value, + cqzone: form.cqzone.value, + lotwSent: form.lotwSent.value, + lotwReceived: form.lotwReceived.value, + eqslSent: form.eqslSent.value, + eqslReceived: form.eqslReceived.value, + qslvia: $('[name="qslviainput"]').val(), + sota: form.sota.value, + pota: form.pota.value, + operator: form.operator.value, + wwff: form.wwff.value, + qslimages: form.qslimages.value, + }, + success: function(data) { + globemap(data); + }, + error: function() { + + }, + }); + } + }; + + function globemap(x) { + globePayArc=[]; + globePayLab=[]; + x.forEach((element) => { + let OneQsoArc={}; + OneQsoArc.startLat=element.latlng1[0]; + OneQsoArc.startLng=element.latlng1[1]; + OneQsoArc.endLat=element.latlng2[0]; + OneQsoArc.endLng=element.latlng2[1]; + OneQsoArc.name=element.callsign; + if (element.confirmed) { + OneQsoArc.color = 'green'; + } else { + OneQsoArc.color = 'red'; + } + // OneQsoArc.color = [['red', 'white', 'blue', 'green'][Math.round(Math.random() * 3)], ['red', 'white', 'blue', 'green'][Math.round(Math.random() * 3)]] + OneQsoArc.altitude=0.15; + globePayArc.push(OneQsoArc); + let OneQsoLab={}; + OneQsoLab.lat=element.latlng2[0]; + OneQsoLab.lng=element.latlng2[1]; + OneQsoLab.text=element.callsign; + globePayLab.push(OneQsoLab); + }); + renderGlobe(globePayArc,globePayLab); + } + + function renderGlobe(arcsData,labelData) { + Globe() + .globeImageUrl(base_url + '/assets/images/earth-blue-marble.jpg') + .pointOfView({ lat: arcsData[0].startLat, lng: arcsData[0].startLng, altitude:1}, 100) + .labelsData(labelData) + .arcsData(arcsData) + .arcColor('color') + //.arcAltitude('altitude') + .arcAltitudeAutoScale(.3) + .arcStroke(.2) + .arcDashLength(() => .1) + .arcDashGap(() => 0.01) + .arcDashAnimateTime(() => 4000 + 500) + (document.getElementById('advancedmap')) + } -$(document).ready(function() { - $(window).resize(function() { - set_advancedmap_height(); - }); - $('.lba_buttons').click(function() { - // we need some delay because of the bs collapse menu - setTimeout(set_advancedmap_height, 400); - }); -}); \ No newline at end of file