dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixes after review

Browse Source
This commit is contained in:
Dmitriymush 2020-12-16 17:36:08 +02:00
parent 235946691b
commit 96ff9ddedd
4 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui-ngx/src/app/modules/home/components/widget/lib/maps/leaflet-map.ts
View File

@ -629,7 +629,7 @@ export default abstract class LeafletMap {
}
this.points.addLayer(point);
});
if(i === 0) {
if(i === (pointsData.length - 1)) {
this.map.addLayer(this.points);
}
}

2
ui-ngx/src/app/modules/home/components/widget/trip-animation/trip-animation.component.html
View File

@ -32,7 +32,7 @@
[ngStyle]="{'background-color': settings.tooltipColor, 'opacity': settings.tooltipOpacity, 'color': settings.tooltipFontColor}">
<div *ngFor="let mainTooltip of mainTooltips"
[innerHTML]="mainTooltip"
[ngStyle]="{'padding': '10px 0'}">
ngStyle="{'padding': '10px 0'}">
</div>
</div>
</div>

3
ui-ngx/src/app/modules/home/components/widget/trip-animation/trip-animation.component.scss
View File

@ -73,6 +73,9 @@
}
.trip-animation-tooltip {
display: flex;
overflow: auto;
max-height: 90%;
position: absolute;
top: 30px;
right: 0;

15
ui-ngx/src/app/modules/home/components/widget/trip-animation/trip-animation.component.ts
View File

@ -141,7 +141,7 @@ export class TripAnimationComponent implements OnInit, AfterViewInit, OnDestroy
timeUpdated(time: number) {
this.currentTime = time;
let currentPosition = this.interpolatedTimeData
const currentPosition = this.interpolatedTimeData
.map(dataSource => dataSource[time])
for(let j = 0; j < this.interpolatedTimeData.length; j++) {
if (isUndefined(currentPosition[j])) {
@ -175,7 +175,7 @@ export class TripAnimationComponent implements OnInit, AfterViewInit, OnDestroy
this.mapWidget.map.updatePolygons(this.interpolatedTimeData);
}
if (this.settings.showPoints) {
this.mapWidget.map.updatePoints(formattedInterpolatedTimeData, this.calcTooltip);
this.mapWidget.map.updatePoints(formattedInterpolatedTimeData.map(ds => _.union(ds)), this.calcTooltip);
}
this.mapWidget.map.updateMarkers(currentPosition, true, (trip) => {
this.activeTrip = trip;
@ -235,20 +235,19 @@ export class TripAnimationComponent implements OnInit, AfterViewInit, OnDestroy
this.mainTooltips.push(this.sanitizer.sanitize(SecurityContext.HTML, tooltipText));
}
this.cd.detectChanges();
this.activeTrip = point;
}
return tooltipText;
}
calcLabel(formattedDataArr: FormattedData[]) {
this.label = '';
let labelToSet = '';
for (let formattedData of formattedDataArr) {
const data = formattedData;
const labelText: string = this.settings.useLabelFunction ?
safeExecute(this.settings.labelFunction, [data, this.historicalData, data.dsIndex]) : this.settings.label;
const label = (parseWithTranslation.parseTemplate(labelText, data, true));
this.label = this.label.length ? this.label + ',' + label : label;
safeExecute(this.settings.labelFunction, [formattedData, this.historicalData, formattedData.dsIndex]) : this.settings.label;
const label = (parseWithTranslation.parseTemplate(labelText, formattedData, true));
labelToSet = labelToSet.length ? labelToSet + ',' + label : label;
}
this.label = labelToSet;
}
interpolateArray(originData: FormattedData[]) {