invoice/lib/ui/invoice/edit/invoice_item_selector.dart

import 'package:built_collection/built_collection.dart';
import 'package:invoiceninja/data/models/invoice_model.dart';
import 'package:invoiceninja/data/models/models.dart';
import 'package:invoiceninja/redux/product/product_selectors.dart';
import 'package:flutter/material.dart';
import 'package:invoiceninja/utils/formatting.dart';
import 'package:invoiceninja/utils/localization.dart';

class InvoiceItemSelector extends StatefulWidget {
  const InvoiceItemSelector({
    @required this.productMap,
    this.onItemsSelected,
  });

  final BuiltMap<int, ProductEntity> productMap;
  final Function(List<InvoiceItemEntity>) onItemsSelected;

  @override
  _InvoiceItemSelectorState createState() => new _InvoiceItemSelectorState();
}

class _InvoiceItemSelectorState extends State<InvoiceItemSelector> {
  String _filter;
  final List<int> _selectedIds = [];

  final _textController = TextEditingController();
  //EntityType _selectedEntityType = EntityType.product;

  @override
  void dispose() {
    _textController.dispose();
    super.dispose();
  }

  void _addBlankItem() {
    widget.onItemsSelected([InvoiceItemEntity()]);
    Navigator.pop(context);
  }

  void _onItemsSelected() {
    final List<InvoiceItemEntity> items = [];

    _selectedIds.forEach((entityId) {
      final product = widget.productMap[entityId];
      items.add(product.asInvoiceItem);
    });

    widget.onItemsSelected(items);
    Navigator.pop(context);
  }

  void _toggleEntity(int entityId) {
    setState(() {
      _filter = '';
      _textController.text = '';
      if (_selectedIds.contains(entityId)) {
        _selectedIds.remove(entityId);
      } else {
        _selectedIds.add(entityId);
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    final localization = AppLocalization.of(context);

    Widget _headerRow() {
      return Row(
        children: <Widget>[
          Padding(
            padding: const EdgeInsets.only(left: 10.0, right: 10.0),
            child: Icon(Icons.search),
            /*
                  child: DropdownButton(
                    value: 'Products',
                    onChanged: (value) {
                      //
                    },
                    items: <String>['Products', 'Tasks', 'Expenses']
                        .map((String value) {
                      return new DropdownMenuItem<String>(
                        value: value,
                        child: new Text(value),
                      );
                    }).toList(),
                  ),
                  */
          ),
          Expanded(
            child: TextField(
              controller: _textController,
              onChanged: (value) {
                setState(() {
                  _filter = value;
                });
              },
              autofocus: true,
              decoration: InputDecoration(
                border: InputBorder.none,
                hintText: _selectedIds.isEmpty
                    ? localization.filter
                    : localization.countSelected
                        .replaceFirst(':count', '${_selectedIds.length}'),
              ),
            ),
          ),
          Row(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              IconButton(
                icon: Icon(Icons.close),
                onPressed: () {
                  if (_textController.text.isNotEmpty) {
                    setState(() {
                      _filter = _textController.text = '';
                    });
                  } else {
                    Navigator.pop(context);
                  }
                },
              ),
              _selectedIds.isNotEmpty
                  ? IconButton(
                      icon: Icon(Icons.check),
                      onPressed: () => _onItemsSelected(),
                    )
                  : IconButton(
                      icon: Icon(Icons.add_circle_outline),
                      onPressed: () => _addBlankItem(),
                    ),
            ],
          )
        ],
      );
    }

    Widget _entityList() {
      final matches = memoizedProductList(widget.productMap).where((entityId) {
        final entity = widget.productMap[entityId];
        return entity.isActive && entity.matchesSearch(_filter);
      }).toList();

      matches.sort((idA, idB) =>
          widget.productMap[idA].compareTo(widget.productMap[idB]));

      return ListView.builder(
        shrinkWrap: true,
        itemCount: matches.length,
        itemBuilder: (BuildContext context, int index) {
          final int entityId = matches[index];
          final entity = widget.productMap[entityId];
          final String subtitle = entity.matchesSearchValue(_filter);
          return ListTile(
            dense: true,
            leading: Checkbox(
              value: _selectedIds.contains(entityId),
              onChanged: (bool value) => _toggleEntity(entityId),
            ),
            title: Row(
              children: <Widget>[
                Expanded(
                  child: Text(entity.listDisplayName),
                ),
                entity.listDisplayAmount != null
                    ? Text(formatNumber(entity.listDisplayAmount, context,
                        formatNumberType: entity.listDisplayAmountType))
                    : Container(),
              ],
            ),
            subtitle: subtitle != null ? Text(subtitle, maxLines: 2) : null,
            onTap: () {
              if (_selectedIds.isNotEmpty) {
                _toggleEntity(entityId);
              } else {
                _selectedIds.add(entityId);
                _onItemsSelected();
              }
            },
          );
        },
      );
    }

    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: SingleChildScrollView(
        child: Material(
          child: Column(mainAxisSize: MainAxisSize.min, children: <Widget>[
            _headerRow(),
            _entityList(),
          ]),
        ),
      ),
    );
  }
}