✨ add pop-up for fields

src/app/app.service.ts

@@ -144,7 +144,7 @@ export class AppService {
         {name: 'mountain', url: '/assets/icons/mountain42.svg'},
         {name: 'warning', url: '/assets/icons/warning.svg'},
       ],
-      popUpDisplay: 'none',
+      popUpDisplay: 'hover',
       default_layers: [
         /* Baselayers */
         new Tile({
@@ -185,6 +185,16 @@ export class AppService {
               editable: false,
             },
             sld: fieldSld,
+            popUp: {
+              attributes: [
+                'id_dpb',
+                'id_uz',
+                'nkod_dpb',
+                'kultura',
+                'svazitost',
+                'vymeram',
+              ],
+            },
             //path: 'User generated',
           },
           opacity: 0.7,

src/app/calculator/field.service.ts

@@ -11,7 +11,7 @@ import {HsEventBusService, HsMapService} from 'hslayers-ng';
 @Injectable({providedIn: 'root'})
 export class FieldService {
   SELECTABLE_LAYERS = ['LPIS'] as const;
-  fieldSelects: Subject<{feature: Feature<Polygon>}> = new Subject();
+  fieldSelects: Subject<{feature: Feature<Geometry>}> = new Subject();
   selectedField;
 
   constructor(
@@ -26,7 +26,7 @@ export class FieldService {
         return;
       }
       this.selectedField = data.feature.getGeometry() as Polygon;
-      this.fieldSelects.next({feature: this.selectedField});
+      this.fieldSelects.next({feature: data.feature});
     });
   }