Netsyms/PackageHelper
2
0
Fork 1
Code Issues 9 Pull Requests Releases 12 Wiki Activity

Add "auto" map theme as default (changes between light and dark based on app theme)

Browse Source
This commit is contained in:
Skylar Ittner 2021-12-14 00:25:16 -07:00
parent 0415aa565b
commit 7eb588dd44
3 changed files with 48 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
www/assets/js/map_leaflet.js
View File

@ -17,12 +17,21 @@ function leafletMap() {
map.maptype = "leaflet"; map.maptype = "leaflet";
if (getStorage("mapsource") == null) { if (getStorage("mapsource") == null) {
setStorage("mapsource", "liberty"); setStorage("mapsource", "auto");
}
mapsource = getStorage("mapsource");
if (mapsource == "auto") {
if ($("#app").hasClass("theme-dark")) {
mapsource = "libertydark";
} else {
mapsource = "liberty";
}
} }
$("#mapbox").css("background-color", SETTINGS.maptileurls[getStorage("mapsource")].bgcolor); $("#mapbox").css("background-color", SETTINGS.maptileurls[mapsource].bgcolor);
L.tileLayer(SETTINGS.maptileurls[getStorage("mapsource")].url, { L.tileLayer(SETTINGS.maptileurls[mapsource].url, {
minZoom: 1, minZoom: 1,
maxZoom: 19 maxZoom: 19
}).addTo(map); }).addTo(map);

18
www/assets/js/map_mapbox.js
View File

@ -10,17 +10,27 @@ var firstload = true;
function mapboxMap() { function mapboxMap() {
var mapsource = "auto";
if (getStorage("mapsource") == null) { if (getStorage("mapsource") == null) {
setStorage("mapsource", "liberty"); setStorage("mapsource", "auto");
}
mapsource = getStorage("mapsource");
if (mapsource == "auto") {
if ($("#app").hasClass("theme-dark")) {
mapsource = "libertydark";
} else {
mapsource = "liberty";
}
} }
$("#mapbox").css("background-color", SETTINGS.maptileurls[getStorage("mapsource")].bgcolor); $("#mapbox").css("background-color", SETTINGS.maptileurls[mapsource].bgcolor);
mapboxgl.accessToken = SETTINGS.mapboxpublictoken; mapboxgl.accessToken = SETTINGS.mapboxpublictoken;
var map = new mapboxgl.Map({ var map = new mapboxgl.Map({
container: 'mapbox', container: 'mapbox',
style: SETTINGS.maptileurls[getStorage("mapsource")].json, style: SETTINGS.maptileurls[mapsource].json,
//attributionControl: false,
dragPan: true, dragPan: true,
pitch: 0, pitch: 0,
zoom: 2, zoom: 2,

8
www/routes.js
View File

@ -691,7 +691,13 @@ var routes = [
path: '/maps', path: '/maps',
name: 'settings', name: 'settings',
async: function (routeTo, routeFrom, resolve, reject) { async: function (routeTo, routeFrom, resolve, reject) {
var mapstyles = []; var mapstyles = [
{
value: "auto",
label: "Auto",
selected: !inStorage("mapsource") || getStorage("mapsource") == "auto"
}
];
for (var id in SETTINGS.maptileurls) { for (var id in SETTINGS.maptileurls) {
if (SETTINGS.maptileurls.hasOwnProperty(id)) { if (SETTINGS.maptileurls.hasOwnProperty(id)) {
mapstyles.push({ mapstyles.push({