cake_wallet/lib/src/screens/nodes/nodes_list_page.dart

import 'package:cake_wallet/utils/show_pop_up.dart';
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter_mobx/flutter_mobx.dart';
import 'package:cake_wallet/routes.dart';
import 'package:cake_wallet/palette.dart';
import 'package:cake_wallet/generated/i18n.dart';
import 'package:cake_wallet/src/screens/base_page.dart';
import 'package:cake_wallet/src/screens/nodes/widgets/node_list_row.dart';
import 'package:cake_wallet/src/widgets/standard_list.dart';
import 'package:cake_wallet/src/widgets/alert_with_two_actions.dart';
import 'package:cake_wallet/view_model/node_list/node_list_view_model.dart';
import 'package:flutter_slidable/flutter_slidable.dart';

class NodeListPage extends BasePage {
  NodeListPage(this.nodeListViewModel);

  @override
  String get title => S.current.nodes;

  final NodeListViewModel nodeListViewModel;

  @override
  Widget trailing(context) {
    return Container(
      height: 32,
      decoration: BoxDecoration(
          borderRadius: BorderRadius.all(Radius.circular(16)),
          color: Theme.of(context).accentTextTheme.caption.color),
      child: ButtonTheme(
        minWidth: double.minPositive,
        child: FlatButton(
            onPressed: () async {
              await showPopUp<void>(
                  context: context,
                  builder: (BuildContext context) {
                    return AlertWithTwoActions(
                        alertTitle: S.of(context).node_reset_settings_title,
                        alertContent:
                            S.of(context).nodes_list_reset_to_default_message,
                        rightButtonText: S.of(context).reset,
                        leftButtonText: S.of(context).cancel,
                        actionRightButton: () async {
                          Navigator.of(context).pop();
                          await nodeListViewModel.reset();
                        },
                        actionLeftButton: () => Navigator.of(context).pop());
                  });
            },
            child: Text(
              S.of(context).reset,
              textAlign: TextAlign.center,
              style: TextStyle(
                  fontSize: 14.0,
                  fontWeight: FontWeight.w600,
                  color: Palette.blueCraiola),
            )),
      ),
    );
  }

  @override
  Widget body(BuildContext context) {
    return Container(
      padding: EdgeInsets.only(top: 10),
      child: Observer(
        builder: (BuildContext context) {
          return nodeListViewModel.nodes.isNotEmpty
              ? SectionStandardList(
                  sectionCount: 2,
                  context: context,
                  itemCounter: (int sectionIndex) {
                    if (sectionIndex == 0) {
                      return 1;
                    }

                    return nodeListViewModel.nodes.length;
                  },
                  itemBuilder: (_, sectionIndex, index) {
                    if (sectionIndex == 0) {
                      return NodeHeaderListRow(
                          title: S.of(context).add_new_node,
                          onTap: (_) async => await Navigator.of(context)
                              .pushNamed(Routes.newNode));
                    }

                    final node = nodeListViewModel.nodes[index];
                    final isSelected = node.keyIndex ==
                        nodeListViewModel.settingsStore.currentNode.keyIndex;
                    final nodeListRow = NodeListRow(
                        title: node.uri,
                        isSelected: isSelected,
                        isAlive: node.requestNode(),
                        onTap: (_) async {
                          if (isSelected) {
                            return;
                          }

                          await showPopUp<void>(
                              context: context,
                              builder: (BuildContext context) {
                                return AlertWithTwoActions(
                                    alertTitle: S.of(context)
                                        .change_current_node_title,
                                    alertContent: S
                                        .of(context)
                                        .change_current_node(node.uri),
                                    leftButtonText: S.of(context).cancel,
                                    rightButtonText: S.of(context).change,
                                    actionLeftButton: () =>
                                        Navigator.of(context).pop(),
                                    actionRightButton: () async {
                                      await nodeListViewModel
                                          .setAsCurrent(node);
                                      Navigator.of(context).pop();
                                    });
                              });
                        });

                    final dismissibleRow = Slidable(
                        key: Key('${node.keyIndex}'),
                        actionPane: SlidableDrawerActionPane(),
                        child: nodeListRow,
                        secondaryActions: <Widget>[
                          IconSlideAction(
                            caption: S.of(context).delete,
                            color: Colors.red,
                            icon: CupertinoIcons.delete,
                            onTap: () async {
                              final confirmed = await showPopUp<bool>(
                                      context: context,
                                      builder: (BuildContext context) {
                                        return AlertWithTwoActions(
                                            alertTitle:
                                                S.of(context).remove_node,
                                            alertContent: S
                                                .of(context)
                                                .remove_node_message,
                                            rightButtonText:
                                                S.of(context).remove,
                                            leftButtonText:
                                                S.of(context).cancel,
                                            actionRightButton: () =>
                                                Navigator.pop(context, true),
                                            actionLeftButton: () =>
                                                Navigator.pop(context, false));
                                      }) ??
                                  false;

                              if (confirmed) {
                                await nodeListViewModel.delete(node);
                              }
                            },
                          ),
                        ]);

                    return isSelected ? nodeListRow : dismissibleRow;
                  })
              : Container();
        },
      ),
    );
  }
}