snapdrop/app/elements/text-sharing/text-input-behavior.html

<link rel="import" href="text-input-dialog.html">
<script>
'use strict';
window.Chat = window.Chat || {};
(function() {
    var textInput = Polymer.Base.create('text-input-dialog');
    textInput.className = 'textInput';
    document.body.appendChild(textInput);
    Chat.TextInputBehavior = {
        properties: {
            contact: Object,
        },
        get textInput() {
            var textInput = Polymer.dom(document).querySelector('.textInput');
            return textInput;
        },
        openTextDialog: function() {
            this.textInput.open(this.contact);
        },

        listeners: {
            'contextmenu': '_handleContextMenu',
            'down': '_handleDown',
            'up': '_handleUp',
        },
        _handleContextMenu: function(ev) {
            ev.preventDefault();
            ev.stopPropagation();
            ev.cancelBubble = true;
            this.cancelAsync(this.pressTimer);
            this.openTextDialog();
            return false;
        },
        _handleUp: function(e) {
            this.cancelAsync(this.pressTimer);
        },
        _handleDown: function(ev) {
            this.pressTimer = this.async(function() {
                this.openTextDialog();
                ev.preventDefault();
                ev.stopPropagation();
                ev.cancelBubble = true;
                return false;
            }, 1100);
        },

        attached: function() {
            // this.addEventListener('mousedown', function(e) {
            //     clearTimeout(this.pressTimer);
            // }.bind(this), false);
            // this.addEventListener('mousup', function(e) {
            //     this.pressTimer = window.setTimeout(function() {
            //         this.openTextDialog();
            //     }, 1500);
            // }.bind(this), false);
        }
    };
}());
</script>