sprint 2 carlos integrado

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 '../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/main.dart

@@ -9,6 +9,7 @@ import 'package:fast_med_flutter/routes/album.dart';
 import 'package:flutter/material.dart';
 import 'package:fast_med_flutter/routes/especialidades.dart';
 import 'package:fast_med_flutter/routes/profileinfo.dart';
+import 'routes/translation.dart';
 
 void main() => runApp(MaterialApp(
     initialRoute: '/home',
@@ -23,6 +24,6 @@ void main() => runApp(MaterialApp(
       '/album': (context) => album(),
       '/especialidades': (context) => especialidades(),
       '/perfil': (context) => ProfilePage(),
-      '/translation': (context) => ProfilePage(),
+      '/translation': (context) => translation(),
     }
 ));

fast_med_flutter/lib/pages/about_page.dart

@@ -0,0 +1,26 @@
+import 'package:flutter/material.dart';
+import '../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 '../classes/language.dart';
+import '../localization/language_constants.dart';
+import '../routes/translation.dart';
+import '../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);
+    translation.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 '../classes/language.dart';
+import '../localization/language_constants.dart';
+import '../routes/translation.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);
+    translation.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 '../pages/about_page.dart';
+import '../pages/home_page.dart';
+import '../pages/not_found_page.dart';
+import '../pages/settings_page.dart';
+import '../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";

fast_med_flutter/lib/routes/home.dart

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

fast_med_flutter/lib/routes/translation.dart

@@ -0,0 +1,81 @@
+import 'package:flutter/material.dart';
+import '../localization/localization.dart';
+import '../router/custom_router.dart';
+import '../router/route_constants.dart';
+import 'package:flutter_localizations/flutter_localizations.dart';
+
+import '../localization/language_constants.dart';
+
+void main() => runApp(translation());
+
+class translation extends StatefulWidget {
+  const translation({Key key}) : super(key: key);
+  static void setLocale(BuildContext context, Locale newLocale) {
+    _MyAppState state = context.findAncestorStateOfType<_MyAppState>();
+    state.setLocale(newLocale);
+  }
+
+  @override
+  _MyAppState createState() => _MyAppState();
+}
+
+class _MyAppState extends State<translation> {
+  Locale _locale;
+  setLocale(Locale locale) {
+    setState(() {
+      _locale = locale;
+    });
+  }
+
+  @override
+  void didChangeDependencies() {
+    getLocale().then((locale) {
+      setState(() {
+        this._locale = locale;
+      });
+    });
+    super.didChangeDependencies();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (this._locale == null) {
+      return Container(
+        child: Center(
+          child: CircularProgressIndicator(
+              valueColor: AlwaysStoppedAnimation<Color>(Colors.blue[800])),
+        ),
+      );
+    } else {
+      return MaterialApp(
+        debugShowCheckedModeBanner: false,
+        title: "Flutter Localization Demo",
+        theme: ThemeData(primarySwatch: Colors.blue),
+        locale: _locale,
+        supportedLocales: [
+          Locale("en", "US"),
+          Locale("fa", "IR"),
+          Locale("es", "SP"),
+          Locale("hi", "IN")
+        ],
+        localizationsDelegates: [
+          DemoLocalization.delegate,
+          GlobalMaterialLocalizations.delegate,
+          GlobalWidgetsLocalizations.delegate,
+          GlobalCupertinoLocalizations.delegate,
+        ],
+        localeResolutionCallback: (locale, supportedLocales) {
+          for (var supportedLocale in supportedLocales) {
+            if (supportedLocale.languageCode == locale.languageCode &&
+                supportedLocale.countryCode == locale.countryCode) {
+              return supportedLocale;
+            }
+          }
+          return supportedLocales.first;
+        },
+        onGenerateRoute: CustomRouter.generatedRoute,
+        initialRoute: homeRoute,
+      );
+    }
+  }
+}

fast_med_flutter/pubspec.lock

@@ -188,6 +188,11 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_localizations:
+    dependency: "direct main"
+    description: flutter
+    source: sdk
+    version: "0.0.0"
   flutter_login:
     dependency: "direct main"
     description:

fast_med_flutter/pubspec.yaml

@@ -37,6 +37,8 @@ dependencies:
   shared_preferences: ^0.5.4+5
   flutter_login: ^1.0.14
   google_fonts: ^1.1.1
+  flutter_localizations:
+    sdk: flutter
 
   #
   http: ^0.12.2
@@ -59,9 +61,9 @@ flutter:
   uses-material-design: true
 
   # To add assets to your application, add an assets section, like this:
-  # assets:
-  #   - images/a_dot_burr.jpeg
-  #   - images/a_dot_ham.jpeg
+  assets:
+    - lib/languages/en.json
+    - lib/languages/es.json
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware.