diff options
| author | Birte Kristina Friesel <derf@finalrewind.org> | 2023-08-16 21:45:25 +0200 |
|---|---|---|
| committer | Birte Kristina Friesel <derf@finalrewind.org> | 2023-08-16 21:45:25 +0200 |
| commit | 9218a40c1345c56a1721b3a67dc12faf08975d74 (patch) | |
| tree | fa32a7889b95051a7627a626d209fcb5d8b52ca4 | |
| parent | 479ded0c729dfce069d4f204297b6b27df0739d2 (diff) | |
show train/bus icons in stop list
| -rw-r--r-- | public/static/js/geolocation.js | 4 | ||||
| -rw-r--r-- | sass/src/common/local.scss | 6 |
2 files changed, 8 insertions, 2 deletions
diff --git a/public/static/js/geolocation.js b/public/static/js/geolocation.js index 5da28d8..302047a 100644 --- a/public/static/js/geolocation.js +++ b/public/static/js/geolocation.js @@ -24,7 +24,7 @@ $(document).ready(function() { const res = $(document.createElement('p')); $.each(stops, function(i, stop) { const parts = stop.split(';'); - const node = $('<a class="tablerow" href="/s/' + parts[0] + '?hafas=' + parts[2] + '"><span>' + parts[1] + '</span></a>'); + const node = $('<a class="tablerow" href="/s/' + parts[0] + '?hafas=' + parts[2] + '"><span><i class="material-icons" aria-hidden="true">' + (parseInt(parts[2]) ? 'directions_bus' : 'train') + '</i>' + parts[1] + '</span></a>'); node.click(function() { $('nav .preloader-wrapper').addClass('active'); }); @@ -51,7 +51,7 @@ $(document).ready(function() { hafas = candidate.hafas, distance = candidate.distance.toFixed(1); - const node = $('<a class="tablerow" href="/s/' + eva + '?hafas=' + hafas + '"><span>' + name + '</span></a>'); + const node = $('<a class="tablerow" href="/s/' + eva + '?hafas=' + hafas + '"><span><i class="material-icons" aria-hidden="true">' + (parseInt(hafas) ? 'directions_bus' : 'train') + '</i>' + name + '</span></a>'); node.click(function() { $('nav .preloader-wrapper').addClass('active'); }); diff --git a/sass/src/common/local.scss b/sass/src/common/local.scss index 32f66da..b9362df 100644 --- a/sass/src/common/local.scss +++ b/sass/src/common/local.scss @@ -58,3 +58,9 @@ h3 { font-size: 1.64rem; margin: 1.0933333333rem 0 .656rem 0; } + +.geolocation { + i.material-icons { + font-size: 16px; + } +} |