carlos sprint 2 parcial

fast_med_flutter/lib/classes/language.dart

@@ -0,0 +1,17 @@
+class Language {
+  final int id;
+  final String flag;
+  final String name;
+  final String languageCode;
+
+  Language(this.id, this.flag, this.name, this.languageCode);
+
+  static List<Language> languageList() {
+    return <Language>[
+      Language(1, "🇦🇫", "فارسی", "fa"),
+      Language(2, "🇺🇸", "English", "en"),
+      Language(3, "🇺🇸", "Español", "es"),
+      Language(4, "🇮🇳", "हिंदी", "hi"),
+    ];
+  }
+}

fast_med_flutter/lib/languages/en.json

@@ -0,0 +1,15 @@
+{
+  "home_page": "Home Page",
+  "personal_information": "Personal Information",
+  "name": "Name",
+  "name_hint": "Enter your name",
+  "email": "Email",
+  "email_hint": "Enter your email",
+  "date_of_birth": "Date of Birth",
+  "required_field": "Required Field",
+  "submit_info": "Submit Info",
+  "about_us": "About Us",
+  "settings": "Settings",
+  "change_language": "Change Language",
+  "about": "This user story translate for our FastMed app in CCOM4030."
+}

fast_med_flutter/lib/languages/es.json

@@ -0,0 +1,15 @@
+{
+  "home_page": "Pagina Inicio",
+  "personal_information": "Informacion Personal",
+  "name": "Nombre",
+  "name_hint": "Entra tu nombre",
+  "email": "Correo electronico",
+  "email_hint": "Entra tu correo electronico",
+  "date_of_birth": "Fecha de nacimiento",
+  "required_field": "Campo requerido",
+  "submit_info": "Somete informacion",
+  "about_us": "Acerca de nosotros",
+  "settings": "Configuracion",
+  "change_language": "Cambia el lenguaje",
+  "about": "Este user story traduce para nuestro FastMed app en CCOM4030."
+}

fast_med_flutter/lib/localization/language_constants.dart

@@ -0,0 +1,42 @@
+import 'package:flutter/material.dart';
+import 'package:userstory2translate/localization/localization.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+const String LAGUAGE_CODE = 'languageCode';
+
+//languages code
+const String ENGLISH = 'en';
+const String FARSI = 'fa';
+const String SPANISH = 'es';
+const String HINDI = 'hi';
+
+Future<Locale> setLocale(String languageCode) async {
+  SharedPreferences _prefs = await SharedPreferences.getInstance();
+  await _prefs.setString(LAGUAGE_CODE, languageCode);
+  return _locale(languageCode);
+}
+
+Future<Locale> getLocale() async {
+  SharedPreferences _prefs = await SharedPreferences.getInstance();
+  String languageCode = _prefs.getString(LAGUAGE_CODE) ?? "en";
+  return _locale(languageCode);
+}
+
+Locale _locale(String languageCode) {
+  switch (languageCode) {
+    case ENGLISH:
+      return Locale(ENGLISH, 'US');
+    case FARSI:
+      return Locale(FARSI, "IR");
+    case SPANISH:
+      return Locale(SPANISH, "SP");
+    case HINDI:
+      return Locale(HINDI, "IN");
+    default:
+      return Locale(ENGLISH, 'US');
+  }
+}
+
+String getTranslated(BuildContext context, String key) {
+  return DemoLocalization.of(context).translate(key);
+}

fast_med_flutter/lib/localization/localization.dart

@@ -0,0 +1,51 @@
+import 'dart:convert';
+
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+class DemoLocalization {
+  DemoLocalization(this.locale);
+
+  final Locale locale;
+  static DemoLocalization of(BuildContext context) {
+    return Localizations.of<DemoLocalization>(context, DemoLocalization);
+  }
+
+  Map<String, String> _localizedValues;
+
+  Future<void> load() async {
+    String jsonStringValues =
+    await rootBundle.loadString('lib/languages/${locale.languageCode}.json');
+    Map<String, dynamic> mappedJson = json.decode(jsonStringValues);
+    _localizedValues =
+        mappedJson.map((key, value) => MapEntry(key, value.toString()));
+  }
+
+  String translate(String key) {
+    return _localizedValues[key];
+  }
+
+  // static member to have simple access to the delegate from Material App
+  static const LocalizationsDelegate<DemoLocalization> delegate =
+  _DemoLocalizationsDelegate();
+}
+
+class _DemoLocalizationsDelegate
+    extends LocalizationsDelegate<DemoLocalization> {
+  const _DemoLocalizationsDelegate();
+
+  @override
+  bool isSupported(Locale locale) {
+    return ['en', 'es', 'fa', 'hi'].contains(locale.languageCode);
+  }
+
+  @override
+  Future<DemoLocalization> load(Locale locale) async {
+    DemoLocalization localization = new DemoLocalization(locale);
+    await localization.load();
+    return localization;
+  }
+
+  @override
+  bool shouldReload(LocalizationsDelegate<DemoLocalization> old) => false;
+}

