An easter egg Angular directive. NBD.

The Best Directive Ever

/**
 * tbde
 * AKA "The Best Directive Ever"
 */
D.directive('tbde', 
["$http","$rootScope", function ($http,$rootScope) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            var randomGifUrl = "http://api.giphy.com/v1/gifs/random?api_key=dc6zaTOxFJmzC&tag=laugh";
            var el = angular.element(element);
            var playing = false;

            function createLaughter(){
                $.ajax(randomGifUrl).success(function(res){ 
                    var img = document.createElement("IMG");
                    img.src = res.data.image_url;
                    img.id = "tbde";
                    img.className = "avatar avatar-tdbe";

                    $("#mainAvatar").addClass("hided");

                    // put into element
                    el.append(img);

                    setTimeout(function(){
                        playing = false;
                        $("#mainAvatar").removeClass("hided");
                        $("#tbde").remove();
                    },5000);
                });
            }


            var keyCombo = "5116"; //shift + 3
            var activeCombo = "";
            var activeKey = "";
            var previousKey = "";
            window.executeKeyTest = function(){
                activeCombo = activeKey + "" + previousKey;
                if(activeCombo === keyCombo){
                    startTbde();
                } else {
                    activeCombo = "";
                }
            };

            window.addEventListener('keydown',function(e){
                previousKey = activeKey;
                activeKey = e.keyCode;
                executeKeyTest();
            });

            function startTbde(){
                if(playing === true){return;}
                playing = true;
                createLaughter();
            }
        }
    };
}]);