ben/brouter-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Work around iOS 3rd party browser download (#418)

Browse source 
- use FileReader.readAsDataURL (for iOS Chromium)
- add alternative Download from Server for now until proven in Prod and fixed in iOS Firefox (no i18n)
- replace cloud icons as client-side now
This commit is contained in:
Norbert Renner 2022-05-28 14:27:32 +02:00
parent 1d26949770
commit 0fc60c1821
5 changed files with 47 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

27
index.html
View file

@ -64,7 +64,7 @@
data-i18n-options='{ "action": "$t(navbar.export-tooltip)", "key": "X" }'
title="Export route"
>
<span class="fa fa-lg fa-cloud-download" aria-hidden="true"> </span>
<span class="fa fa-lg fa-download" aria-hidden="true"> </span>
<span data-i18n="navbar.export">Export</span>
</a>
</div>
@ -88,7 +88,7 @@
}'
title="Load route"
>
<span class="fa fa-lg fa-cloud-upload" aria-hidden="true"> </span>
<span class="fa fa-lg fa-upload" aria-hidden="true"> </span>
<span data-i18n="navbar.load.title">Load</span>
</a>
<div class="dropdown-menu" aria-labelledby="navbarLoadDropdown">
@ -515,14 +515,20 @@
<button type="button" class="btn btn-secondary" data-i18n="modal.close" data-dismiss="modal">
Close
</button>
<button
type="submit"
class="btn btn-primary"
data-i18n="export.title"
form="exportForm"
id="submitExport"
>
Export route
<button type="button" class="btn btn-secondary" id="serverExport">
<span>
<i class="fa fa-cloud-download"></i>
<i
hidden
id="export-beeline-warning"
class="fa fa-exclamation-triangle"
style="font-size: 10px; position: absolute; margin-top: -3px; margin-left: -1px"
></i>
</span>
</button>
<button type="submit" class="btn btn-primary" form="exportForm" id="submitExport">
<span class="fa fa-download"></span>
<span data-i18n="export.title">Export route</span>
</button>
</div>
</div>
@ -919,7 +925,6 @@
</div>
<div id="preview" hidden data-i18n="map.preview">Preview</div>
</div>
<div id="sidebar" class="leaflet-sidebar collapsed">
<div class="leaflet-sidebar-content">
<div class="leaflet-sidebar-pane" id="tab_layers_control">