union sprint 1 carlos

fast_med_flutter/lib/main.dart

@@ -1,5 +1,6 @@
 import 'package:fast_med_flutter/routes/home.dart';
 import 'package:fast_med_flutter/routes/ver_oficinas.dart';
+import 'package:fast_med_flutter/routes/especialidades.dart';
 import 'package:fast_med_flutter/routes/calendario.dart';
 import 'package:fast_med_flutter/routes/main.dart';
 import 'package:fast_med_flutter/routes/register.dart';
@@ -15,5 +16,6 @@ void main() => runApp(MaterialApp(
       '/welcome': (context) => WelcomePage(),
       '/register': (context) => RegisterPage(),
       '/MyApp': (context) => MyApp(),
+      '/especialidades': (context) => especialidades(),
     }
 ));

fast_med_flutter/lib/routes/especialidades.dart

@@ -0,0 +1,109 @@
+import 'package:flutter/material.dart';
+import 'dart:convert';
+import 'package:json_table/json_table.dart';
+
+class SimpleTable extends StatefulWidget {
+  @override
+  _SimpleTableState createState() => _SimpleTableState();
+}
+
+class _SimpleTableState extends State<SimpleTable> {
+  final String jsonSample =
+      '[{"id":"0","name":"Dr.Collazo","Oficina":"A","Phone":"787-522-0123","Espe":"Dentist"},{"id":"1","name":"Dr.Lelolelo","Oficina":"B","Phone":"787-533-4567","Espe":"Dentist"},{"id":"2","name":"Dr.Pepo","Oficina":"C","Phone":"787-544-8910","Espe":"otorrinolaringologo"}]';
+  bool toggle = true;
+
+  @override
+  Widget build(BuildContext context) {
+    var json = jsonDecode(jsonSample);
+    return Scaffold(
+      body: Container(
+        padding: EdgeInsets.all(16.0),
+        child: toggle
+            ? Column(
+          children: [
+            JsonTable(
+              json,
+              showColumnToggle: true,
+              tableHeaderBuilder: (String header) {
+                return Container(
+                  padding: EdgeInsets.symmetric(
+                      horizontal: 8.0, vertical: 4.0),
+                  decoration: BoxDecoration(
+                      border: Border.all(width: 0.5),
+                      color: Colors.grey[300]),
+                  child: Text(
+                    header,
+                    textAlign: TextAlign.center,
+                    style: Theme.of(context).textTheme.display1.copyWith(
+                        fontWeight: FontWeight.w700,
+                        fontSize: 14.0,
+                        color: Colors.black87),
+                  ),
+                );
+              },
+              tableCellBuilder: (value) {
+                return Container(
+                  padding: EdgeInsets.symmetric(
+                      horizontal: 4.0, vertical: 2.0),
+                  decoration: BoxDecoration(
+                      border: Border.all(
+                          width: 0.5,
+                          color: Colors.grey.withOpacity(0.5))),
+                  child: Text(
+                    value,
+                    textAlign: TextAlign.center,
+                    style: Theme.of(context).textTheme.display1.copyWith(
+                        fontSize: 14.0, color: Colors.grey[900]),
+                  ),
+                );
+              },
+              allowRowHighlight: true,
+              rowHighlightColor: Colors.yellow[500].withOpacity(0.7),
+              paginationRowCount: 20,
+            ),
+            SizedBox(
+              height: 20.0,
+            ),
+            Text("Tabla Oficinas")
+          ],
+        )
+            : Center(
+          child: Text(getPrettyJSONString(jsonSample)),
+        ),
+      ),
+      floatingActionButton: FloatingActionButton(
+          child: Icon(Icons.grid_on),
+          onPressed: () {
+            setState(
+                  () {
+                toggle = !toggle;
+              },
+            );
+          }),
+    );
+  }
+
+  String getPrettyJSONString(jsonObject) {
+    JsonEncoder encoder = new JsonEncoder.withIndent('  ');
+    String jsonString = encoder.convert(json.decode(jsonObject));
+    return jsonString;
+  }
+}
+
+void main() => runApp(especialidades());
+
+class especialidades extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'Flutter Demo',
+      theme: ThemeData(
+        primarySwatch: Colors.blue,
+      ),
+      home: SimpleTable(),
+    );
+  }
+}
+
+
+

fast_med_flutter/lib/routes/home.dart

@@ -77,6 +77,18 @@ class _HomeState extends State<Home>{
               color: Colors.purple,
 
             ),
+            new FlatButton(
+              minWidth: 300.0,
+              height: 100.0,
+              onPressed: (){
+                Navigator.pushNamed(context, '/especialidades');
+              },
+              child: Text('especialidades',
+                style: TextStyle(fontSize: 36),
+              ),
+              color: Colors.purple,
+
+            ),
             ],
         ),
 

fast_med_flutter/pubspec.lock

@@ -247,6 +247,20 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.6.2"
+  json_table:
+    dependency: "direct dev"
+    description:
+      name: json_table
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.4.0"
+  json_utilities:
+    dependency: transitive
+    description:
+      name: json_utilities
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.1.3"
   matcher:
     dependency: transitive
     description:

fast_med_flutter/pubspec.yaml

@@ -44,6 +44,7 @@ dependencies:
 dev_dependencies:
   flutter_test:
     sdk: flutter
+  json_table: 1.4.0
 
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec