From 9c6c7f3ccacb64d04116dab34976ee104800aab3 Mon Sep 17 00:00:00 2001
From: Dustin Schau <dustinschau@gmail.com>
Date: Thu, 27 Apr 2017 15:32:30 -0500
Subject: [PATCH] add in duration for remaining slides; fix errors in slide
 deck

---
 src/slides/06-model-driven-forms/01.md    |  4 +-
 src/slides/07-pipes/01.md                 |  6 +--
 src/slides/07-pipes/05.md                 |  2 +-
 src/slides/07-pipes/07.md                 |  2 +-
 src/slides/07-pipes/08.md                 |  2 +-
 src/slides/08-structural-directives/01.md |  3 +-
 src/slides/09-attribute-directives/02.md  |  2 +
 src/slides/09-attribute-directives/03.md  | 46 ++++++++++++++++++++-
 src/slides/09-attribute-directives/04.md  | 49 ++++-------------------
 src/slides/09-attribute-directives/05.md  | 12 ------
 src/slides/10-module-based-routing/01.md  |  4 +-
 src/slides/11-testing/01.md               |  4 +-
 src/slides/12-application-perf/01.md      |  2 +-
 src/slides/13-upgrade-component/01.md     |  3 +-
 src/slides/14-upgrade-app/01.md           |  3 +-
 15 files changed, 71 insertions(+), 73 deletions(-)
 delete mode 100644 src/slides/09-attribute-directives/05.md

diff --git a/src/slides/06-model-driven-forms/01.md b/src/slides/06-model-driven-forms/01.md
index 6db14da..ac263d3 100644
--- a/src/slides/06-model-driven-forms/01.md
+++ b/src/slides/06-model-driven-forms/01.md
@@ -1,6 +1,6 @@
 # Model Driven Forms
 
 <aside class="notes">
-  Duration:
-  Lab Duration: 
+  Duration: 15:00
+  Lab Duration: 45:00
 </aside>
diff --git a/src/slides/07-pipes/01.md b/src/slides/07-pipes/01.md
index d82bbfa..fc146ae 100644
--- a/src/slides/07-pipes/01.md
+++ b/src/slides/07-pipes/01.md
@@ -1,6 +1,6 @@
 # Pipes
 
-<aside class="notes">
-  Duration:
-  Lab Duration: 
+<aside class="notes" data-markdown>
+  Duration: 10:00
+  Lab Duration: 20:00
 </aside>
