add example usage of new jsonp render helper

OpenTechSchool · Dec 10, 2016 · ba56ae5 · ba56ae5
1 parent 9dbeffd
commit ba56ae5
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/_chapters/berlin.md b/_chapters/berlin.md
@@ -6,6 +6,7 @@ tagline: "Where everything started... and you can take a ride in a rotating TV t
 twitter: OTS_BLN
 widget_id: 276335676528672768
 discourse_group: TeamBerlin
+meetup_group: "opentechschool-berlin"
 background: berlin.jpg
 does:
   hackership

diff --git a/_includes/components/member_count_example.html b/_includes/components/member_count_example.html
@@ -0,0 +1,14 @@
+<div id="js-membercount">
+</div>
+
+<script id="tmpl-membercount" type="text/template">
+  ${data.members} Learners
+</script>
+
+
+<script type="text/javascript">
+onStartUp(function() { fetchJSONPAndRender(
+  'https://api.meetup.com/{{page.meetup_group}}?key=' + MEETUPCOM_KEY,
+  'js-membercount',
+  ['tmpl-membercount'])});
+</script>
diff --git a/_layouts/chapter.html b/_layouts/chapter.html
@@ -17,6 +17,10 @@ <h2 >
         {{page.tagline}}
       </h2>
     {% endif %}
+
+      {% if page.meetup_group %}
+        {% include components/member_count_example.html %}
+      {% endif %}
   </div>
   </header>