Add chat fr to bottom right

Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>

Author: MachinisteWeb

themes/vue/source/css/_common.styl

@@ -204,3 +204,16 @@ a.button
         border-left 4px solid transparent
         border-right 4px solid transparent
         border-top 5px solid #ccc
+
+    .gitter-open-chat-button
+        background-color: #4fc08d;
+        text-transform: none;
+        -webkit-transition: opacity 1s ease;
+        -moz-transition: opacity 1s ease;
+        -ms-transition: opacity 1s ease;
+        -o-transition: opacity 1s ease;
+        transition: opacity 1s ease;
+        opacity: 0
+
+        &is-displayed
+            opacity: 1;

themes/vue/source/js/common.js

@@ -7,6 +7,31 @@
     initApiSpecLinks()
     initLocationHashFuzzyMatching()
   }
+  initChat()  
+
+  function initChat () {
+      var script = document.createElement("script");
+      window.gitter = {
+          chat: {
+              options: {
+                  room: "vuejs-fr/vue"
+              }
+          }
+      };
+      script.src = "https://sidecar.gitter.im/dist/sidecar.v1.js";
+      script.async = true;
+      script.defer = true;
+      document.body.appendChild(script);
+      (function changeOpenChat() {
+          var name = document.getElementsByClassName("gitter-open-chat-button")[0];
+          if (name) {
+              name.innerHTML = 'Chat rapide';
+              name.classList.add("is-displayed");
+          } else {
+              setTimeout(changeOpenChat, 200);
+          }
+      }());
+  }
 
   function initApiSpecLinks () {
     var apiContent = document.querySelector('.content.api')