encrateia/lib/screens/add_power_zone_screen.dart

import 'package:encrateia/utils/my_button.dart';
import 'package:flutter/material.dart';
import 'package:encrateia/models/power_zone.dart';
import 'package:flutter_material_color_picker/flutter_material_color_picker.dart';

class AddPowerZoneScreen extends StatefulWidget {
  final PowerZone powerZone;
  final int base;

  const AddPowerZoneScreen({
    Key key,
    this.powerZone,
    this.base,
  }) : super(key: key);

  @override
  _AddPowerZoneScreenState createState() => _AddPowerZoneScreenState();
}

class _AddPowerZoneScreenState extends State<AddPowerZoneScreen> {
  ColorSwatch _tempMainColor;

  void _openDialog(Widget content) {
    showDialog(
      context: context,
      builder: (_) {
        return AlertDialog(
          contentPadding: const EdgeInsets.all(6.0),
          title: Text("Select Color"),
          content: content,
          actions: [
            MyButton.cancel(onPressed: Navigator.of(context).pop),
            MyButton.save(
              child: Text('Select'),
              onPressed: () {
                Navigator.of(context).pop();
                MaterialColorPicker(
                    onColorChange: (color) =>
                        widget.powerZone.db.color = color.value,
                    selectedColor: Color(widget.powerZone.db.color));
              },
            ),
          ],
        );
      },
    );
  }

  void openColorPicker() async {
    _openDialog(
      MaterialColorPicker(
        selectedColor: Color(widget.powerZone.db.color),
        onColorChange: (color) => widget.powerZone.db.color = color.value,
        onMainColorChange: (color) => setState(() => _tempMainColor = color),
        onBack: () => print("Back button pressed"),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    var lowerLimitController =
        TextEditingController(text: widget.powerZone.db.lowerLimit.toString());
    var upperLimitController =
        TextEditingController(text: widget.powerZone.db.upperLimit.toString());
    var lowerPercentageController = TextEditingController(
        text: widget.powerZone.db.lowerPercentage.toString());
    var upperPercentageController = TextEditingController(
        text: widget.powerZone.db.upperPercentage.toString());

    return Scaffold(
      appBar: AppBar(
        title: Text('Add your PowerZone'),
      ),
      body: ListView(
        padding: EdgeInsets.all(20),
        children: <Widget>[
          TextFormField(
            decoration: InputDecoration(labelText: "Name"),
            initialValue: widget.powerZone.db.name,
            onChanged: (value) => widget.powerZone.db.name = value,
          ),
          TextFormField(
            decoration: InputDecoration(labelText: "Lower Limit in W"),
            controller: lowerLimitController,
            keyboardType: TextInputType.number,
            onChanged: (value) {
              widget.powerZone.db.lowerLimit = int.parse(value);
              widget.powerZone.db.lowerPercentage =
                  (int.parse(value) * 100 / widget.base).round();
              lowerPercentageController.text =
                  (int.parse(value) * 100 / widget.base).round().toString();
            },
          ),
          TextFormField(
            decoration: InputDecoration(labelText: "Upper Limit in W"),
            controller: upperLimitController,
            keyboardType: TextInputType.number,
            onChanged: (value) {
              widget.powerZone.db.upperLimit = int.parse(value);
              widget.powerZone.db.upperPercentage =
                  (int.parse(value) * 100 / widget.base).round();
              upperPercentageController.text =
                  (int.parse(value) * 100 / widget.base).round().toString();
            },
          ),
          TextFormField(
            decoration: InputDecoration(labelText: "Lower Percentage in %"),
            controller: lowerPercentageController,
            keyboardType: TextInputType.number,
            onChanged: (value) {
              widget.powerZone.db.lowerPercentage = int.parse(value);
              widget.powerZone.db.lowerLimit =
                  (int.parse(value) * widget.base / 100).round();
              lowerLimitController.text =
                  (int.parse(value) * widget.base / 100).round().toString();
            },
          ),
          TextFormField(
            decoration: InputDecoration(labelText: "Upper Percentage in %"),
            controller: upperPercentageController,
            keyboardType: TextInputType.number,
            onChanged: (value) {
              widget.powerZone.db.upperPercentage = int.parse(value);
              widget.powerZone.db.upperLimit =
                  (int.parse(value) * widget.base / 100).round();
              upperLimitController.text =
                  (int.parse(value) * widget.base / 100).round().toString();
            },
          ),
          SizedBox(height: 10),
          Row(children: [
            Text("Color"),
            Spacer(),
            CircleAvatar(
              backgroundColor: Color(widget.powerZone.db.color),
              radius: 20.0,
            ),
            Spacer(),
            MyButton.detail(
              onPressed: openColorPicker,
              child: Text('Edit'),
            ),
          ]),
          SizedBox(height: 20),
          Row(
            mainAxisAlignment: MainAxisAlignment.end,
            children: <Widget>[
              MyButton.delete(onPressed: () => deletePowerZone(context)),
              SizedBox(width: 5),
              MyButton.cancel(onPressed: () => Navigator.of(context).pop()),
              SizedBox(width: 5),
              MyButton.save(onPressed: () => savePowerZone(context)),
            ],
          ),
        ],
      ),
    );
  }

  savePowerZone(BuildContext context) async {
    await widget.powerZone.db.save();
    Navigator.of(context).pop();
  }

  deletePowerZone(BuildContext context) async {
    await widget.powerZone.db.delete();
    Navigator.of(context).pop();
  }
}