main.dart

import 'package:flutter/material.dart';
import 'session.dart';
import 'dart:convert';
import 'package:async_loader/async_loader.dart';
import 'dart:async';
import 'package:flutter_typeahead/flutter_typeahead.dart';

void main() => runApp(new MyApp());

const String _url = 'http://192.168.2.12:8080/whatsapp/';

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'What A Sap',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new MyLoginPage(title: 'Login'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.session, this.id}) : super(key: key);
  final Session session;
  final String id;

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

class _MyHomePageState extends State<MyHomePage> {
  final TextStyle _biggerFont = const TextStyle(fontSize: 18.0);
  var _allConv = <dynamic>[];
  String searchStr = '';

  void _allConversations(s) {
    Map<String, dynamic> response = json.decode(s);
    setState(() {
      _allConv = response["data"];
    });
  }

  Widget _buildRow(dynamic row) {
    return new ListTile(
      title: Text(row["name"], style: _biggerFont),
      trailing: Text(row["timestamp"]),
      onTap: () {
        Navigator.push(
            context,
            MaterialPageRoute(
                builder: (context) => ChatDetail(
                      session: widget.session,
                      id: widget.id,
                      otherId: row["uid"],
                      otherName: row["name"],
                    )));
      },
    );
  }

  Widget _buildChats() {
    return new ListView.builder(
      padding: const EdgeInsets.all(16.0),
      itemBuilder: (_, i) {
//        else
        if (_allConv[i]["uid"].contains(searchStr) ||
            _allConv[i]["name"].contains(searchStr)) {
          print(searchStr + 'hi');
          return _buildRow(_allConv[i]);
        } else {
          return new Divider(
            height: 0.0,
          );
        }
      },
      itemCount: _allConv.length,
    );
  }

  _getChats() async {
    widget.session.post(
        _url + 'AllConversations', {"id": widget.id}).then(_allConversations);
    return new Future.delayed(Duration(seconds: 1), () => _buildChats());
  }

  final GlobalKey<AsyncLoaderState> _asyncLoaderState =
      new GlobalKey<AsyncLoaderState>();

  @override
  Widget build(BuildContext context) {
    var _asyncLoader = new AsyncLoader(
      key: _asyncLoaderState,
      initState: () async => await _getChats(),
      renderLoad: () => Text("Loading : Wait for some time"),
      renderSuccess: ({data}) => data,
    );

    print(_allConv.length);
    print(searchStr);
    return Scaffold(
      appBar: AppBar(title: Text('Chats'), actions: <Widget>[
        new IconButton(
            icon: const Icon(Icons.create),
            onPressed: () => Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (context) =>
                        CreateChat(session: widget.session, id: widget.id)))),
        new IconButton(
          icon: const Icon(Icons.home),
            onPressed: () {
              Navigator.pop(context);
              Navigator.push(
                  context,
                  MaterialPageRoute(
                      builder: (context) => MyHomePage(
                            session: widget.session,
                            id: widget.id,
                          )));
            }
        ),
        new IconButton(
            icon: const Icon(Icons.exit_to_app),
            onPressed: () {
              Navigator.popUntil(
                  context, ModalRoute.withName(Navigator.defaultRouteName));
              Navigator.push(
                  context, MaterialPageRoute(builder: (context) => MyApp()));
              widget.session.get(_url + 'LogoutServlet');
            })
      ]),
      body: new Column(
        children: <Widget>[
          new TextField(
            onChanged: (val) {
              setState(() {
                searchStr = val;
              });
              _asyncLoaderState.currentState.reloadState();
            },
          ),
          new Flexible(child: _asyncLoader),
        ],
      ),
    );
  }
}

class MyLoginPage extends StatefulWidget {
  MyLoginPage({Key key, this.title}) : super(key: key);

  final String title;

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

class _MyLoginPageState extends State<MyLoginPage> {
  final GlobalKey<FormState> _formKey = new GlobalKey<FormState>();
  final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();

  String username = '';
  String password = '';

  Session session = new Session();

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      key: _scaffoldKey,
      appBar: new AppBar(
        // Here we take the value from the MyHomePage object that was created by
        // the App.build method, and use it to set our appbar title.
        title: new Text(widget.title),
      ),
      body: new Center(
        // Center is a layout widget. It takes a single child and positions it
        // in the middle of the parent.
        child: new Form(
          key: _formKey,
          autovalidate: true,
          child: new Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              new TextFormField(
                validator: (val) => val.isEmpty ? "Username is required" : null,
                onSaved: (val) => username = val,
              ),
              new TextFormField(
                validator: (val) => val.isEmpty ? "Password is required" : null,
                onSaved: (val) => password = val,
              ),
              new RaisedButton(
                onPressed: _authUser,
                child: const Text('Login'),
              )
            ],
          ),
        ),
      ),
//      floatingActionButton: new FloatingActionButton(
//        onPressed: _incrementCounter,
//        tooltip: 'Increment',
//        child: new Icon(Icons.add),
//      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }

  void _authUser() {
    final FormState form = _formKey.currentState;
    if (form.validate()) {
      form.save();
      print('Username: $username');
      print('Password: $password');
      session.post(_url + 'LoginServlet',
          {"userid": username, "password": password}).then(_resToAuth);
    }
  }

  void _resToAuth(s) {
    Map<String, dynamic> response = json.decode(s);
    if (response['status']) {
      Navigator.push(
          context,
          MaterialPageRoute(
              builder: (context) =>
                  MyHomePage(session: session, id: username)));
      print('Authorised');
    } else {
      print('Authorisation failed');
      final snackBar = SnackBar(content: Text('Login Failed'));
      _scaffoldKey.currentState.showSnackBar(snackBar);
    }
  }
}

