eventHook for tabs

Author: Gregor Adams

examples/.meteor/versions

@@ -12,7 +12,7 @@ [email protected]
 [email protected]
 [email protected]
 [email protected]
-codefights:[email protected].7_2
+codefights:[email protected].8
 [email protected]
 [email protected]
 [email protected]

examples/routing/paper-tabs/paper-tabs.html

@@ -3,7 +3,7 @@ <h1>Paper Tabs</h1>
     <div>
 
         {{#PaperTabs selected=0 className="paper-tabs-0"}}
-        {{#PaperTab className="paper-tab-0"}}
+        {{#PaperTab className="paper-tab-0" eventHook="tabEvent"}}
         one
         {{/PaperTab}}
         {{#PaperTab className="paper-tab-0"}}

examples/routing/paper-tabs/paper-tabs.js

@@ -0,0 +1,9 @@
+if (Meteor.isClient) {
+  Template.paperTabs.events(
+  {
+    'click [event-hook=tabEvent]': function(e,instance){
+      console.log('>>>\nclicked tab on: ', instance,'\n<<<')
+    }
+  }
+);
+}

lib/paper-elements/PaperTab/PaperTab.tpl.jade

@@ -1,7 +1,8 @@
 paper-tab(class=className 
           role="tab" 
           aria-disabled="false"
-          link=link)
+          link=link
+          event-hook=eventHook)
   +PaperRipple(className="paper-tab" id="ink")
   div(class="tab-content  paper-tab" flex auto center-center vertical layout)
     if link

package.js

@@ -1,6 +1,6 @@
 Package.describe({
   name: 'codefights:blaze-material-ui',
-  version: '0.1.7_2',
+  version: '0.1.8',
   // Brief, one-line summary of the package.
   summary: 'Material design components for blaze',
   // URL to the Git repository containing the source code for this package.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "blaze-material-ui",
-  "version": "0.1.7_2",
+  "version": "0.1.8",
   "description": "blaze components for material design",
   "main": "Gulpfile.js",
   "directories": {