add episode notes for 90

Author: jschwarty

episodes/2016-11-29/notes.md

@@ -0,0 +1,42 @@
+### Host
++ [Justin Schwartzenberger](https://twitter.com/schwarty)
+
+### Guest
++ [Mike Ryan](https://twitter.com/mikeryan52)
+
+### Panelists
++ [Austin McDaniel](https://twitter.com/amcdnl)
++ [Mike Brocchi](https://twitter.com/Brocco)
++ [Olivier Combe](https://twitter.com/OCombe)
+
+### Episode Notes
++ Introductions
++ What is ngrx
+  + What are the different packages?
+  + Why are they separate?
++ Demos
+  + Basic reducers
+  + Injecting Store
+  + Smart/Dumb Components
+  + Isolating side effects with ngrx/effects
+
+### Picks
++ Justin Schwartzenberger
+  + Forbes.com article with Misko  
+    Miško Hevery, Inventor of Angular And How Open Source Languages Are Redefining Enterprise Software  
+    <http://www.forbes.com/sites/louiscolumbus/2016/11/14/misko-hevery-inventor-of-angular-and-how-open-source-languages-are-redefining-enterprise-software/#3029a2a54351>
+  + Samsung SmartHome  
+    <https://www.smartthings.com>
++ Mike Ryan
+  + SimplySNAP - Lighting platform  
+    <http://www.synapse-wireless.com/simplysnap>
+  + Offscreen  
+    <http://www.offscreenmag.com/> 
+  + @ngrx/example-app  
+    <https://github.com/ngrx/example-app> 
++ Austin McDaniel
+  + The Grammar of Graphics  
+    <https://g2.alipay.com/>
++ Mike Brocchi
+  + Angular 2 Flex Layout  
+    <https://github.com/angular/flex-layout> (even though Austin stole it)

index.html

@@ -48,6 +48,7 @@ <h2>
     <h2>Upcoming Episodes</h2>
 
     <div ng-repeat="episode in vm.episodes" class="episode">
+      <a ng-if="episode.number > 0" id="episode-{{::episode.number}}"></a>
       <div class="main-episode-content">
         <h3 class="episode__title">
           <a ng-href="{{::episode.hangoutUrl}}">{{::episode.title}}</a>
@@ -70,6 +71,14 @@ <h3 class="episode__title">
             Stay tuned for a YouTube link!
           </span>
         </div>
+        <div ng-if="::episode.hasNotes" class="notes">
+          <a ng-click="episode.notesAreVisible = !episode.notesAreVisible" class="toggle">
+            Notes ({{episode.notesAreVisible ? 'click to hide' : 'click to show'}})
+          </a>
+          <div class="episode__notes justify"
+              ng-style="{'display': episode.notesAreVisible ? 'block' : 'none'}"
+              ng-bind-html="::episode.notes"></div>
+        </div>
         <person-group groups="episode.guests"></person-group>
       </div>
       <div class="episode__description justify" ng-bind-html="::episode.description"></div>

script.js

@@ -50,12 +50,15 @@
 
     vm.episodes = [
       {
+        number: 90,
         title: 'ngrx with Mike Ryan',
         displayDate: 'Tuesday, November 29, 2016',
         date: '2016-11-29',
         time: '11:00 AM (Pacific Time)',
         hangoutUrl: 'http://ngair.io/ngrx-2016',
-        guests: [[]]
+        guests: [[]],
+        hasNotes: true,
+        notesAreVisible: false
       },
       {
         title: 'Angular and D3 for Data Visualization with Marjan Georgiev, Olivier Combe and Austin McDaniel',
@@ -1285,6 +1288,11 @@
           }
         });
       });
+      if(episode.hasNotes) {
+        markdownGetter.getNotes(episode.date).then(function success(markdown) {
+          episode.notes = $sce.trustAsHtml(markdown);
+        });
+      }
 
       // markdownGetter.getDescription(episode.date).then(function success(markdown) {
       //   episode.description = $sce.trustAsHtml(markdown);