}));
});
- $(".directions_form .close").on("click", function (e) {
+ $(".directions_form .btn-close").on("click", function (e) {
e.preventDefault();
var route_from = endpoints[0].value;
if (route_from) {
map.fitBounds(polyline.getBounds().pad(0.05));
}
- var html = "<h2><a class=\"geolink\" href=\"#\">" +
- "<span class=\"icon close\"></span></a>" + I18n.t("javascripts.directions.directions") +
- "</h2><p id=\"routing_summary\">" +
+ var html = "<a class=\"geolink\" href=\"#\"><button type='button' class='btn-close float-end mt-1'></button></a>" +
+ "<h2>" + I18n.t("javascripts.directions.directions") + "</h2>" +
+ "<p>" +
I18n.t("javascripts.directions.distance") + ": " + formatDistance(route.distance) + ". " +
I18n.t("javascripts.directions.time") + ": " + formatTime(route.time) + ".";
if (typeof route.ascend !== "undefined" && typeof route.descend !== "undefined") {
I18n.t("javascripts.directions.ascend") + ": " + Math.round(route.ascend) + "m. " +
I18n.t("javascripts.directions.descend") + ": " + Math.round(route.descend) + "m.";
}
- html += "</p><table id=\"turnbyturn\" />";
+ html += "</p><table id=\"turnbyturn\" class=\"mb-3\"/>";
$("#sidebar_content")
.html(html);
$("#turnbyturn").append(row);
});
- $("#sidebar_content").append("<p id=\"routing_credit\">" +
+ $("#sidebar_content").append("<p class=\"text-center\">" +
I18n.t("javascripts.directions.instructions.courtesy", { link: chosenEngine.creditline }) +
"</p>");
}
var chosenEngineIndex = findEngine("fossgis_osrm_car");
- if ($.cookie("_osm_directions_engine")) {
- chosenEngineIndex = findEngine($.cookie("_osm_directions_engine"));
+ if (Cookies.get("_osm_directions_engine")) {
+ chosenEngineIndex = findEngine(Cookies.get("_osm_directions_engine"));
}
setEngine(chosenEngineIndex);
select.on("change", function (e) {
chosenEngine = engines[e.target.selectedIndex];
- $.cookie("_osm_directions_engine", chosenEngine.id, { secure: true, expires: expiry, path: "/" });
+ Cookies.set("_osm_directions_engine", chosenEngine.id, { secure: true, expires: expiry, path: "/", samesite: "lax" });
getRoute(true, true);
});