git-touch-android-ios-app/lib/widgets/event.dart

import '../utils.dart';
import '../models/event.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/gestures.dart';
// import '../issue.dart';
// import '../user.dart';

// class Strong extends StatelessWidget {
//   final String text;

//   @override
//   build(context) {
//     return TextSpan(
//       text: text,
//       style: TextStyle(
//         fontWeight: FontWeight.bold,
//         color: Color(0xff24292e),
//       ),
//       // recognizer: recognizer,
//     );
//   }
// }

class _Avatar extends StatelessWidget {
  final String url;
  _Avatar(this.url);

  @override
  build(context) {
    return CircleAvatar(
      backgroundImage: NetworkImage(url),
      radius: 24.0,
    );
  }
}

class EventItem extends StatelessWidget {
  final Event event;
  EventItem(this.event);

  Widget getEventItemByType(BuildContext context) {
    switch (event.type) {
      case 'IssuesEvent':
        return RichText(
          text: TextSpan(
            style: TextStyle(color: CupertinoColors.black),
            children: [
              _user(event, context),
              TextSpan(text: ' ${event.payload['action']} issue '),
              _strong(event.repo.name),
              TextSpan(
                text: '#' + event.payload['issue']['number'].toString(),
              ),
              TextSpan(
                text: event.payload['issue']['title'],
              )
            ],
          ),
        );
      case 'PushEvent':
        return RichText(
          text: TextSpan(
            style: TextStyle(color: CupertinoColors.black),
            children: [
              _user(event, context),
              TextSpan(text: ' pushed to '),
              TextSpan(
                text: event.payload['ref'],
                style: TextStyle(color: CupertinoColors.activeBlue),
              ),
              TextSpan(text: ' in '),
              _strong(event.repo.name),
              TextSpan(text: '')
            ],
          ),
        );
      case 'PullRequestEvent':
        return RichText(
          text: TextSpan(
            style: TextStyle(color: CupertinoColors.black),
            children: [
              _user(event, context),
              TextSpan(text: ' ${event.payload['action']} pull request '),
              _strong(event.repo.name),
              TextSpan(text: '#' + event.payload['number'].toString()),
              TextSpan(text: event.payload['pull_request']['title'])
            ],
          ),
        );
      case 'WatchEvent':
        return RichText(
          text: TextSpan(
            style: TextStyle(color: CupertinoColors.black),
            children: [
              _user(event, context),
              TextSpan(text: ' ${event.payload['action']} '),
              _strong(event.repo.name),
            ],
          ),
        );
      default:
        return Text(
          'Not implement yet',
          style: TextStyle(color: CupertinoColors.destructiveRed),
        );
    }
  }

  @override
  build(context) {
    return Container(
      padding: EdgeInsets.only(top: 16.0),
      decoration: BoxDecoration(
        border: Border(
          top: BorderSide(width: 1.0, color: Color(0xFFFFFFFFFF)),
          left: BorderSide(width: 1.0, color: Color(0xFFFFFFFFFF)),
          right: BorderSide(width: 1.0, color: Color(0xFFFF000000)),
          bottom: BorderSide(width: 1.0, color: Color(0xFFFF000000)),
        ),
      ),
      child: Row(
        children: [
          _Avatar(event.actor.avatarUrl),
          Expanded(child: getEventItemByType(context)),
        ],
      ),
    );
  }
}

TextSpan _strong(String text, [GestureRecognizer recognizer]) {
  return TextSpan(
    text: text,
    style: TextStyle(
      fontWeight: FontWeight.bold,
      color: Color(0xff24292e),
    ),
    recognizer: recognizer,
  );
}

TextSpan _user(Event event, context) {
  return _strong(
    event.actor.login,
    // TapGestureRecognizer()
    //   ..onTap = () {
    //     Navigator.of(context).push(
    //       CupertinoPageRoute(
    //         builder: (context) {
    //           return IosUserPage(event.actor, event.avatar);
    //         },
    //       ),
    //     );
    //   },
  );
}

class IssuesEvent extends StatelessWidget {
  final Event event;
  IssuesEvent(this.event);

  @override
  build(context) {
    return RichText(
      text: TextSpan(
        style: TextStyle(color: CupertinoColors.black),
        children: [
          _user(event, context),
          TextSpan(text: ' ${event.payload['action']} issue '),
          _strong(event.repo.name),
          TextSpan(
            text: '#' + event.payload['issue']['number'].toString(),
          ),
          TextSpan(
            text: event.payload['issue']['title'],
          )
        ],
      ),
    );
  }
}

class IssueCommentEvent extends StatelessWidget {
  final Event event;
  IssueCommentEvent(this.event);

  @override
  build(context) {
    return RichText(
      text: TextSpan(
        style: TextStyle(color: CupertinoColors.black),
        children: [
          _user(event, context),
          TextSpan(text: ' commented on issue '),
          _strong(event.repo.name),
          TextSpan(text: '#' + event.payload['issue']['number'].toString()),
          TextSpan(text: event.payload['comment']['body'])
        ],
      ),
    );
  }
}