diff --git a/src/slides/07-pipes/05.md b/src/slides/07-pipes/05.md
index a5ff180..7f89e99 100644
--- a/src/slides/07-pipes/05.md
+++ b/src/slides/07-pipes/05.md
@@ -3,7 +3,7 @@
 ```typescript
 import { Pipe, PipeTransform } from '@angular/core';
 
-@Pipe({name: 'people-years'})
+@Pipe({name: 'peopleYears'})
 export class PeopleYearsPipe implements PipeTransform {
   transform(age: number): number {
     return age * 7;
diff --git a/src/slides/07-pipes/07.md b/src/slides/07-pipes/07.md
index 49bc309..e603579 100644
--- a/src/slides/07-pipes/07.md
+++ b/src/slides/07-pipes/07.md
@@ -11,7 +11,7 @@ Template
     </md-list-item>
     <md-list-item *ngFor="let dog of dogs">
       <h3 md-line>{{dog.name}}</h3>
-      <p md-line>{{dog.age | people-years}} old {{dog.breed}}</p>
+      <p md-line>{{dog.age | peopleYears}} old {{dog.breed}}</p>
     </md-list-item>
   </md-list>
 </div>
diff --git a/src/slides/07-pipes/08.md b/src/slides/07-pipes/08.md
index e3eade7..bb21450 100644
--- a/src/slides/07-pipes/08.md
+++ b/src/slides/07-pipes/08.md
@@ -2,4 +2,4 @@
 
 - Create a custom pipe for the timesheet list component
 - Takes as input the timesheet
-- Outputs the  current status of a timsheet as pending, active, or complete.
+- Outputs the  current status of a timesheet as pending, active, or complete.
diff --git a/src/slides/08-structural-directives/01.md b/src/slides/08-structural-directives/01.md
index e6181ff..bba1f84 100644
--- a/src/slides/08-structural-directives/01.md
+++ b/src/slides/08-structural-directives/01.md
@@ -1,5 +1,6 @@
 # Structural Directives
 
 <aside class="notes">
-  Duration:
+  Duration: 15:00
+  Workshop: 20:00
 </aside>
diff --git a/src/slides/09-attribute-directives/02.md b/src/slides/09-attribute-directives/02.md
index 8b13789..b2ecb71 100644
--- a/src/slides/09-attribute-directives/02.md
+++ b/src/slides/09-attribute-directives/02.md
@@ -1 +1,3 @@
+## Example
 
+Let's build a directive that applies some styles for an "old dog"
diff --git a/src/slides/09-attribute-directives/03.md b/src/slides/09-attribute-directives/03.md
index b2ecb71..cce6304 100644
--- a/src/slides/09-attribute-directives/03.md
+++ b/src/slides/09-attribute-directives/03.md
@@ -1,3 +1,45 @@
-## Example
+## `appDogAge`
 
-Let's build a directive that applies some styles for an "old dog"
+```typescript
+import { Directive, ElementRef, Input } from '@angular/core';
+
+@Directive({ selector: '[appDogAge]' })
+export class DogAgeDirective {
+  private existingStyle: any;
+
+  @Input()
+  set appDogAge(age: number) {
+    if ( age >= 14 ) {
+      this.setStyle();
+    } else {
+      this.removeStyle();
+    }
+  }
+
+  @Input()
+  oldAge: number = 14;
+
+  constructor(private el: ElementRef) {}
+
+  private setStyle(): void {
+    if ( !this.existingStyle ) {
+      this.existingStyle = {
+        color: this.el.nativeElement.style.color,
+        textDecoration: this.el.nativeElement.style.textDecoration
+      };
+
+      this.el.nativeElement.style.color = '#AAAAAA';
+      this.el.nativeElement.style.textDecoration = 'strikthrough';
+    }
+  }
+
+  private removeStyle(): void {
+    if ( this.existingStyle ) {
+      Object.keys(this.existingStyle)
+        .forEach((key: string) => {
+          this.el.nativeElement.style[key] = this.existingStyle[key];
+        });
+    }
+  }
+}
+```
diff --git a/src/slides/09-attribute-directives/04.md b/src/slides/09-attribute-directives/04.md
index edd9c5b..79b1e34 100644
--- a/src/slides/09-attribute-directives/04.md
+++ b/src/slides/09-attribute-directives/04.md
@@ -1,45 +1,12 @@
-## `appDogAge`
+## Lab 7
 
-```typescript
-import { Directive, ElementRef, Input } from '@angular/core';
-
-@Directive({ selector: ['appDogAge'] })
-export class DogAgeDirective {
-  private existingStyle: any;
-
-  @Input()
-  set appDogAge(age: number) {
-    if ( age >= 14 ) {
-      this.setStyle();
-    } else {
-      this.removeStyle();
-    }
-  }
-
-  @Input()
-  oldAge: number = 14;
+- Create an `[atEmployee]` directive in `src/app/employee/employee-list/employee.directive.ts`
+- This directive should take an `Employee` instance and output to the component's innerHTML the employee's name and whether an admin or not
+- Note: `ElementRef` from `@angular/core` is helpful, as is the following snippet
 
-  constructor(private el: ElementRef) {}
-
-  private setStyle(): void {
-    if ( !this.existingStyle ) {
-      this.existingStyle = {
-        color: this.el.nativeElement.style.color,
-        textDecoration: this.el.nativeElement.style.textDecoration
-      };
-
-      this.el.nativeElement.style.color = '#AAAAAA';
-      this.el.nativeElement.style.textDecoration = 'strikthrough';
-    }
-  }
-
-  private removeStyle(): void {
-    if ( this.existingStyle ) {
-      Object.keys(this.existingStyle)
-        .forEach((key: string) => {
-          this.el.nativeElement.style[key] = this.existingStyle[key];
-        });
-    }
-  }
+```typescript
+@Input()
+set someValue() {
+  // this is called each time someValue is updated
 }
 ```
diff --git a/src/slides/09-attribute-directives/05.md b/src/slides/09-attribute-directives/05.md
deleted file mode 100644
index 79b1e34..0000000
--- a/src/slides/09-attribute-directives/05.md
+++ /dev/null
@@ -1,12 +0,0 @@
-## Lab 7
-
-- Create an `[atEmployee]` directive in `src/app/employee/employee-list/employee.directive.ts`
-- This directive should take an `Employee` instance and output to the component's innerHTML the employee's name and whether an admin or not
-- Note: `ElementRef` from `@angular/core` is helpful, as is the following snippet
-
-```typescript
-@Input()
-set someValue() {
-  // this is called each time someValue is updated
-}
-```
diff --git a/src/slides/10-module-based-routing/01.md b/src/slides/10-module-based-routing/01.md
index cafcf6d..1a70158 100644
--- a/src/slides/10-module-based-routing/01.md
+++ b/src/slides/10-module-based-routing/01.md
@@ -1,6 +1,6 @@
 # Module Based Routing
 
 <aside class="notes">
-  Duration:
-  Lab Duration: 
+  Duration: 25:00
+  Lab Duration: 0:00
 </aside>
diff --git a/src/slides/11-testing/01.md b/src/slides/11-testing/01.md
index ca5e077..f5caa1e 100644
--- a/src/slides/11-testing/01.md
+++ b/src/slides/11-testing/01.md
@@ -1,6 +1,6 @@
 # Testing
 
 <aside class="notes">
-  Duration:
-  Lab Duration: 
+  Duration: 30:00
+  Lab Duration: 30:00
 </aside>
diff --git a/src/slides/12-application-perf/01.md b/src/slides/12-application-perf/01.md
index 72ff1a7..d8a7abb 100644
--- a/src/slides/12-application-perf/01.md
+++ b/src/slides/12-application-perf/01.md
@@ -1,5 +1,5 @@
 # Application Performance
 
 <aside class="notes">
-  Duration:
+  Duration: 20:00
 </aside>
diff --git a/src/slides/13-upgrade-component/01.md b/src/slides/13-upgrade-component/01.md
index c5f7353..d4cbd8d 100644
--- a/src/slides/13-upgrade-component/01.md
+++ b/src/slides/13-upgrade-component/01.md
@@ -1,6 +1,5 @@
 # Upgrade Component
 
 <aside class="notes">
-  Duration:
-  Lab Duration: 
+  Duration: 10:00
 </aside>
diff --git a/src/slides/14-upgrade-app/01.md b/src/slides/14-upgrade-app/01.md
index bfdd635..343dcf1 100644
--- a/src/slides/14-upgrade-app/01.md
+++ b/src/slides/14-upgrade-app/01.md
@@ -1,6 +1,5 @@
 # Upgrade Application
 
 <aside class="notes">
-  Duration:
-  Lab Duration: 
+  Duration: 10:00
 </aside>