weight: 12
});
+ var endpointDragCallback = function (dragging) {
+ if (map.hasLayer(polyline)) {
+ getRoute(false, !dragging);
+ }
+ };
+
var endpoints = [
- Endpoint($("input[name='route_from']"), OSM.MARKER_GREEN),
- Endpoint($("input[name='route_to']"), OSM.MARKER_RED)
+ Endpoint($("input[name='route_from']"), OSM.MARKER_GREEN, endpointDragCallback),
+ Endpoint($("input[name='route_to']"), OSM.MARKER_RED, endpointDragCallback)
];
var expiry = new Date();
select.append("<option value='" + i + "'>" + I18n.t("javascripts.directions.engines." + engine.id) + "</option>");
});
- function Endpoint(input, iconUrl) {
+ function Endpoint(input, iconUrl, dragCallback) {
var endpoint = {};
endpoint.marker = L.marker([0, 0], {
if (dragging && !chosenEngine.draggable) return;
if (dragging && awaitingRoute) return;
endpoint.setLatLng(e.target.getLatLng());
- if (map.hasLayer(polyline)) {
- getRoute(false, !dragging);
- }
+ dragCallback(dragging);
});
input.on("keydown", function () {
- input.removeClass("error");
+ input.removeClass("is-invalid");
});
input.on("change", function (e) {
endpoint.setValue = function (value, latlng) {
endpoint.value = value;
delete endpoint.latlng;
- input.removeClass("error");
+ input.removeClass("is-invalid");
input.val(value);
if (latlng) {
endpoint.awaitingGeocode = false;
endpoint.hasGeocode = true;
if (json.length === 0) {
- input.addClass("error");
+ input.addClass("is-invalid");
alert(I18n.t("javascripts.directions.errors.no_place", { place: endpoint.value }));
return;
}