fast_med_flutter/lib/pages/about_page.dart

@@ -0,0 +1,26 @@
+import 'package:flutter/material.dart';
+import 'package:userstory2translate/localization/language_constants.dart';
+
+class AboutPage extends StatefulWidget {
+  AboutPage({Key key}) : super(key: key);
+
+  @override
+  _AboutPageState createState() => _AboutPageState();
+}
+
+class _AboutPageState extends State<AboutPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(getTranslated(context, 'about_us')),
+      ),
+      body: Container(
+        padding: EdgeInsets.all(20),
+        child: Center(
+          child: Text(getTranslated(context, 'about')),
+        ),
+      ),
+    );
+  }
+}

fast_med_flutter/lib/pages/home_page.dart

@@ -0,0 +1,217 @@
+import 'package:flutter/material.dart';
+import 'package:userstory2translate/classes/language.dart';
+import 'package:userstory2translate/localization/language_constants.dart';
+import 'package:userstory2translate/main.dart';
+import 'package:userstory2translate/router/route_constants.dart';
+
+class HomePage extends StatefulWidget {
+  HomePage({Key key}) : super(key: key);
+
+  @override
+  _HomePageState createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> {
+  final GlobalKey<FormState> _key = GlobalKey<FormState>();
+  void _changeLanguage(Language language) async {
+    Locale _locale = await setLocale(language.languageCode);
+    MyApp.setLocale(context, _locale);
+  }
+
+  void _showSuccessDialog() {
+    showTimePicker(context: context, initialTime: TimeOfDay.now());
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(getTranslated(context, 'home_page')),
+        actions: <Widget>[
+          Padding(
+            padding: const EdgeInsets.all(8.0),
+            child: DropdownButton<Language>(
+              underline: SizedBox(),
+              icon: Icon(
+                Icons.language,
+                color: Colors.white,
+              ),
+              onChanged: (Language language) {
+                _changeLanguage(language);
+              },
+              items: Language.languageList()
+                  .map<DropdownMenuItem<Language>>(
+                    (e) => DropdownMenuItem<Language>(
+                  value: e,
+                  child: Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceAround,
+                    children: <Widget>[
+                      Text(
+                        e.flag,
+                        style: TextStyle(fontSize: 30),
+                      ),
+                      Text(e.name)
+                    ],
+                  ),
+                ),
+              )
+                  .toList(),
+            ),
+          ),
+        ],
+      ),
+      drawer: Drawer(
+        child: _drawerList(),
+      ),
+      body: Container(
+        padding: EdgeInsets.all(20),
+        child: _mainForm(context),
+      ),
+    );
+  }
+
+  Form _mainForm(BuildContext context) {
+    return Form(
+      key: _key,
+      child: Column(
+        children: <Widget>[
+          Container(
+            height: MediaQuery.of(context).size.height / 4,
+            child: Center(
+              child: Text(
+                getTranslated(context, 'personal_information'),
+                // DemoLocalization.of(context).translate('personal_information'),
+                textAlign: TextAlign.center,
+                style: TextStyle(
+                  fontSize: 30,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+            ),
+          ),
+          TextFormField(
+            validator: (val) {
+              if (val.isEmpty) {
+                return getTranslated(context, 'required_field');
+                // return DemoLocalization.of(context).translate('required_fiedl');
+              }
+              return null;
+            },
+            decoration: InputDecoration(
+              border: OutlineInputBorder(),
+              labelText: getTranslated(context, 'name'),
+              hintText: getTranslated(context, 'name_hint'),
+            ),
+          ),
+          SizedBox(
+            height: 10,
+          ),
+          TextFormField(
+            validator: (val) {
+              if (val.isEmpty) {
+                return getTranslated(context, 'required_field');
+              }
+              return null;
+            },
+            decoration: InputDecoration(
+              border: OutlineInputBorder(),
+              labelText: getTranslated(context, 'email'),
+              hintText: getTranslated(context, 'email_hint'),
+            ),
+          ),
+          SizedBox(
+            height: 10,
+          ),
+          TextFormField(
+            decoration: InputDecoration(
+                border: OutlineInputBorder(),
+                hintText: getTranslated(context, 'date_of_birth')),
+            onTap: () async {
+              FocusScope.of(context).requestFocus(FocusNode());
+              await showDatePicker(
+                context: context,
+                initialDate: DateTime.now(),
+                firstDate: DateTime(DateTime.now().year),
+                lastDate: DateTime(DateTime.now().year + 20),
+              );
+            },
+          ),
+          SizedBox(
+            height: 10,
+          ),
+          MaterialButton(
+            onPressed: () {
+              if (_key.currentState.validate()) {
+                _showSuccessDialog();
+              }
+            },
+            height: 50,
+            shape: StadiumBorder(),
+            color: Theme.of(context).primaryColor,
+            child: Center(
+              child: Text(
+                getTranslated(context, 'submit_info'),
+                style: TextStyle(color: Colors.white, fontSize: 20),
+              ),
+            ),
+          )
+        ],
+      ),
+    );
+  }
+
+  Container _drawerList() {
+    TextStyle _textStyle = TextStyle(
+      color: Colors.white,
+      fontSize: 24,
+    );
+    return Container(
+      color: Theme.of(context).primaryColor,
+      child: ListView(
+        padding: EdgeInsets.zero,
+        children: <Widget>[
+          DrawerHeader(
+            child: Container(
+              height: 100,
+              child: CircleAvatar(),
+            ),
+          ),
+          ListTile(
+            leading: Icon(
+              Icons.info,
+              color: Colors.white,
+              size: 30,
+            ),
+            title: Text(
+              getTranslated(context, 'about_us'),
+              style: _textStyle,
+            ),
+            onTap: () {
+              // To close the Drawer
+              Navigator.pop(context);
+              // Navigating to About Page
+              Navigator.pushNamed(context, aboutRoute);
+            },
+          ),
+          ListTile(
+            leading: Icon(
+              Icons.settings,
+              color: Colors.white,
+              size: 30,
+            ),
+            title: Text(
+              getTranslated(context, 'settings'),
+              style: _textStyle,
+            ),
+            onTap: () {
+              // To close the Drawer
+              Navigator.pop(context);
+              // Navigating to About Page
+              Navigator.pushNamed(context, settingsRoute);
+            },
+          ),
+        ],
+      ),
+    );
+  }
+}

fast_med_flutter/lib/pages/not_found_page.dart

@@ -0,0 +1,24 @@
+import 'package:flutter/material.dart';
+
+class NotFoundPage extends StatefulWidget {
+  NotFoundPage({Key key}) : super(key: key);
+
+  @override
+  _NotFoundPageState createState() => _NotFoundPageState();
+}
+
+class _NotFoundPageState extends State<NotFoundPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text("Not Found"),
+      ),
+      body: Container(
+        child: Center(
+          child: Text("Sorry, We couldn't found your page"),
+        ),
+      ),
+    );
+  }
+}

