diff --git a/static/js/main.js b/static/js/main.js
index 721c34d..daadc63 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -22,6 +22,50 @@ const RouteType = {
const ICONS = {
bus: ``,
tram: ``,
+ s70: `
+
+ `,
+ sd100: `
+
+ `,
train: ``,
};
@@ -135,6 +179,24 @@ let bannerVisible = false
let currentVehicles = new Map()
+function vehicleSvgIcon(vehicle) {
+ if (vehicle.route.type == RouteType.BUS) {
+ return ICONS.bus
+ } else if (vehicle.route.type == RouteType.TRAM) {
+ if (localStorage.getItem("new_icons") == "true") {
+ if (vehicle.id.startsWith("10")) {
+ return ICONS.sd100
+ } else {
+ return ICONS.s70
+ }
+ } else {
+ return ICONS.tram
+ }
+ } else if (vehicle.route.type == RouteType.RAIL) {
+ return ICONS.train
+ }
+}
+
function renderVehicleIcon(vehicle) {
return L.divIcon({
className: "",
@@ -151,15 +213,7 @@ function renderVehicleIcon(vehicle) {
vehicle.bearing ?? 0
}deg) translateY(-12px); width: 18px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
- ${
- vehicle.route.type == RouteType.BUS
- ? ICONS.bus
- : vehicle.route.type == RouteType.TRAM
- ? ICONS.tram
- : vehicle.route.type == RouteType.RAIL
- ? ICONS.train
- : ""
- }
+ ${vehicleSvgIcon(vehicle)}
`,
})
}