Fix loading animation, shorter wording for dashboard map legend
This commit is contained in:
parent
1545ce1a78
commit
94c3fb99f4
@ -141,7 +141,7 @@ export class RentDurationChartComponent implements OnInit {
|
|||||||
|
|
||||||
async onSubmit(actualStartDate: string, actualEndDate: string): Promise<void> {
|
async onSubmit(actualStartDate: string, actualEndDate: string): Promise<void> {
|
||||||
this.isLoading = true;
|
this.isLoading = true;
|
||||||
await this.service.fetchDashboardStationCharts(
|
this.service.fetchDashboardStationCharts(
|
||||||
this.bikePoint.id,
|
this.bikePoint.id,
|
||||||
actualStartDate,
|
actualStartDate,
|
||||||
actualEndDate,
|
actualEndDate,
|
||||||
|
@ -210,10 +210,10 @@ export class MapService {
|
|||||||
drawLegend(): void {
|
drawLegend(): void {
|
||||||
this.legend.onAdd = () => {
|
this.legend.onAdd = () => {
|
||||||
const div = L.DomUtil.create('div', 'legend');
|
const div = L.DomUtil.create('div', 'legend');
|
||||||
div.innerHTML += `<h4>trips from/to bike station</h4>`;
|
div.innerHTML += `<h4>Traffic lines</h4>`;
|
||||||
div.innerHTML += `<i style="background: green"></i><span>inbound to ${this.dashBoardBikePoint.commonName}</span><br>`;
|
div.innerHTML += `<i style="background: green"></i><span>inbound</span><br>`;
|
||||||
div.innerHTML += `<i style="background: red"></i><span>outbound from ${this.dashBoardBikePoint.commonName}</span><br>`;
|
div.innerHTML += `<i style="background: red"></i><span>outbound</span><br>`;
|
||||||
div.innerHTML += `<i style="background: blue"></i><span>in- and outbound traffic line</span>`;
|
div.innerHTML += `<i style="background: blue"></i><span>in- and outbound</span>`;
|
||||||
return div;
|
return div;
|
||||||
};
|
};
|
||||||
this.legend.addTo(this.miniMap);
|
this.legend.addTo(this.miniMap);
|
||||||
|
Loading…
Reference in New Issue
Block a user