hft-informatik/geovisualisierung
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix loading animation, shorter wording for dashboard map legend

Browse Source
This commit is contained in:
Marcel Schwarz 2021-01-11 22:37:14 +01:00
parent 1545ce1a78
commit 94c3fb99f4
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
projects/project-3/frontend/src/app/dashboard/rent-duration-chart/rent-duration-chart.component.ts
View File

@ -141,7 +141,7 @@ export class RentDurationChartComponent implements OnInit {
async onSubmit(actualStartDate: string, actualEndDate: string): Promise<void> {
this.isLoading = true;
await this.service.fetchDashboardStationCharts(
this.service.fetchDashboardStationCharts(
this.bikePoint.id,
actualStartDate,
actualEndDate,

8
projects/project-3/frontend/src/app/service/map.service.ts
View File

@ -210,10 +210,10 @@ export class MapService {
drawLegend(): void {
this.legend.onAdd = () => {
const div = L.DomUtil.create('div', 'legend');
div.innerHTML += `<h4>trips from/to bike station</h4>`;
div.innerHTML += `<i style="background: green"></i><span>inbound to ${this.dashBoardBikePoint.commonName}</span><br>`;
div.innerHTML += `<i style="background: red"></i><span>outbound from ${this.dashBoardBikePoint.commonName}</span><br>`;
div.innerHTML += `<i style="background: blue"></i><span>in- and outbound traffic line</span>`;
div.innerHTML += `<h4>Traffic lines</h4>`;
div.innerHTML += `<i style="background: green"></i><span>inbound</span><br>`;
div.innerHTML += `<i style="background: red"></i><span>outbound</span><br>`;
div.innerHTML += `<i style="background: blue"></i><span>in- and outbound</span>`;
return div;
};
this.legend.addTo(this.miniMap);