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)
93 lines
2.9 KiB
Dart
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';
|
|
}
|
|
}
|
|
}
|