todos-contra-el-fuego-mobile/lib/layerSelectorMapPlugin.dart
vjrj 2bf42ce262 refactor: remove comunes-flutter dependency and inline components
Remove the external comunes-flutter library dependency and replace all its
components with local implementations:

- Utility functions: Created lib/utils/widget_utils.dart with compactWidgets()
  and ellipse() functions, replacing the comunes-flutter helpers with modern
  Dart null-safety patterns (whereType instead of where(notNull))
- Secret loader: Inlined as lib/utils/secret_loader.dart for loading JSON config
- Layout widgets: Replaced CenteredRow/CenteredColumn with standard Row/Column
  with MainAxisAlignment.center
- Intro screens: Copied AppIntroPage and MaterialAppWithIntro locally in
  lib/widgets/ with cleaned-up deprecated code patterns
- Button widget: Created lib/widgets/rounded_btn.dart for the RoundedBtn used
  in activeFires.dart

Changes span 20 files:
- 5 new utility/widget files created
- Updated imports in 15 files
- Removed path dependency from pubspec.yaml
- All functionality preserved, build verified with flutter pub get

Impact:
- Removes external dependency, simplifying project structure
- Modern Dart patterns (proper null-safety)
- Better code clarity with explicit widget properties
- Easier onboarding (no 'what is comunes-flutter?' questions)
2026-03-07 18:19:33 +01:00

93 lines
2.9 KiB
Dart

import 'package:flutter/material.dart';
import 'package:get_it/get_it.dart';
import 'package:redux/redux.dart';
import 'models/appState.dart';
import 'redux/fireMapActions.dart';
/// Layer selector widget for changing map layers
class LayerSelectorMapPluginWidget extends StatelessWidget {
const LayerSelectorMapPluginWidget({super.key});
@override
Widget build(BuildContext context) {
final Store<AppState> store = GetIt.instance<Store<AppState>>();
return LayoutBuilder(
builder: (BuildContext context, BoxConstraints constraints) =>
Stack(fit: StackFit.expand, children: <Widget>[
Positioned(
top: constraints.maxHeight - 60,
left: 10.0,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Column(
children: <Widget>[_LayerSelectorButton(store)],
)
],
),
)
]));
}
Widget _LayerSelectorButton(Store<AppState> store) {
final GlobalKey<PopupMenuButtonState<FireMapLayer>> key =
GlobalKey<PopupMenuButtonState<FireMapLayer>>();
return PopupMenuButton<FireMapLayer>(
key: key,
initialValue: store.state.fireMapState.layer,
onSelected: (FireMapLayer layer) {
store.dispatch(SelectMapLayerAction(layer));
},
itemBuilder: (BuildContext context) {
return FireMapLayer.values.map((FireMapLayer layer) {
final bool isSelected = store.state.fireMapState.layer == layer;
return PopupMenuItem<FireMapLayer>(
value: layer,
child: Row(
children: <Widget>[
Icon(
isSelected ? Icons.check : Icons.check,
color: isSelected ? Colors.blue : Colors.transparent,
size: 20,
),
const SizedBox(width: 8),
Text(
_getLayerName(layer),
style: TextStyle(
fontWeight:
isSelected ? FontWeight.bold : FontWeight.normal,
),
),
],
),
);
}).toList();
},
child: FloatingActionButton(
backgroundColor: Colors.black26,
mini: true,
child: const Icon(Icons.layers),
onPressed: () {
key.currentState?.showButtonMenu();
},
),
);
}
String _getLayerName(FireMapLayer layer) {
switch (layer) {
case FireMapLayer.osmcGrey:
return 'OSMC Grey';
case FireMapLayer.osmc:
return 'OSMC';
case FireMapLayer.esri:
return 'Esri Street';
case FireMapLayer.esriSatellite:
return 'Esri Satellite';
case FireMapLayer.esriTerrain:
return 'Esri Terrain';
}
}
}