[103] First attempt at notched corner text fields and all other 103 features

MDC-103/complete/lib/app.dart

@@ -0,0 +1,85 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+import 'home.dart';
+import 'login.dart';
+import 'notched_corner_border.dart';
+import 'supplemental/theming.dart';
+
+class ShrineApp extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);
+
+    return MaterialApp(
+      title: 'Shrine',
+      home: new HomePage(),
+      initialRoute: '/login',
+      onGenerateRoute: _getRoute,
+      theme: _kShrineTheme,
+    );
+  }
+
+  Route<dynamic> _getRoute(RouteSettings settings) {
+    if (settings.name == '/login') {
+      return new MaterialPageRoute<void>(
+        settings: settings,
+        builder: (BuildContext context) => new LoginPage(),
+        fullscreenDialog: true,
+      );
+    }
+
+    return null;
+  }
+}
+
+final ThemeData _kShrineTheme = _buildShrineTheme();
+
+IconThemeData _customIconTheme(IconThemeData original) {
+  return original.copyWith(color: kShrineBrown900);
+}
+
+ThemeData _buildShrineTheme() {
+  final ThemeData base = new ThemeData.light();
+  return base.copyWith(
+    accentColor: kShrineBrown900,
+    primaryColor: kShrinePink100,
+    buttonColor: kShrinePink100,
+    scaffoldBackgroundColor: kShrineBackgroundWhite,
+    cardColor: kShrineBackgroundWhite,
+    textSelectionColor: kShrinePink100,
+    errorColor: kShrineErrorRed,
+    buttonTheme: const ButtonThemeData(
+      textTheme: ButtonTextTheme.accent,
+    ),
+    primaryIconTheme: base.iconTheme.copyWith(
+        color: kShrineBrown900
+    ),
+    inputDecorationTheme: new InputDecorationTheme(
+      border: new NotchedCornerBorder(),
+    ),
+    textTheme: _buildShrineTextTheme(base.textTheme),
+    primaryTextTheme: _buildShrineTextTheme(base.primaryTextTheme),
+    accentTextTheme: _buildShrineTextTheme(base.accentTextTheme),
+    iconTheme: _customIconTheme(base.iconTheme),
+  );
+}
+
+TextTheme _buildShrineTextTheme(TextTheme base) {
+  return base.copyWith(
+    headline: base.headline.copyWith(
+      fontWeight: FontWeight.w500,
+    ),
+    title: base.title.copyWith(
+        fontSize: 18.0
+    ),
+    caption: base.caption.copyWith(
+      fontWeight: FontWeight.w400,
+      fontSize: 14.0,
+    ),
+  ).apply(
+    fontFamily: 'Rubik',
+    displayColor: kShrineBrown900,
+    bodyColor: kShrineBrown900,
+  );
+}

MDC-103/complete/lib/home.dart

@@ -0,0 +1,37 @@
+import 'package:flutter/material.dart';
+
+import 'model/data.dart';
+import 'supplemental/asymmetric_grid.dart';
+
+class HomePage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return new Scaffold(
+      appBar: new AppBar(
+        brightness: Brightness.light,
+        leading: new IconButton(
+          icon: const Icon(Icons.menu),
+          onPressed: () {
+            print('Menu button');
+          },
+        ),
+        title: const Text('SHRINE'),
+        actions: <Widget>[
+          new IconButton(
+            icon: const Icon(Icons.search),
+            onPressed: () {
+              print('Search button');
+            },
+          ),
+          new IconButton(
+            icon: const Icon(Icons.tune),
+            onPressed: () {
+              print('Filter button');
+            },
+          ),
+        ],
+      ),
+      body: ProductsView(products: getAllProducts()),
+    );
+  }
+}

MDC-103/complete/lib/login.dart

@@ -0,0 +1,99 @@
+import 'package:flutter/material.dart';
+
+import 'supplemental/theming.dart';
+
+class LoginPage extends StatefulWidget {
+  @override
+  LoginPageState createState() {
+    return new LoginPageState();
+  }
+}
+
+class LoginPageState extends State<LoginPage> {
+  final _usernameController = new TextEditingController();
+  final _passwordController = new TextEditingController();
+
+  @override
+  Widget build(BuildContext context) {
+    return new Scaffold(
+      body: new SafeArea(
+        child: new ListView(
+          padding: const EdgeInsets.symmetric(horizontal: 24.0),
+          children: <Widget>[
+            const SizedBox(height: 80.0),
+            new Column(
+              children: <Widget>[
+                new Image.asset('assets/diamond.png'),
+                const SizedBox(height: 16.0),
+                new Text(
+                  'SHRINE',
+                  style: Theme.of(context).textTheme.headline,
+                ),
+              ],
+            ),
+            const SizedBox(height: 120.0),
+            new PrimaryColorOverride(
+              color: kShrineBrown900,
+              child: new TextField(
+                controller: _usernameController,
+                decoration: const InputDecoration(
+                  labelText: 'Username',
+                ),
+              ),
+            ),
+            const SizedBox(height: 12.0),
+            new PrimaryColorOverride(
+              color: kShrineBrown900,
+              child: new TextField(
+                controller: _passwordController,
+                decoration: const InputDecoration(
+                  labelText: 'Password',
+                ),
+              ),
+            ),
+            new ButtonBar(
+              children: <Widget>[
+                new FlatButton(
+                  child: const Text('CANCEL'),
+                  shape: BeveledRectangleBorder(
+                    borderRadius: BorderRadius.all(Radius.circular(7.0)),
+                  ),
+                  onPressed: () {
+                    _usernameController.clear();
+                    _passwordController.clear();
+                  },
+                ),
+                new RaisedButton(
+                  child: const Text('NEXT'),
+                  elevation: 8.0,
+                  shape: BeveledRectangleBorder(
+                    borderRadius: BorderRadius.all(Radius.circular(7.0)),
+                  ),
+                  onPressed: () {
+                    Navigator.pop(context);
+                  },
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class PrimaryColorOverride extends StatelessWidget {
+  const PrimaryColorOverride({Key key, this.color, this.child})
+      : super(key: key);
+
+  final Color color;
+  final Widget child;
+
+  @override
+  Widget build(BuildContext context) {
+    return new Theme(
+      child: child,
+      data: Theme.of(context).copyWith(primaryColor: color),
+    );
+  }
+}

MDC-103/complete/lib/main.dart

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

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

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

MDC-103/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)';
+}