class ChatDetail extends StatefulWidget {
  final Session session;
  final String id;
  final String otherId;
  final String otherName;

  ChatDetail({Key key, this.session, this.id, this.otherId, this.otherName})
      : super(key: key);
  @override
  _ChatDetailState createState() => new _ChatDetailState();
}

class _ChatDetailState extends State<ChatDetail> {
  final TextEditingController _textController = new TextEditingController();
  var _messages = <dynamic>[];

  void _resToConv(s) {
    Map<String, dynamic> response = json.decode(s);
    setState(() {
      _messages = response["data"];
    });
  }

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    widget.session.post(_url + 'ConversationDetail',
        {"id": widget.id, "other_id": widget.otherId}).then(_resToConv);
    return new Scaffold(
      appBar: new AppBar(
        leading: new IconButton(
            icon: new Icon(Icons.arrow_back),
            onPressed: () {
              Navigator.popUntil(
                  context, ModalRoute.withName(Navigator.defaultRouteName));
              Navigator.push(
                  context,
                  MaterialPageRoute(
                      builder: (context) =>
                          MyHomePage(session: widget.session, id: widget.id)));
            }),
        title: Text(widget.otherName),
      ),
      body: new Column(
        children: <Widget>[
//
          new Flexible(
              child: new ListView.builder(
            padding: new EdgeInsets.all(8.0),
            reverse: true,
            itemBuilder: (_, i) => new ChatMessage(
                  name: _messages[i]["name"],
                  text: _messages[i]["text"],
                ),
            itemCount: _messages.length,
          )),
          new Divider(
            height: 1.0,
          ),
          new Container(
            child: _buildTextComposer(),
          )
        ],
      ),
    );
  }

//  Widget _buildChat() {
//    return
//  }

  void _handleSubmitted(String val) {
    _textController.clear();
    widget.session.post(_url + 'NewMessage', {
      "id": widget.id,
      "other_id": widget.otherId,
      "msg": val
    }).then((val) => widget.session.post(_url + 'ConversationDetail',
        {"id": widget.id, "other_id": widget.otherId}).then(_resToConv));
  }

  Widget _buildTextComposer() {
    return new Container(
      margin: const EdgeInsets.symmetric(horizontal: 8.0),
      child: new Row(
        children: <Widget>[
          new Flexible(
            child: new TextField(
              controller: _textController,
              onSubmitted: _handleSubmitted,
              decoration:
                  new InputDecoration.collapsed(hintText: "Send a message"),
            ),
          ),
          new Container(
            margin: new EdgeInsets.symmetric(horizontal: 4.0),
            child: new IconButton(
                icon: new Icon(Icons.send),
                onPressed: () => _handleSubmitted(_textController.text)),
          ),
        ],
      ),
    );
  }
}

class ChatMessage extends StatelessWidget {
  final String name;
  final String text;

  ChatMessage({this.name, this.text});
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new Container(
      margin: const EdgeInsets.symmetric(vertical: 10.0),
      child: new Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          new Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              new Text(name),
              new Container(
                margin: const EdgeInsets.only(top: 5.0),
                child: Text(text),
              )
            ],
          )
        ],
      ),
    );
  }
}

class _CreateChatState extends State<CreateChat> {
  var _suggestions = <dynamic>[];

  void _storeSuggestions(s) {
//    Map<String, dynamic> response = json.decode(s);
    setState(() {
      print(json.decode(s).length);
      _suggestions = json.decode(s);
      print(_suggestions);
    });
  }

  _getSuggestions(keyword) async {
    widget.session
        .get(_url + 'AutoCompleteUser?term=' + keyword)
        .then(_storeSuggestions);
    print(_suggestions);
    return new Future.delayed(Duration(seconds: 1), () => _suggestions);
//    return _suggestions;
  }

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new Scaffold(
        appBar: new AppBar(
          title: new Text("New Conversation"),
        ),
        body: new TypeAheadField(
          textFieldConfiguration: TextFieldConfiguration(
              autofocus: true,
              style: DefaultTextStyle.of(context)
                  .style
                  .copyWith(fontStyle: FontStyle.italic),
              decoration: InputDecoration(border: OutlineInputBorder())),
          suggestionsCallback: (pattern) async {
//          _getSuggestions(pattern);
            return await _getSuggestions(pattern);
          },
          itemBuilder: (context, suggestion) {
            return ListTile(
//            leading: Icon(Icons.shopping_cart),
              title: Text(suggestion['label']),
//            subtitle: Text('\$${suggestion['price']}'),
            );
          },
          onSuggestionSelected: (suggestion) {
            widget.session.get(
                _url + 'CreateConversation?other_id=' + suggestion['value']);
            Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (context) => ChatDetail(
                          session: widget.session,
                          id: widget.id,
                          otherId: suggestion['value'],
                          otherName: suggestion['name'],
                        )));
//          _suggestionSelected(suggestion['value'], suggestion['name']);
          },
        ));
  }
}

class CreateChat extends StatefulWidget {
  final Session session;
  final String id;
  CreateChat({Key key, this.session, this.id}) : super(key: key);
  @override
  _CreateChatState createState() => new _CreateChatState();
}