arrowMessage.js

Go to the documentation of this file.

 
define( [
                'jquery/ui/jquery.ui.position',
                'remoto!stdlib:js/paneManager/arrowMessage.css'
        ],
        function()
        {
                'use strict';
 
                function arrowMessage(message,o,at,my,offset,persistent)
                {
                        var v = o.is(":visible");
 
                        if (!v) return;
 
                        var THIS = this;
                        //this._object = o;
                        var b = $('body');
 
                        var m = $("<div class='arrowMessage'>");
                        m.text(message);
 
                        b.append(m);
 
                        offset = offset || {left:0, top:0};
                        offset.left = offset.left || 0;
                        offset.top = offset.top || 0;
                        //console.log(offset);
 
                        m.position({
                                of: o,
                                my: my || "left top",
                                at: at || "left+3 bottom+6",
                                using:  function(obj,info)
                                        {
                                                if (info.vertical !== "top")            m.addClass( 'arrowMessageBottom' );
                                                if (info.horizontal === "right")        m.addClass( 'arrowMessageRight' );
 
                                                $(this).css({ left:(obj.left+offset.left)+"px", top:(obj.top+offset.top)+"px" });
                                        },
                        });
 
                        if (!persistent)
                                m.delay(2000).animate( {"opacity":0}, 200, THIS.complete.bind(this) );
 
                        this._html = m;
                        this._completeCallback = null;
                }
 
                arrowMessage.prototype = {
 
                        message:        function(m)
                                        {
                                                if (!this._html) return;
 
                                                this._html.text(m);
                                        },
 
                        goAway:         function()
                                        {
                                                var THIS = this;
                                                var mm = this._html;
                                                mm.stop(true).animate( {"opacity":0}, 200, THIS.complete.bind(this) );
                                        },
 
                        complete:       function()
                                        {
                                                //console.log("complete");
 
                                                if (this._completeCallback)
                                                        this._completeCallback();
 
                                                this.destroy();
                                        },
 
                        destroy:        function()
                                        {
                                                if (this._html)
                                                        this._html.remove();
 
                                                this._html = null;
                                        },
                }
 
                return arrowMessage;
        }
);