Shoppi Web - Create Product

create_product_view.dart

class CreateProductView extends StatefulWidget {
  final Function(ProductModel model) onComplete;

  const CreateProductView({Key key, @required this.onComplete})
      : super(key: key);
  @override
  _CreateProductViewState createState() => _CreateProductViewState();
}

class _CreateProductViewState extends State<CreateProductView> {
  TextEditingController titleController;
  TextEditingController descriptionController;
  TextEditingController priceController;
  TextEditingController imageController;
  TextEditingController weightController;
  ProductModel model;
  GlobalKey<FormState> formKey;
  bool _autoValidate = false;

  @override
  void initState() {
    super.initState();
    titleController = TextEditingController(text: "Vb123123");
    descriptionController = TextEditingController(text: "sample");
    priceController = TextEditingController(text: "100");
    imageController = TextEditingController(
        text: "https://source.unsplash.com/1600x900/?pasta");
    weightController = TextEditingController(text: "100");
    model = ProductModel();
    formKey = GlobalKey();
  }

  @override
  Widget build(BuildContext context) {
    return Form(
      key: formKey,
      autovalidate: _autoValidate,
      child: ListView(
        padding: EdgeInsets.all(MediaQuery.of(context).size.height * 0.02),
        children: <Widget>[
          titleTF(),
          emptyHeight,
          descTF(),
          emptyHeight,
          priceTF(),
          emptyHeight,
          imageTF(),
          emptyHeight,
          weightTF(),
          emptyHeight,
          buildListTileTotal(),
          buttonsRow()
        ],
      ),
    );
  }

  ListTile buildListTileTotal() {
    return ListTile(
      title: Text("Total"),
      subtitle: SizedBox(
          child: NumberPicker(
        number: 0,
        minValue: 10,
        onChanged: (value) {
          model.total = value.toDouble();
        },
      )),
    );
  }

  Row buttonsRow() {
    return Row(
      children: <Widget>[
        Spacer(),
        Expanded(
          child: Wrap(
            spacing: 10,
            crossAxisAlignment: WrapCrossAlignment.end,
            alignment: WrapAlignment.end,
            children: <Widget>[showImageButton, saveButton],
          ),
        )
      ],
    );
  }

  OutlineTextField imageTF() {
    return OutlineTextField(
        onValidator: urlValidator,
        controller: imageController,
        icons: Icons.image,
        validate: this._autoValidate,
        labelText: "Product Image");
  }

  OutlineTextField priceTF() {
    return OutlineTextField(
        controller: priceController,
        icons: Icons.attach_money,
        validate: this._autoValidate,
        onValidator: minimumValueValidator,
        inputFormatters: [WhitelistingTextInputFormatter.digitsOnly],
        labelText: "Product Price");
  }

  OutlineTextField descTF() {
    return OutlineTextField(
        controller: descriptionController,
        icons: Icons.description,
        validate: this._autoValidate,
        onValidator: emptyalueValidator,
        labelText: "Product Description");
  }

  OutlineTextField titleTF() {
    return OutlineTextField(
        controller: titleController,
        icons: Icons.title,
        validate: this._autoValidate,
        onValidator: (data) => emptyalueValidator(data),
        labelText: "Product Title");
  }

  OutlineTextField weightTF() {
    return OutlineTextField(
        controller: weightController,
        icons: Icons.title,
        validate: this._autoValidate,
        inputFormatters: [WhitelistingTextInputFormatter.digitsOnly],
        onValidator: minimumValueValidator,
        labelText: "Product Weight");
  }

  String urlValidator(String data) =>
      data.isNotEmpty && Uri.parse(data).isAbsolute
          ? null
          : "This field required or url is not validate.";

  String emptyalueValidator(String data) =>
      data.isEmpty ? "This field is required." : null;

  String minimumValueValidator(String data) =>
      data.isEmpty || double.tryParse(data) == 0
          ? "This field is required also minumum value 1 or higher"
          : null;

  void showImage() {
    showDialog(
      context: context,
      builder: (context) => Dialog(
        child: Image.network(
          imageController.text,
          loadingBuilder: (context, child, loadingProgress) =>
              loadingProgress == null
                  ? child
                  : SizedBox(
                      height: MediaQuery.of(context).size.height * 0.1,
                      width: MediaQuery.of(context).size.width * 0.1,
                      child: Center(child: CircularProgressIndicator())),
          errorBuilder: (context, error, stackTrace) => Text("Not Found"),
        ),
      ),
    );
  }

  Widget get saveButton => FloatingActionButton.extended(
      onPressed: () {
        onConfirmModel();
      },
      label: Text("Save"));

  Widget get showImageButton => FloatingActionButton.extended(
      onPressed: () => showImage(), label: Text("Show Image"));

  void onConfirmModel() {
    if (formKey.currentState.validate()) {
      formKey.currentState.save();
      model.price = double.parse(priceController.text);
      model.title = titleController.text;
      model.image = imageController.text;
      model.weight = double.parse(weightController.text ?? 500);
      widget.onComplete(model);
      Navigator.of(context).pop();
    } else {
      setState(() {
        _autoValidate = true;
      });
    }
  }

  Widget get emptyHeight =>
      SizedBox(height: MediaQuery.of(context).size.height * 0.05);

  @override
  void dispose() {
    super.dispose();
    model = null;
  }
}