Add explanation to phases section

Author: leynier

lib/src/models/phases/phases.dart

@@ -15,6 +15,14 @@ class Phases extends Model {
   List<PhasesItem> phases;
   Map<String, PhasesCategory> categories;
   Map<String, PhasesMeasure> measures;
+  @JsonKey(name: 'intro_explanation')
+  String introExplanation;
+  @JsonKey(name: 'button_explanation')
+  String buttonExplanation;
+  @JsonKey(name: 'title_explanation')
+  String titleExplanation;
+  @JsonKey(name: 'content_explanation')
+  String contentExplanation;
 
   Phases();
 

lib/src/models/phases/phases.g.dart

@@ -8,12 +8,12 @@ import "package:collection/collection.dart";
 import 'package:covid19cuba/src/blocs/blocs.dart';
 import 'package:covid19cuba/src/models/phases/phases.dart';
 import 'package:covid19cuba/src/models/phases/phases_item.dart';
-import 'package:covid19cuba/src/models/phases/phases_measure.dart';
 import 'package:covid19cuba/src/models/phases/phases_state.dart';
 import 'package:covid19cuba/src/pages/pages.dart';
 import 'package:covid19cuba/src/utils/utils.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_markdown/flutter_markdown.dart';
 import 'package:getflutter/getflutter.dart';
 import 'package:separated_column/separated_column.dart';
 import 'package:url_launcher/url_launcher.dart';
@@ -63,7 +63,82 @@ class PhasesWidgetState extends State<PhasesWidget> {
     return ListView(
       children: <Widget>[
         Container(
-          margin: EdgeInsets.fromLTRB(10, 10, 10, 2.5),
+          margin: EdgeInsets.only(left: 10, right: 10, top: 5),
+          child: Card(
+            color: Constants.primaryColor,
+            child: Container(
+              margin: EdgeInsets.all(20),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.end,
+                children: <Widget>[
+                  Text(
+                    phases.introExplanation,
+                    style: TextStyle(
+                      color: Colors.white,
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                  InkWell(
+                    onTap: () {
+                      showDialog(
+                        context: context,
+                        builder: (BuildContext context) {
+                          return AlertDialog(
+                            scrollable: true,
+                            actionsPadding: EdgeInsets.all(0),
+                            title: Text(phases.titleExplanation),
+                            content: Container(
+                              margin: EdgeInsets.only(
+                                top: 10,
+                                bottom: 10,
+                              ),
+                              child: MarkdownBody(
+                                data: phases.contentExplanation,
+                              ),
+                            ),
+                            actions: <Widget>[
+                              FlatButton(
+                                child: Text(
+                                  'Cerrar',
+                                  style: TextStyle(
+                                    color: Constants.primaryColor,
+                                  ),
+                                ),
+                                onPressed: () {
+                                  Navigator.pop(context);
+                                },
+                              ),
+                            ],
+                          );
+                        },
+                      );
+                    },
+                    child: Container(
+                      margin: EdgeInsets.only(top: 10),
+                      padding: EdgeInsets.symmetric(
+                        horizontal: 20,
+                        vertical: 10,
+                      ),
+                      decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(8),
+                        color: Colors.red,
+                      ),
+                      child: Text(
+                        phases.buttonExplanation,
+                        style: TextStyle(
+                          color: Colors.white,
+                          fontWeight: FontWeight.w800,
+                        ),
+                      ),
+                    ),
+                  )
+                ],
+              ),
+            ),
+          ),
+        ),
+        Container(
+          margin: EdgeInsets.fromLTRB(10, 2.5, 10, 2.5),
           child: Card(
             color: Colors.grey[50],
             child: Container(

lib/src/pages/phases_page.dart

@@ -312,6 +312,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_markdown:
+    dependency: "direct main"
+    description:
+      name: flutter_markdown
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.4.2"
   flutter_native_splash:
     dependency: "direct dev"
     description:
@@ -478,6 +485,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.11.4"
+  markdown:
+    dependency: transitive
+    description:
+      name: markdown
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.5"
   matcher:
     dependency: transitive
     description:
@@ -912,4 +926,4 @@ packages:
     version: "2.2.1"
 sdks:
   dart: ">=2.7.0 <3.0.0"
-  flutter: ">=1.16.0 <2.0.0"
+  flutter: ">=1.17.0 <2.0.0"

pubspec.lock

@@ -55,6 +55,7 @@ dependencies:
   fluttercontactpicker: ^2.4.2
   collection: ^1.14.12
   separated_column: ^1.0.1+2
+  flutter_markdown: ^0.4.2
 
 dev_dependencies:
   flutter_native_splash: ^0.1.9