tsai
/
thingsboard
mirror of https://github.com/thingsboard/thingsboard.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Update tootlip create marker/polygon

pull/3293/head
Vladyslav_Prykhodko 6 years ago
parent
968f2745a0
commit
cb64c860ec
1 changed files with 14 additions and 6 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 20
      ui-ngx/src/app/modules/home/components/widget/lib/maps/leaflet-map.ts

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

@ -127,10 +127,14 @@ export default abstract class LeafletMap {
const newMarker = L.marker(mousePositionOnMap, { icon }).addTo(this.map); const newMarker = L.marker(mousePositionOnMap, { icon }).addTo(this.map);
const datasourcesList = document.createElement('div'); const datasourcesList = document.createElement('div');
const customLatLng = this.convertToCustomFormat(mousePositionOnMap); const customLatLng = this.convertToCustomFormat(mousePositionOnMap);
const header = document.createElement('p');
header.appendChild(document.createTextNode('Select entity:'));
header.setAttribute('style', 'font-size: 14px; margin: 8px 0');
datasourcesList.append(header);
this.datasources.forEach(ds => { this.datasources.forEach(ds => {
const dsItem = document.createElement('p'); const dsItem = document.createElement('p');
dsItem.appendChild(document.createTextNode(ds.entityName)); dsItem.appendChild(document.createTextNode(ds.entityName));
dsItem.setAttribute('style', 'font-size: 14px'); dsItem.setAttribute('style', 'font-size: 14px; margin: 8px 0; cursor: pointer');
dsItem.onclick = () => { dsItem.onclick = () => {
const updatedEnttity = { ...ds, ...customLatLng }; const updatedEnttity = { ...ds, ...customLatLng };
this.saveMarkerLocation(updatedEnttity).subscribe(() => { this.saveMarkerLocation(updatedEnttity).subscribe(() => {
@ -141,9 +145,9 @@ export default abstract class LeafletMap {
} }
datasourcesList.append(dsItem); datasourcesList.append(dsItem);
}); });
datasourcesList.append(document.createElement('br'));
const deleteBtn = document.createElement('a'); const deleteBtn = document.createElement('a');
deleteBtn.appendChild(document.createTextNode('Delete position')); deleteBtn.appendChild(document.createTextNode('Discard changes'));
deleteBtn.setAttribute('color', 'red');
deleteBtn.onclick = () => { deleteBtn.onclick = () => {
this.map.removeLayer(newMarker); this.map.removeLayer(newMarker);
} }
@ -196,10 +200,14 @@ export default abstract class LeafletMap {
const newPolygon = L.polygon(mousePositionOnMap).addTo(this.map); const newPolygon = L.polygon(mousePositionOnMap).addTo(this.map);
const datasourcesList = document.createElement('div'); const datasourcesList = document.createElement('div');
const customLatLng = {[this.options.polygonKeyName]: this.convertToPolygonFormat(mousePositionOnMap)}; const customLatLng = {[this.options.polygonKeyName]: this.convertToPolygonFormat(mousePositionOnMap)};
const header = document.createElement('p');
header.appendChild(document.createTextNode('Select entity:'));
header.setAttribute('style', 'font-size: 14px; margin: 8px 0');
datasourcesList.append(header);
this.datasources.forEach(ds => { this.datasources.forEach(ds => {
const dsItem = document.createElement('p'); const dsItem = document.createElement('p');
dsItem.appendChild(document.createTextNode(ds.entityName)); dsItem.appendChild(document.createTextNode(ds.entityName));
dsItem.setAttribute('style', 'font-size: 14px'); dsItem.setAttribute('style', 'font-size: 14px; margin: 8px 0; cursor: pointer');
dsItem.onclick = () => { dsItem.onclick = () => {
const updatedEnttity = { ...ds, ...customLatLng }; const updatedEnttity = { ...ds, ...customLatLng };
this.savePolygonLocation(updatedEnttity).subscribe(() => { this.savePolygonLocation(updatedEnttity).subscribe(() => {
@ -209,9 +217,9 @@ export default abstract class LeafletMap {
} }
datasourcesList.append(dsItem); datasourcesList.append(dsItem);
}); });
datasourcesList.append(document.createElement('br'));
const deleteBtn = document.createElement('a'); const deleteBtn = document.createElement('a');
deleteBtn.appendChild(document.createTextNode('Delete position')); deleteBtn.appendChild(document.createTextNode('Discard changes'));
deleteBtn.setAttribute('color', 'red');
deleteBtn.onclick = () => { deleteBtn.onclick = () => {
this.map.removeLayer(newPolygon); this.map.removeLayer(newPolygon);
} }

Write Preview
Loading…
Cancel
Save