Replaces intercom with gitter sidecar on the ember app

huboard · Jan 23, 2017 · c5ddec5 · c5ddec5
1 parent 4a0b533
commit c5ddec5
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 2 deletions.
diff --git a/app/assets/stylesheets/_gitter.scss b/app/assets/stylesheets/_gitter.scss
@@ -0,0 +1,20 @@
+.gitter-open-chat-button {
+  background-color: $hb-purple;
+  font-size: 9px;
+  right: 16px;
+  padding: 0.5em 2em;
+  &:hover {
+    background-color: $hb-purple-dark;
+  }
+  &:focus {
+    background-color: $hb-purple-dark;
+  }
+
+  .ui-icon-x-thin {
+    position: relative;
+    margin-left: -4px;
+    font-size: 7px;
+    float: right;
+    left: 14px;
+  }
+}
diff --git a/app/assets/stylesheets/flex_layout.css.scss b/app/assets/stylesheets/flex_layout.css.scss
@@ -32,6 +32,7 @@
 @import "milestone";
 @import "date_picker";
 @import "sidebar";
+@import "gitter";
 
 body {
   word-wrap: break-word;

diff --git a/app/views/layouts/ember.html.erb b/app/views/layouts/ember.html.erb
@@ -14,13 +14,12 @@
   </head>
   <body class="flex-body" id="application">
 
-     <%= render partial: "shared/analytics" %>
      <script>
       window.EMOJIS = <%= emojis.to_json.html_safe %>;
       window.HUBOARD_ENV = <%= Rails.application.config.client_environment.to_json.html_safe %>;
      </script>
      <%= content_for :javascripts %>
-
+     <%= render partial: "shared/gitter" %>
 
      <script>
         $(function() {

diff --git a/app/views/shared/_gitter.html.erb b/app/views/shared/_gitter.html.erb
@@ -0,0 +1,17 @@
+<script>
+  ((window.gitter = {}).chat = {}).options = { 
+    room: "huboard/huboard",
+    activationElement: ".gitter-open-chat-button"
+  };
+
+  function hideGitter(){
+    var gitter = document.getElementsByClassName("gitter-open-chat-button")[0];
+    gitter.style.display = "none";
+    window.gitter.chat.defaultChat.destroy();
+  }
+</script>
+<script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>
+
+<a href="https://gitter.im/huboard/huboard" class="gitter-open-chat-button">
+  Chat with us!<i class="ui-icon-x-thin" onclick="hideGitter()"></i>
+</a>