fast_med_flutter/lib/pages/settings_page.dart

@@ -0,0 +1,54 @@
+import 'package:flutter/material.dart';
+import 'package:userstory2translate/classes/language.dart';
+import 'package:userstory2translate/localization/language_constants.dart';
+import 'package:userstory2translate/main.dart';
+
+class SettingsPage extends StatefulWidget {
+  SettingsPage({Key key}) : super(key: key);
+
+  @override
+  _SettingsPageState createState() => _SettingsPageState();
+}
+
+class _SettingsPageState extends State<SettingsPage> {
+  void _changeLanguage(Language language) async {
+    Locale _locale = await setLocale(language.languageCode);
+    MyApp.setLocale(context, _locale);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(getTranslated(context, 'settings')),
+      ),
+      body: Container(
+        child: Center(
+            child: DropdownButton<Language>(
+              iconSize: 30,
+              hint: Text(getTranslated(context, 'change_language')),
+              onChanged: (Language language) {
+                _changeLanguage(language);
+              },
+              items: Language.languageList()
+                  .map<DropdownMenuItem<Language>>(
+                    (e) => DropdownMenuItem<Language>(
+                  value: e,
+                  child: Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceAround,
+                    children: <Widget>[
+                      Text(
+                        e.flag,
+                        style: TextStyle(fontSize: 30),
+                      ),
+                      Text(e.name)
+                    ],
+                  ),
+                ),
+              )
+                  .toList(),
+            )),
+      ),
+    );
+  }
+}

fast_med_flutter/lib/router/custom_router.dart

@@ -0,0 +1,21 @@
+import 'package:flutter/material.dart';
+import 'package:userstory2translate/pages/about_page.dart';
+import 'package:userstory2translate/pages/home_page.dart';
+import 'package:userstory2translate/pages/not_found_page.dart';
+import 'package:userstory2translate/pages/settings_page.dart';
+import 'package:userstory2translate/router/route_constants.dart';
+
+class CustomRouter {
+  static Route<dynamic> generatedRoute(RouteSettings settings) {
+    switch (settings.name) {
+      case homeRoute:
+        return MaterialPageRoute(builder: (_) => HomePage());
+      case aboutRoute:
+        return MaterialPageRoute(builder: (_) => AboutPage());
+      case settingsRoute:
+        return MaterialPageRoute(builder: (_) => SettingsPage());
+      default:
+        return MaterialPageRoute(builder: (_) => NotFoundPage());
+    }
+  }
+}

fast_med_flutter/lib/router/route_constants.dart

@@ -0,0 +1,3 @@
+const String homeRoute = "home";
+const String aboutRoute = "about";
+const String settingsRoute = "settings";