[102] Complete

MDC-102/complete/.gitignore

@@ -0,0 +1,11 @@
+.DS_Store
+.atom/
+.dart_tool/
+.idea
+.vscode/
+.packages
+.pub/
+build/
+ios/.generated/
+packages
+.flutter-plugins

MDC-102/complete/.metadata

@@ -0,0 +1,8 @@
+# This file tracks properties of this Flutter project.
+# Used by Flutter tool to assess capabilities and perform upgrades etc.
+#
+# This file should be version controlled and should not be manually edited.
+
+version:
+  revision: 5a58b36e36b8d7aace89d3950e6deb307956a6a0
+  channel: beta

MDC-102/complete/lib/app.dart

@@ -0,0 +1,28 @@
+import 'package:flutter/material.dart';
+
+import 'home.dart';
+import 'login.dart';
+
+class ShrineApp extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'Shrine',
+      home: HomePage(),
+      initialRoute: '/login',
+      onGenerateRoute: _getRoute,
+    );
+  }
+
+  Route<dynamic> _getRoute(RouteSettings settings) {
+    if (settings.name != '/login') {
+      return null;
+    }
+
+    return MaterialPageRoute<void>(
+      settings: settings,
+      builder: (BuildContext context) => LoginPage(),
+      fullscreenDialog: true,
+    );
+  }
+}

MDC-102/complete/lib/home.dart

@@ -0,0 +1,101 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+
+import 'model/data.dart';
+import 'model/product.dart';
+
+class HomePage extends StatefulWidget {
+  @override
+  _HomePageState createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> {
+  List<Card> _buildGridCards() {
+    List<Product> products = getAllProducts();
+
+    if (products == null || products.isEmpty) {
+      return const <Card>[];
+    }
+
+    final ThemeData theme = Theme.of(context);
+    final NumberFormat formatter = NumberFormat.simpleCurrency(
+        locale: Localizations.localeOf(context).toString());
+
+    return products.map((product) {
+      return Card(
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: <Widget>[
+            AspectRatio(
+              aspectRatio: 18 / 11,
+              child: Image.asset(
+                'assets/${product.id}-1.jpg',
+                fit: BoxFit.fitWidth,
+              ),
+            ),
+            Expanded(
+              child: Padding(
+                padding: EdgeInsets.fromLTRB(16.0, 12.0, 16.0, 8.0),
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: <Widget>[
+                    // TODO(larche): Make headline6 when available
+                    Text(
+                      product.name,
+                      style: theme.textTheme.title,
+                      maxLines: 1,
+                    ),
+                    SizedBox(height: 8.0),
+                    // TODO(larche): Make subtitle2 when available
+                    Text(
+                      formatter.format(product.price),
+                      style: theme.textTheme.body2,
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ),
+      );
+    }).toList();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(
+          icon: Icon(Icons.menu),
+          onPressed: () {
+            print('Menu button');
+          },
+        ),
+        title: Text('SHRINE'),
+        actions: <Widget>[
+          IconButton(
+            icon: Icon(Icons.search),
+            onPressed: () {
+              print('Search button');
+            },
+          ),
+          IconButton(
+            icon: Icon(Icons.tune),
+            onPressed: () {
+              print('Filter button');
+            },
+          ),
+        ],
+      ),
+      body: Center(
+        child: GridView.count(
+          crossAxisCount: 2,
+          children: _buildGridCards(),
+          padding: EdgeInsets.all(16.0),
+          mainAxisSpacing: 8.0,
+          childAspectRatio: 8.0 / 9.0,
+        ),
+      ),
+    );
+  }
+}

MDC-102/complete/lib/login.dart

@@ -0,0 +1,53 @@
+import 'package:flutter/material.dart';
+
+class LoginPage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: SafeArea(
+        child: ListView(
+          padding: EdgeInsets.symmetric(horizontal: 24.0),
+          children: <Widget>[
+            SizedBox(height: 80.0),
+            Column(
+              children: <Widget>[
+                Image.asset('assets/diamond.png'),
+                SizedBox(height: 16.0),
+                Text('SHRINE'),
+              ],
+            ),
+            SizedBox(height: 120.0),
+            TextField(
+              decoration: InputDecoration(
+                filled: true,
+                labelText: 'Username',
+              ),
+            ),
+            SizedBox(height: 12.0),
+            TextField(
+              decoration: InputDecoration(
+                filled: true,
+                labelText: 'Password',
+              ),
+              obscureText: true,
+            ),
+            ButtonBar(
+              children: <Widget>[
+                FlatButton(
+                  child: Text('CANCEL'),
+                  onPressed: null,
+                ),
+                RaisedButton(
+                  child: Text('NEXT'),
+                  onPressed: () {
+                    Navigator.pop(context);
+                  },
+                ),
+              ],
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}

MDC-102/complete/lib/main.dart

@@ -0,0 +1,5 @@
+import 'package:flutter/material.dart';
+
+import 'app.dart';
+
+void main() => runApp(ShrineApp());

MDC-102/complete/lib/model/data.dart

@@ -0,0 +1,34 @@
+import 'product.dart';
+
+List<Product> getAllProducts() {
+  return <Product>[
+    Product(
+      category: Category.home,
+      id: 0,
+      isFeatured: true,
+      name: 'Tab Can',
+      price: 35,
+    ),
+    Product(
+      category: Category.accessories,
+      id: 1,
+      isFeatured: false,
+      name: 'Pineapple Wallpaper',
+      price: 80,
+    ),
+    Product(
+      category: Category.clothing,
+      id: 2,
+      isFeatured: false,
+      name: 'Tab & Fresca Cooler',
+      price: 100,
+    ),
+    Product(
+      category: Category.home,
+      id: 3,
+      isFeatured: false,
+      name: 'Capris',
+      price: 5,
+    ),
+  ];
+}

MDC-102/complete/lib/model/product.dart

@@ -0,0 +1,26 @@
+import 'package:flutter/foundation.dart';
+
+enum Category { none, accessories, clothing, home }
+
+class Product {
+  const Product({
+    @required this.category,
+    @required this.id,
+    @required this.isFeatured,
+    @required this.name,
+    @required this.price,
+  })  : assert(category != null),
+        assert(id != null),
+        assert(isFeatured != null),
+        assert(name != null),
+        assert(price != null);
+
+  final Category category;
+  final int id;
+  final bool isFeatured;
+  final String name;
+  final int price;
+
+  @override
+  String toString() => "$name (id=$id)";
+}

MDC-102/complete/pubspec.yaml

@@ -0,0 +1,23 @@
+name: mdc_101_complete
+description: >
+  Learn the basics of using Material Components by building a simple app with core components.
+
+dependencies:
+  flutter:
+    sdk: flutter
+  intl: "^0.15.4"
+
+  cupertino_icons: ^0.1.0
+
+dev_dependencies:
+  flutter_test:
+    sdk: flutter
+
+flutter:
+  uses-material-design: true
+  assets:
+    - assets/diamond.png
+    - assets/0-1.jpg
+    - assets/1-1.jpg
+    - assets/2-1.jpg
+    - assets/3-1.jpg