Click event/touchable (#131)

* add screen and click events in beagle angular components * add click event in touchable component * add click event in touchable component Co-authored-by: Tiago Peres França <[email protected]>
ZupIT · Jun 26, 2020 · 52382b7 · 52382b7
1 parent 904daba
commit 52382b7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/components/beagle-touchable/beagle-touchable.component.ts b/src/components/beagle-touchable/beagle-touchable.component.ts
@@ -15,6 +15,8 @@
 */
 
 import { Component, Input, ViewEncapsulation } from '@angular/core'
+import { ClickEvent } from '@zup-it/beagle-web/types'
+import { BeagleAnalytics } from '@zup-it/beagle-web'
 import { BeagleTouchableInterface } from '../schemas/touchable'
 
 @Component({
@@ -25,8 +27,13 @@ import { BeagleTouchableInterface } from '../schemas/touchable'
 })
 export class BeagleTouchableComponent implements BeagleTouchableInterface {
   @Input() onPress: () => void
+  @Input() clickAnalyticsEvent?: ClickEvent
+  beagleAnalytics = BeagleAnalytics.getAnalytics()
 
   handleClick() {
+    if (this.clickAnalyticsEvent && this.beagleAnalytics) {
+      this.beagleAnalytics.trackEventOnClick(this.clickAnalyticsEvent)
+    }
     if (this.onPress) this.onPress()
   }
 }
diff --git a/src/components/schemas/touchable.ts b/src/components/schemas/touchable.ts
@@ -14,6 +14,9 @@
   * limitations under the License.
 */
 
+import { ClickEvent } from '@zup-it/beagle-web/types'
+
 export interface BeagleTouchableInterface {
   onPress: () => void,
+  clickAnalyticsEvent?: ClickEvent,
 }