hipchat-giphy "integration"

hipchat-giphy

(function () {
  function giphy(word, callback) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://api.giphy.com/v1/gifs/translate?api_key=dc6zaTOxFJmzC&s=' + encodeURIComponent(word));
    xhr.onreadystatechange = function(e) {
      if(xhr.readyState === 4) {
        var url = JSON.parse(e.target.responseText).data.images.fixed_height.url;
        callback(url);
      }
    };
    xhr.send();
  }


  var giphyForm = document.createElement('form');
  giphyForm.innerHTML = '<input id="giphybox" placeholder="giphy">';
  giphyForm.style.position = 'absolute';
  giphyForm.style.right = '110px';
  giphyForm.style.top = '5px';
  giphyForm.style.width= '180px';
  giphyForm.style.height = '24px';

  var topbar = document.querySelector('#top_bar');
  var searchButton = document.querySelector('#search_button');
  topic.style.marginRigh = '200px';
  topbar.insertBefore(giphyForm, searchButton);

  giphyForm.addEventListener('submit', function(e){
    e.preventDefault();
    var giphybox = document.querySelector('#giphybox');
    var value = giphybox.value;
    giphyForm.reset();
    giphy(value, function(url){
      document.querySelector('#message_input').value = 'giphy: ' + value;
      chat.send_message();

      document.querySelector('#message_input').value = url;
      chat.send_message();
    });

  });
})();