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

MDC-103/complete/lib/app.dart

@@ -0,0 +1,87 @@
+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 {
+  ThemeData _customTheme(BuildContext context) {
+    final ThemeData theme = Theme.of(context);
+    return theme.copyWith(
+      accentColor: kShrineBrown900,
+      primaryColor: kShrinePink100,
+      buttonColor: kShrinePink100,
+      scaffoldBackgroundColor: kShrineBackgroundWhite,
+      cardColor: kShrineBackgroundWhite,
+      textSelectionColor: kShrinePink100,
+      errorColor: kShrineErrorRed,
+      buttonTheme: const ButtonThemeData(
+        textTheme: ButtonTextTheme.accent,
+      ),
+      textTheme: _customTextTheme(theme.textTheme),
+      primaryTextTheme: _customTextTheme(theme.primaryTextTheme),
+      primaryIconTheme: _customIconTheme(theme.primaryIconTheme),
+      inputDecorationTheme:
+          new InputDecorationTheme(border: new NotchedCornerBorder()),
+    );
+  }
+
+  IconThemeData _customIconTheme(IconThemeData original) {
+    return original.copyWith(color: kShrineBrown900);
+  }
+
+  TextTheme _customTextTheme(TextTheme original) {
+    const String rubik = 'Rubik';
+
+    return original
+        .copyWith(
+          display4: original.display4.copyWith(fontFamily: rubik),
+          display3: original.display3.copyWith(fontFamily: rubik),
+          display2: original.display2.copyWith(fontFamily: rubik),
+          display1: original.display1.copyWith(fontFamily: rubik),
+          headline: original.headline.copyWith(
+            fontFamily: rubik,
+            fontWeight: FontWeight.w500,
+          ),
+          title: original.title.copyWith(fontFamily: rubik, fontSize: 18.0),
+          subhead: original.subhead.copyWith(fontFamily: rubik),
+          caption: original.caption.copyWith(
+            fontFamily: rubik,
+            fontWeight: FontWeight.w400,
+            fontSize: 14.0,
+          ),
+          button: original.button.copyWith(fontFamily: rubik),
+        )
+        .apply(
+          displayColor: kShrineBrown900,
+          bodyColor: kShrineBrown900,
+        );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);
+
+    return MaterialApp(
+      title: 'Shrine',
+      home: new HomePage(),
+      initialRoute: '/login',
+      onGenerateRoute: _getRoute,
+      theme: _customTheme(context),
+    );
+  }
+
+  Route<dynamic> _getRoute(RouteSettings settings) {
+    if (settings.name == '/login') {
+      return new MaterialPageRoute<void>(
+        settings: settings,
+        builder: (BuildContext context) => new LoginPage(),
+        fullscreenDialog: true,
+      );
+    }
+
+    return null;
+  }
+}

MDC-103/complete/lib/home.dart

@@ -0,0 +1,45 @@
+import 'package:flutter/material.dart';
+
+import 'supplemental/asymmetric_grid.dart';
+
+class HomePage extends StatefulWidget {
+  @override
+  _HomePageState createState() => new _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> {
+  @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: new ListView(
+        scrollDirection: Axis.horizontal,
+        padding: const EdgeInsets.fromLTRB(0.0, 34.0, 16.0, 44.0),
+        children: buildGridCardsAsymmetric(context),
+      ),
+    );
+  }
+}

MDC-103/complete/lib/login.dart

@@ -0,0 +1,73 @@
+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(
+      backgroundColor: kShrineSurfaceWhite,
+      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 TextField(
+              controller: _usernameController,
+              decoration: const InputDecoration(
+                labelText: 'Username',
+              ),
+            ),
+            const SizedBox(height: 12.0),
+            new TextField(
+              controller: _passwordController,
+              decoration: const InputDecoration(
+                labelText: 'Password',
+              ),
+              obscureText: true,
+            ),
+            new ButtonBar(
+              children: <Widget>[
+                new FlatButton(
+                  child: const Text('CANCEL'),
+                  onPressed: () {
+                    _usernameController.clear();
+                    _passwordController.clear();
+                  },
+                ),
+                new RaisedButton(
+                  child: const Text('NEXT'),
+                  elevation: 8.0,
+                  onPressed: () {
+                    Navigator.pop(context);
+                  },
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

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)";
+}