Importált rétegek stílusának szerkesztése

lib/widgets/map/imported_layer_overlay.dart

@@ -10,6 +10,8 @@ import 'package:terepi_seged/enums/layer_import_source_type.dart';
 
 import '../../models/imported_layer.dart';
 import '../../services/layer_import_service.dart';
+import '../map_edit_tools/imported_layer_style_sheet.dart';
+import '../map_edit_tools/style_editable.dart';
 
 // ════════════════════════════════════════════════════════════════════
 // Térkép réteg — a flutter_map layers listájába kerül
@@ -26,13 +28,39 @@ class ImportedLayerOverlay extends StatelessWidget {
 
     return Obx(() {
       final visible = LayerImportService.to.visibleLayers;
+      final styles = LayerImportService.to.layerStyles;
       if (visible.isEmpty) return const SizedBox.shrink();
 
-      // Az összes látható réteg objektumait összegyűjtjük
-      final polylines = visible.expand((l) => l.polylines).toList();
-      final polygons = visible.expand((l) => l.polygons).toList();
-      final markers = visible.expand((l) => l.markers).toList();
+      final polylines = <Polyline>[];
+      final polygons = <Polygon>[];
+      final markers = <Marker>[];
 
+      for (final layer in visible) {
+        final style = styles[layer.id]; // ← override ha van
+
+        if (style != null) {
+          // Stílussal felülírva
+          polylines.addAll(layer.polylines.map((p) => Polyline(
+                points: p.points,
+                color: style.color.withOpacity(0.85),
+                strokeWidth: style.strokeWidth,
+              )));
+          polygons.addAll(layer.polygons.map((p) => Polygon(
+                points: p.points,
+                holePointsList: p.holePointsList,
+                color: style.color.withOpacity(style.opacity),
+                borderColor: style.color,
+                borderStrokeWidth: style.strokeWidth,
+                label: p.label,
+              )));
+          markers.addAll(layer.markers); // marker szín nem változik egyszerűen
+        } else {
+          // Eredeti stílus
+          polylines.addAll(layer.polylines);
+          polygons.addAll(layer.polygons);
+          markers.addAll(layer.markers);
+        }
+      }
       return Stack(children: [
         if (polygons.isNotEmpty) PolygonLayer(polygons: polygons),
         if (polylines.isNotEmpty) PolylineLayer(polylines: polylines),
@@ -175,6 +203,10 @@ class _LayerTile extends StatelessWidget {
             constraints: const BoxConstraints(minWidth: 28, minHeight: 28),
             color: Colors.grey.shade500,
           ),
+        IconButton(
+            icon: const Icon(Icons.palette_outlined, size: 16),
+            onPressed: () => _openStyleSheet(context, layer),
+            tooltip: 'Stílus szerkesztése'),
         // Törlés
         IconButton(
           icon: const Icon(Icons.close, size: 16),
@@ -188,6 +220,36 @@ class _LayerTile extends StatelessWidget {
     );
   }
 
+  void _openStyleSheet(BuildContext context, ImportedLayer layer) {
+    final svc = LayerImportService.to;
+    final current = svc.getLayerStyle(layer.id);
+    final session = LayerStyleSession(
+      color: current?.color ?? const Color(0xFF1565C0),
+      opacity: current?.opacity ?? 0.35,
+      strokeWidth: current?.strokeWidth ?? 2.5,
+    );
+
+    Get.bottomSheet(
+      ImportedLayerStyleSheet(
+        layerName: layer.name,
+        session: session,
+        onSave: () => svc.setLayerStyle(
+            layer.id,
+            ImportedLayerStyle(
+              color: session.activeEditColor.value,
+              opacity: session.activeEditOpacity.value,
+              strokeWidth: session.activeEditStrokeWidth.value,
+            )),
+        onReset: () {
+          svc.layerStyles.remove(layer.id);
+          svc.layers.refresh();
+        },
+      ),
+      isScrollControlled: true,
+      backgroundColor: Colors.transparent,
+    );
+  }
+
   String _stats() {
     final parts = <String>[];
     if (layer.markers.isNotEmpty) parts.add('${layer.markers.length} pont');