From c8945679872a0708eb67a477a99a65d508c84cb0 Mon Sep 17 00:00:00 2001
From: Maxime Quandalle <maxime@quandalle.com>
Date: Fri, 12 Jun 2015 13:59:39 +0200
Subject: Work on the card activities and comments

This commit also introduces a new CSSEvents object that is used to
abstract vendor specifics events related to CSS transitions and
animations.

Fixes #183.
Fixes #179.
---
 client/lib/cssEvents.js | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 client/lib/cssEvents.js

(limited to 'client/lib/cssEvents.js')

diff --git a/client/lib/cssEvents.js b/client/lib/cssEvents.js
new file mode 100644
index 00000000..487ba69b
--- /dev/null
+++ b/client/lib/cssEvents.js
@@ -0,0 +1,42 @@
+// XXX Should we use something like Moderniz instead of our custom detector?
+
+var whichTransitionEvent = function() {
+  var t;
+  var el = document.createElement('fakeelement');
+  var transitions = {
+    transition:'transitionend',
+    OTransition:'oTransitionEnd',
+    MSTransition:'msTransitionEnd',
+    MozTransition:'transitionend',
+    WebkitTransition:'webkitTransitionEnd'
+  };
+
+  for (t in transitions) {
+    if (el.style[t] !== undefined) {
+      return transitions[t];
+    }
+  }
+};
+
+var whichAnimationEvent = function() {
+  var t;
+  var el = document.createElement('fakeelement');
+  var transitions = {
+    animation:'animationend',
+    OAnimation:'oAnimationEnd',
+    MSTransition:'msAnimationEnd',
+    MozAnimation:'animationend',
+    WebkitAnimation:'webkitAnimationEnd'
+  };
+
+  for (t in transitions) {
+    if (el.style[t] !== undefined) {
+      return transitions[t];
+    }
+  }
+};
+
+CSSEvents = {
+  transitionend: whichTransitionEvent(),
+  animationend: whichAnimationEvent()
+};
-- 
cgit v1.2.3-1-g7c22