fcs/lib/pages/term/term_edit.dart

import 'dart:convert';

import 'package:fcs/domain/vo/term.dart';
import 'package:fcs/helpers/theme.dart';
import 'package:fcs/pages/term/model/term_model.dart';
import 'package:fcs/pages/main/util.dart';
import 'package:fcs/pages/widgets/local_text.dart';
import 'package:fcs/pages/widgets/progress.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_icons_null_safety/flutter_icons_null_safety.dart';
import 'package:provider/provider.dart';
import 'package:zefyrka/zefyrka.dart';
// import 'package:zefyr/zefyr.dart';

typedef void ProfileCallback();

class TermEdit extends StatefulWidget {
  final Term? term;
  TermEdit({required this.term});
  @override
  _TermEditState createState() => _TermEditState();
}

class _TermEditState extends State<TermEdit> {
  /// Allows to control the editor and the document.
  late ZefyrController _controllerEng;
  late ZefyrController _controllerMm;

  /// Zefyr editor like any other input field requires a focus node.
  late FocusNode _focusNodeEng;
  late FocusNode _focusNodeMm;
  bool _isLoading = false;

  @override
  void initState() {
    super.initState();
    _isLoading = false;

    // Here we must load the document and pass it to Zefyr controller.
    _controllerEng = ZefyrController(_loadDocument(widget.term!.termEng ?? ""));
    _controllerMm = ZefyrController(_loadDocument(widget.term!.termMm ?? ""));
    _focusNodeEng = FocusNode();
    _focusNodeMm = FocusNode();
  }

  /// Loads the document to be edited in Zefyr.
  NotusDocument _loadDocument(String data) {
    late NotusDocument doc;
    try {
      doc = NotusDocument.fromJson(jsonDecode(data));
    } catch (e) {}
    if (doc == null) {
      doc = NotusDocument();
    }
    return doc;
  }

  @override
  Widget build(BuildContext context) {
    final savebtn =
        fcsButton(context, getLocalString(context, "btn.save"), callack: _save);

    return DefaultTabController(
      length: 2,
      child: LocalProgress(
        inAsyncCall: _isLoading,
        child: Scaffold(
          appBar: AppBar(
            title: LocalLargeTitle(
              context,
              "term",
              color: primaryColor,
            ),
            leading: IconButton(
              icon: Icon(
                CupertinoIcons.back,
                color: primaryColor,
                size: 30,
              ),
              onPressed: () {
                Navigator.of(context).pop();
              },
            ),
            shadowColor: Colors.transparent,
            backgroundColor: Colors.white,
            actions: [
              IconButton(
                  onPressed: _unfocus,
                  icon: Icon(Icons.check, color: primaryColor))
            ],
            bottom: TabBar(
              onTap: (index) {
                // Tab index when user select it, it start from zero
              },
              tabs: [
                Tab(
                    icon: Image.asset(
                  'icons/flags/png/us.png',
                  package: 'country_icons',
                  fit: BoxFit.fitWidth,
                  width: 25,
                )),
                Tab(
                    icon: Image.asset(
                  'icons/flags/png/mm.png',
                  package: 'country_icons',
                  fit: BoxFit.fitWidth,
                  width: 25,
                )),
              ],
            ),
          ),
          body: ListView(
            children: [
              Container(
                height: MediaQuery.of(context).size.height - 200,
                child: TabBarView(
                  children: [
                    textEditor(_controllerEng, _focusNodeEng),
                    textEditor(_controllerMm, _focusNodeMm),
                  ],
                ),
              ),
              savebtn,
            ],
          ),
        ),
      ),
    );
  }

  Widget textEditor(ZefyrController controller, FocusNode focusNode) {
    return ListView(
      children: [
        Container(
          height: MediaQuery.of(context).size.height - 200,
          child: ZefyrEditor(
            autofocus: false,
            padding: EdgeInsets.all(16),
            controller: controller,
            focusNode: focusNode,
          ),
        ),
        SizedBox(
          height: 10,
        )
      ],
    );
  }

  _unfocus() {
    FocusScope.of(context).unfocus();
  }

  _save() async {
    setState(() {
      _isLoading = true;
    });
    try {
      final contentsEng = jsonEncode(_controllerEng.document);
      final contentsMm = jsonEncode(_controllerMm.document);
      // print('contents => $contentsEng');
      TermModel termModel = Provider.of<TermModel>(context, listen: false);
      await termModel.saveTerm(Term(termEng: contentsEng, termMm: contentsMm));
    } catch (e) {
      showMsgDialog(context, "Error", e.toString());
    } finally {
      _isLoading = false;
      Navigator.pop(context);
    }
  }
}