${pdf_part}
" +
"des arrêts de bus pour connaître les prochains passages en temps réel.",
icon: "",
type: "info",
keepOpen: true
});
}
this.setLocalStorage("alreadyDisplayHelp", true);
};
/**
* Affichage de la notification de légende retard.
*/
OuestmonbusApp.prototype.displayRetardHelp = function() {
if (this.firstdisplayRetardHelp) {
$.Notify({
content: "Le symbole " +
"indique l'avance ou le retard par rapport à l'horaire initialement prévu",
type: "info",
keepOpen: true
});
}
this.firstdisplayRetardHelp = false;
this.setLocalStorage("alreadyDisplayRetardHelp", true);
};
/**
* Affichage de la notification de légende pas de bus.
*/
OuestmonbusApp.prototype.displayNoBusHelp = function() {
if (this.firstdisplayNoBusHelp) {
$.Notify({
content: "Le symbole " +
"indique qu'un bus est prévu avant la fin du service mais pas dans l'heure à venir",
type: "warning",
keepOpen: true
});
}
this.firstdisplayNoBusHelp = false;
this.setLocalStorage("alreadyDisplayNoBusHelp", true);
};
/**
* Récupère le chemin des données des stations du jour.
* @param {moment} now - maintenant
* @return {string} - chemin
*/
OuestmonbusApp.prototype.getDataStationPath = function(now) {
var first = moment(now);
first.hour(5);
first.minute(0);
first.second(0);
first.millisecond(0);
if (now.isBefore(first)) {
now = now.subtract(1, "days");
}
var datestr = now.format("YYYY_MM_DD");
return `./data/stations_${datestr}.geojson`;
};
/**
* Récupère la liste des station.
*
* @param {function} onSucess - fonction à executer après la récupération
*/
OuestmonbusApp.prototype.getAllTodayStationsData = function(onSuccess) {
var url_data = this.getDataStationPath(moment());
if (this.allStationsDataPath !== url_data || this.allStationsDataCache === null) {
this.addWaitCenterSpinner();
$.getJSON(url_data,
function(data) {
this.allStationsDataCache = data;
this.setLocalStorage("allStationsDataPath", url_data);
this.setLocalStorage("allStationsDataCache", JSON.stringify(data));
onSuccess(data);
}.bind(this)).fail(function() {
this.removeWaitCenterSpinner();
this.displayAPIError("Connexion impossible aux données ouestmonbus");
}.bind(this));
} else {
onSuccess(this.allStationsDataCache);
}
};
/**
* Filtre si il faut afficher la station ou non
* @param {moment} now
* @param {array} limits - [premier_passage,dernier_passage]
* @return {boolean} - true si à afficher
*/
OuestmonbusApp.prototype.stationTimeFilter = function(now, limits) {
// prevent error in GTFS data
if (limits === null || limits[0] === null || limits[1] === null) {
return false;
}
var now_ajusted = moment(now);
var morning_start = moment(now).startOf("day");
var morning_end = moment(morning_start).hours(5);
var hour_end_limit = Number(limits[1].slice(0, 2));
if (now.isBetween(morning_start, morning_end) && hour_end_limit >= 24) {
now_ajusted.add(1, "days");
}
var start = moment(now);
start.hours(Number(limits[0].slice(0, 2)) - 1);
start.minute(Number(limits[0].slice(3, 5)));
start.second(Number(limits[0].slice(6, 8)));
var end = moment(now);
end.hours(Number(limits[1].slice(0, 2)));
end.minute(Number(limits[1].slice(3, 5)));
end.second(Number(limits[1].slice(6, 8)));
end.add(10, "minutes");
if (now_ajusted.isBetween(start, end)) {
return true;
} else {
return false;
}
};
OuestmonbusApp.prototype.isMetroLine = function(lines) {
var line_id = Number(lines[0].split(",")[0]);
var res = _.size(lines) === 1 && (line_id === 1001 || line_id === 1002);
return res;
};
/***
*
* Affiche les stations sur la ligne active
*
*/
OuestmonbusApp.prototype.displayStationsOnActiveLine = function(line, sens) {
this.deleteAllSelectedStationsOnMap();
var line_sens = `${line},${sens}`;
var iconpath = "/images/station_selected.png";
if (this.isMetroLine([line_sens])) {
iconpath = "/images/station-metro_selected.png";
}
// récupère les stations sur la ligne
var stations = _.filter(this.allStationsDataCache, function(e) {
return _.contains(e.properties.lines, line + ',' + sens);
});
// Génère un layer pour ces stations
var geoJsonLayer = L.geoJson(stations, {
pointToLayer: function(feature, latlng) {
var stationIcon = L.icon({
iconUrl: iconpath,
shadowUrl: "",
iconSize: [22, 22],
shadowSize: [0, 0],
iconAnchor: [11, 11],
shadowAnchor: [0, 0],
popupAnchor: [0, 0]
});
return L.marker(latlng, {
icon: stationIcon
});
},
onEachFeature: function(feature, marker) {
marker.idarret = feature.properties.id;
marker.nomarret = feature.properties.name;
marker.lines = feature.properties.lines;
marker.terminus = feature.properties.terminus;
marker.parcours = feature.properties.parcours;
marker.line_selected = true;
this.onEachMakerAdd(marker);
}.bind(this)
});
this.stations_on_active_line_layer_group.addLayer(geoJsonLayer);
// ajust icon size
this.onMapZoomEnd();
}
/**
Callback lors d'un click sur une ligne
*/
OuestmonbusApp.prototype.displayLine = function(line, sens) {
this.displayStationsOnActiveLine(line, sens);
// met toutes les lignes en invisibles
_.each(this.lines_layers, function(e) {
var line_color = e.color;
var invisible = {
opacity: 0,
color: line_color
};
e.setStyle(invisible);
}.bind(this));
// recupère la ligne selectionnée
var line_layer = _.filter(this.lines_layers, function(e) {
return (e.idligne === line && e.sens == sens);
});
var param = [`${line},${sens}`];
this.displayLines(param, [], () => {});
};
/**
* Affichage des lignes sur la carte
* @param {strings} lines "idligne,sens"
* @param {array[string]} extra_lines "ajoute une ligne qui n'est pas dans les parcours de la station (bus exceptionnel stade,..)"
*/
OuestmonbusApp.prototype.displayLines = function(lines, extra_lines, fdone) {
log.debug(`displayLines: ${lines} | ${extra_lines}`);
// Efface les précédentes lignes en cache
this.deleteAllSelectedStationsOnMap();
_.each(this.lines_layers, function(layer) {
this.map.removeLayer(layer);
}.bind(this));
this.lines_layers = [];
var parcours_array = _.map(this.markerCurrentDisplay.parcours, function(item) {
return "id=" + item;
});
var q = parcours_array.join(" OR ");
if (extra_lines.length > 0) {
var extra_lines_array = _.map(extra_lines, function(e) {
return "idligne=" + e.split(",")[0];
});
q += " OR " + extra_lines_array.join(" OR ");
}
if (lines.length === 1) {
var line = lines[0].split(",")[0];
q += " OR idligne=" + line;
}
// Ajoute les ligne dans l'ordre pour que la première ligne soit en premier plan.
var first_line = lines[0].split(",")[0];
var lines_array = _.union(lines, extra_lines);
var args = [first_line, lines_array, fdone];
var q = encodeURIComponent(q);
if (this.isMetroLine(lines)) {
var url_api = `https://data.explore.star.fr/api/records/1.0/search?apikey=${apikey}&dataset=tco-metro-topologie-parcours-td&sort=nomcourtligne&facet=nomcourtligne&facet=senscommercial&facet=type&facet=nomarretdepart&facet=nomarretarrivee&facet=estaccessiblepmr&q=${q}&timezone=${tz}`;
log.debug("call API tco-metro-topologie-parcours-td");
} else {
var url_api = `https://data.explore.star.fr/api/records/1.0/search?apikey=${apikey}&dataset=tco-bus-topologie-parcours-td&facet=idligne&facet=nomcourtligne&facet=senscommercial&facet=type&facet=nomarretdepart&facet=nomarretarrivee&facet=estaccessiblepmr&q=${q}&timezone=${tz}`;
log.debug("call API tco-bus-topologie-parcours-td");
}
$.getJSON(url_api,
args,
function(data) {
var first_line = args[0];
var lines_array = args[1];
var fdone = args[2];
var data_sorted = _.sortBy(data.records, function(i) {
return i.fields.idligne === first_line;
});
_.each(data_sorted, function(trace, index, list) {
// Si première ligne on selectionne
if (index == (list.length - 1)) {
log.debug(`First line is ${trace.fields.idligne}`);
this.displayStationsOnActiveLine(trace.fields.idligne, trace.fields.sens);
}
// Bug de l'API: trace.fields.couleurtracetrace au lieu de trace.fields.couleurtrace quand métro.
var line_color = trace.fields.couleurtrace !== undefined ? trace.fields.couleurtrace : trace.fields.couleurtracetrace;
// filtre avec les parcours et montre la ligne uniquement si sur un des parcours de la station active
// (garde les données pour la position des bus mais n'affiche pas sinon)
var line_style_visible = {
opacity: 1,
color: line_color
};
var line_sens = `${trace.fields.idligne},${trace.fields.sens}`;
if (lines_array.includes(line_sens)) {
log.debug(`Add ${line_sens} to map`);
var layer = L.geoJson(trace.fields.parcours, {
style: line_style_visible
});
var sensstr = "";
if (Number(trace.fields.sens) === 0) {
sensstr = "aller";
} else {
sensstr = "retour";
}
layer.bindPopup(this.generatePopupLineContent(trace.fields.idligne, sensstr, trace.fields.couleurtrace, trace.fields.libellelong, this.allpdflinks[trace.fields.idligne]));
layer.on("click", function(e) {
$(".line_info").parent().css("margin", 0);
$(".leaflet-popup-tip-container").remove();
e.layer.bringToFront();
}.bind(this));
layer.idligne = trace.fields.idligne;
layer.sens = trace.fields.sens;
layer.dest = trace.fields.nomarretarrivee;
layer.color = line_color;
this.lines_layers.push(layer);
layer.addTo(this.map);
}
}.bind(this));
fdone();
}.bind(this));
};
/**
* Génération du contenu de la popup des lignes
*/
OuestmonbusApp.prototype.generatePopupLineContent = function(idligne, sens, couleur, nom, pdfurl) {
var img_picto = this.imgPicto(idligne);
var pdf_part = pdfurl ? `
sur la carte pour cet arrêt";
}
if (bus_count_on_map > 1) {
content = `Voir les ${bus_count_on_map} sur la carte`;
}
if (bus_count_on_map === 1) {
content = "Voir le sur la carte";
}
$("#bus_count").html(content);
$("#bus_count").click(this.onBusCountClick.bind(this));
};
/*
Callback lors du click sur le bouton ce recentrage de la carte sur les bus.
*/
OuestmonbusApp.prototype.onBusCountClick = function() {
var bus_map_bounds = [this.markerCurrentDisplay.getLatLng()];
this.bus_group_layer.eachLayer(function(layer) {
if (!_.isUndefined(layer.idbus)) {
bus_map_bounds.push(layer.getLatLng());
}
}.bind(this));
this.map.fitBounds(bus_map_bounds, {
padding: L.point(100, 100)
});
};
/**
* Ouvre la popup d'une station
*
* @param {L.marker} marker -
*/
OuestmonbusApp.prototype.openStation = function(marker) {
this.needHelp = false;
this.delayRefreshAllStations();
this.markerCurrentDisplay = marker;
this.getNextDepartures(marker.lines, marker.idarret, function(data) {
this.setPopupContent(marker, data);
marker.openPopup();
if (Number(data.nhits) > 0) {
this.refreshLinesBus(marker, data);
}
}.bind(this), function() {
this.setPopupContent(marker, null);
marker.openPopup();
}.bind(this));
this.refreshStation();
};
OuestmonbusApp.prototype.setOrigin = function(marker) {
this.localisation.deleteMarkerMe.call(this.localisation);
if (this.bus_station_origin !== null && this.map.hasLayer(this.bus_station_origin)) {
this.map.removeLayer(this.bus_station_origin);
}
this.bus_station_origin = L.marker(marker.getLatLng(), {
zIndexOffset: -1
});
this.bus_station_origin.on("click", function(e) {
this.moveMapTo(e.latlng, this.map.DEFAULT_ZOOM);
}.bind(this));
this.bus_station_origin.addTo(this.map);
};
/**
* Fonction apppellé lorsque l'utilisateur clique sur la station la plus
* proche après une localisation.
*/
OuestmonbusApp.prototype.followNearestStation = function() {
this.moveMapTo(this.localisation.nearestStation.marker.getLatLng(),
this.map.DEFAULT_ZOOM,
this.openStation.bind(this, this.localisation.nearestStation.marker)
);
};
/**
* Mets à jour le contenue d'une popup de station
*/
OuestmonbusApp.prototype.setPopupContent = function(marker, data) {
var content = this.generatePopupContent(marker, data);
var popup = marker.getPopup();
popup.setContent(content);
//popup.update();
};
OuestmonbusApp.prototype.getStationUrl = function(marker) {
var z = this.map.DEFAULT_ZOOM;
var lat = Number(marker.getLatLng().lat).toFixed(5);
var lng = Number(marker.getLatLng().lng).toFixed(5);
var station_url = `#map=${z}/${lat}/${lng}`;
return station_url;
};
OuestmonbusApp.prototype.generateImgHtml = function(idligne, sens) {
var img_picto = this.imgPicto(idligne);
return `